文章目录

一、前提概要

一、使用第三方组件库

电商平台参考文档 （vantweapp）

Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。

能够知道如何安装和配置 vant-weapp 组件库

能够知道如何使用 MobX 实现全局数据共享

能够知道如何对小程序的 API 进行 Promise 化

能够知道如何实现自定义 tabBar 的效果

使用npm包

大家好，我是小蜗牛，昨天刚看完小程序的界面构成，感觉界面还是挺复杂的啊。。。

今天我想能不能开始做做小程序呈现的界面，由于我也不是什么专业的前端，想来想去，还是采取最直接的方式吧。

没错，就是模仿，搜索一个个人博客的小程序进行页面仿写。

经过一轮千挑万选，终于决定要模仿的个人博客UI界面

界面分析

看小程序构成，由顶端的轮播图、中部的三个选项卡、底部的四个按钮组成，蜗牛感觉，整个小程序由4-5个页面组成。

微信小程序使用vant组件库

官方文档

https://vant-contrib.gitee.io/vant-weapp/#/quickstart#bu-zou-san-xiu-gai-project.config.json

在移动端的地位相当于 element ui，相当强劲的一款UI组件库，v3版本经过半年的迭代，已经非常稳定了。

Vant 3.0：全面拥抱 Vue 3

Vant 是赞前端团队维护的移动端组件库，提供了一整套 UI 基础组件和业务组件。

介绍

轻量、可靠的移动端 Vue 组件库，采用 MIT 开源协议, 目前github star 数9k+，是有赞的一套开源组件库。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近 60+ 个组件，这些组件被广泛使用于有赞的各个移动端业务中。

涉及到处理文本数据时，Python的正则表达式（Regular Expression）提供了一种强大而灵活的工具。下面详细讲解一些常见的正则表达式语法，并提供实例来说明它们的用法。

1. 正则表达式语法
2. 正则表达式由一系列字符和特殊字符组成，用于定义匹配模式。以下是一些常用的正则表达式语法：