# 一些封装的好用且不坑的小程序组件

**Repository Path**: fyqwzj/components

## Basic Information

- **Project Name**: 一些封装的好用且不坑的小程序组件
- **Description**: 一些封装的好用且不坑的小程序组件，自己总结出来的，一直会更新的，不断的完善~喜欢的点个关注加star！！！！
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 31
- **Created**: 2022-01-07
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一些封装的好用且不坑的小程序组件

#### 介绍
一些封装的好用且不坑的小程序组件，自己总结出来的，一直会更新的，不断的完善~喜欢的点个关注加star！！！！

#### 软件架构
软件架构说明


#### 安装教程

1.  克隆后微信开发者打开 ，选择自己的appid或者是测试号，（不要使用本人的appid,否则无法预览)

#### 使用说明

1.  index:首页，有明确的页面导航，每个组件的位置，以及相关参数，皆在页面中表明（效果页面+组件详情介绍页面)
2.  组件一：canvas2d-ring(canvas2d--圆环进度条）Canvas2D接口（type="2d"）,支持同层渲染的一个圆环进度条。（wx.createCanvasContext已废弃）
3.  组件二：toastModal 根据wx.showModal封装的弹框组件
3.  组件三：actiionSheet 根据wx.showActionSheetr，可带图标，可添加open-type属性等
4.  组件四：rating 星星评分（暂时只支持5星，后续会继续完善）
5.  组件五：swiperBox 自定义swiper组件
6.  组件六：customNav 自定义头部导航栏
7.  组件7： loading自定义loading加载动画（根据wx.showLoading封装的弹框）
8.  组件8：自定义日历组件，可设置主题色
9.  组件9：自定义日期区间选择组件。可设置主题色

#### 效果截图
![输入图片说明](https://images.gitee.com/uploads/images/2021/0818/142518_50f3af98_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0818/142602_d2417873_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0821/000421_b5321f2e_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0821/000721_3cc974e8_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0822/032114_e0e9f78c_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0822/032158_a137dde7_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0824/005849_e8665e6d_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0825/002257_f792ac4b_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0831/101946_1e14190f_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/1117/002712_49884331_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/1122/135159_365cf763_8576727.png "屏幕截图.png")
#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)