# mini-component

**Repository Path**: tangzhangss/mini-component

## Basic Information

- **Project Name**: mini-component
- **Description**: 微信小程序组件集合，图片上传裁剪，上划刷新，图片懒加载
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-06-05
- **Last Updated**: 2023-06-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mini-component
微信小程序组件集合

#### 目录结构

* component-----------------------------------组件总目录
   * 目录一------------------------------------组件一
   * 目录二------------------------------------组件二
* component_index-----------------------------使用组件demo主页面_使用说明!!!
   * 目录一------------------------------------组件一demo
   * 目录二------------------------------------组件二demo
   * component_index.wxml---------------------小程序页面 通过这个页面汇集组件demo的调用 
* utils---------------------------------------全局工具方法
   * web.js-----------------------------------js常用方法
   
>      组件使用说明在对应组件demo的wxml页面 
  
#### 效果预览--关注我的小程序即可看到效果

![逐运网络](http://zyrs-xyz.oss-cn-beijing.aliyuncs.com/other/gh_3a849a69c21a_258.jpg)

#### 如何使用 将demo弄进微信小程序
 
  1.直接创建clone此项目
  2.创建小程序
  3.直接导入即可
  ###### 注意 

       图片上传 需要用到  app.js 中的 imgageUploadUrl属性  所以需要在app.js中添加此属性

       app.js 需有userInfo属性 
 
#### 效果图

##### 1.图片上传，裁剪    ----固定裁剪框和比例设置都由开发者选择属性是否使用    

![图片上传，裁剪](https://zyrs-xyz.oss-cn-beijing.aliyuncs.com/other/A%5BB%251QD%7EQ%5DY5UU%25YKWD%7B0P7.png)
 
##### 2.上划刷新         

 ![上划刷新](https://zyrs-xyz.oss-cn-beijing.aliyuncs.com/other/4%7E1J%24%29B9%28T%29986KWM2L3XE8.png)  

##### 3.图片懒加载      

![图片懒加载](https://zyrs-xyz.oss-cn-beijing.aliyuncs.com/other/%7BBGR%5DG%25%600GYD3P9KQ2%7B73YQ.png)  


##### 4.微信小程序用户授权组件     ----- 主题颜色 背景设置

![用户授权](https://zyrs-xyz.oss-cn-beijing.aliyuncs.com/other/%29958%5BLU%25HSX8%24P7GWH_GJCV.png)