Create your Gitee Account

Explore and code with more than 6 million developers，Free private repositories ！：）

This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.

Clone or download

README.md 2.32 KB

# 小程序前端组件集

从开发实战中，提取出常见实用的组件，汇集成这个git项目

### 在线体验

![Mina组件库](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LTBmMzVmYzQ1NjNlYWUyOWMuanBn?x-oss-process=image/format,png)

### 1.自定义radio-group风格

![radiogroup.gif](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LWZhNzE3ZjYzNDI5OTY4ODAuZ2lm)

### 2.自定义Alert弹窗

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LTgyODBjODMyOGI4M2UxMTYuZ2lm)

### 3.城市切换组件

![city.gif](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LWQ4NjcwNGFhMTA5N2QxNTcuZ2lm)

### 4.聊天会话窗口

![chat.gif](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LTIyOGQ1ZGRkMjAxYzA4ZmIuZ2lm)

### 5.仿饿了么购物车

![cart.gif](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LWFjOGNjOGJlMzRjMGJiOWQuZ2lm)

### 6.自定义tab栏

![tab.gif](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LTQ4NmZlMGU3MWFlZWM4YzQuZ2lm)

### 7.时间轴

![timeline.gif](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LTdmOWJiZjk5YzFjNzgzYTAuZ2lm)

### 8.万年历
![calendar.gif](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LTcxZGQ4NTE0ZDk4NGY4YjUuZ2lm)

### 9.回到顶部
![scrolltop.gif](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LWRmYTZjMmVlMDYxOWUzNzIuZ2lm)

### 10.页面穿梭

![transfer.gif](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LTQ4MmViMThhYzM2MjE4NWUuZ2lm)

### 更多请关注

![分答提问](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yNTk5MzI0LTJhZDhjNGFiODJmMWZhZTkucG5n?x-oss-process=image/format,png)

![mp](https://imgconvert.csdnimg.cn/aHR0cDovL3VwbG9hZC1pbWFnZXMuamlhbnNodS5pby91cGxvYWRfaW1hZ2VzLzI1OTkzMjQtNjBiNmRiMGE5YjBlZDg2Ny5wbmc?x-oss-process=image/format,png)

Copy Edit Web IDE Raw Blame History

authored 2020-07-18 16:20 . readme