# demo-weapp

**Repository Path**: j_l_q/demo-weapp

## Basic Information

- **Project Name**: demo-weapp
- **Description**: 小程序前端组件集
- **Primary Language**: 微信
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 30
- **Created**: 2023-07-11
- **Last Updated**: 2023-07-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 小程序前端组件集

从开发实战中，提取出常见实用的组件，汇集成这个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)