# demo-weapp

**Repository Path**: efri-yang/demo-weapp

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 30
- **Created**: 2019-08-06
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 小程序前端组件集

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

### 在线体验

![Mina组件库](https://upload-images.jianshu.io/upload_images/2599324-0f35fc4563eae29c.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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

![radiogroup.gif](https://upload-images.jianshu.io/upload_images/2599324-fa717f6342996880.gif?imageMogr2/auto-orient/strip)


### 2.自定义Alert弹窗

![](https://upload-images.jianshu.io/upload_images/2599324-8280c8328b83e116.gif?imageMogr2/auto-orient/strip)

### 3.城市切换组件

![city.gif](https://upload-images.jianshu.io/upload_images/2599324-d86704aa1097d157.gif?imageMogr2/auto-orient/strip)

### 4.聊天会话窗口

![chat.gif](https://upload-images.jianshu.io/upload_images/2599324-228d5ddd201c08fb.gif?imageMogr2/auto-orient/strip)

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

![cart.gif](https://upload-images.jianshu.io/upload_images/2599324-ac8cc8be34c0bb9d.gif?imageMogr2/auto-orient/strip)

### 6.自定义tab栏

![tab.gif](https://upload-images.jianshu.io/upload_images/2599324-486fe0e71aeec8c4.gif?imageMogr2/auto-orient/strip)

### 7.时间轴

![timeline.gif](https://upload-images.jianshu.io/upload_images/2599324-7f9bbf99c1c783a0.gif?imageMogr2/auto-orient/strip)

### 8.万年历
![calendar.gif](https://upload-images.jianshu.io/upload_images/2599324-71dd8514d984f8b5.gif?imageMogr2/auto-orient/strip)

### 9.回到顶部
![scrolltop.gif](https://upload-images.jianshu.io/upload_images/2599324-dfa6c2ee0619e372.gif?imageMogr2/auto-orient/strip)

### 10.页面穿梭

![transfer.gif](https://upload-images.jianshu.io/upload_images/2599324-482eb18ac362185e.gif?imageMogr2/auto-orient/strip)

### 更多请关注

![分答提问](https://upload-images.jianshu.io/upload_images/2599324-2ad8c4ab82f1fae9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![mp](http://upload-images.jianshu.io/upload_images/2599324-60b6db0a9b0ed867.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)