https://github.com/fuxingkai/frankui-weapp

微信小程序自定义某些常用组件
https://github.com/fuxingkai/frankui-weapp

Last synced: 2 months ago
JSON representation

微信小程序自定义某些常用组件

• Host: GitHub
• URL: https://github.com/fuxingkai/frankui-weapp
• Owner: fuxingkai
• Created: 2018-01-12T09:43:12.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-07-22T06:52:46.000Z (over 5 years ago)
• Last Synced: 2024-08-02T18:36:13.184Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 116 KB
• Stars: 317
• Watchers: 13
• Forks: 115
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• Awesome-Miniprogram - 小程序折线图柱状图

README

        
# frankui-weapp

### 微信小程序自定义某些常用组件：

#### 自定义日期选择控件

![](https://img-blog.csdn.net/20180112175413578?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQva2FpXzEyMTU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

#### 自定义城市选择控件

![](http://img-blog.csdn.net/20180116142343378?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQva2FpXzEyMTU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

#### 滑动悬浮tab

![](http://img.blog.csdn.net/20180116152110792?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQva2FpXzEyMTU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

#### 横向滚动tab

![1.gif](http://upload-images.jianshu.io/upload_images/4105840-414378bdd8632a57.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### 折线图

![1518158067(1).jpg](http://upload-images.jianshu.io/upload_images/4105840-f515ec31be548cc6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### 柱状图

![2.gif](http://upload-images.jianshu.io/upload_images/4105840-084971b294b7f057.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### 双折线图

![1.gif](https://upload-images.jianshu.io/upload_images/4105840-0d0f5bee82778e38.gif?imageMogr2/auto-orient/strip)

#### 柱状折线图

![2.gif](https://upload-images.jianshu.io/upload_images/4105840-45ead2bda34cd5b2.gif?imageMogr2/auto-orient/strip)

#### 双柱状图

![1533287431(1).jpg](https://upload-images.jianshu.io/upload_images/4105840-5b2a555695720ba6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### 刻度盘

![1533286279(1).jpg](https://upload-images.jianshu.io/upload_images/4105840-1f0bec256b7b7ddc.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### 日，周，月，季度，自定义选择器

![2.gif](https://upload-images.jianshu.io/upload_images/4105840-0fb8e210ede5ea40.gif?imageMogr2/auto-orient/strip)

#### list分页加载组件和音频api使用

![2.gif](https://upload-images.jianshu.io/upload_images/4105840-80cf9692faf4491b.gif?imageMogr2/auto-orient/strip)

#### 通用搜索

![2.gif](https://upload-images.jianshu.io/upload_images/4105840-cb77e09066f5ba26.gif?imageMogr2/auto-orient/strip)

#### 搜索和历史搜索结合使用

![2.gif](https://upload-images.jianshu.io/upload_images/4105840-d4a2c120b07bc130.gif?imageMogr2/auto-orient/strip)

#### 侧滑删除

![5.gif](https://upload-images.jianshu.io/upload_images/4105840-278986f8415b074d.gif?imageMogr2/auto-orient/strip)

### 注意要点：

1，由于部分功能小程序的基础库需要1.9.90才能使用，因此建议使用微信1.9.90以上的基础库