[图片] 微信小程序云开发工具，不用打开微信小程序开发工具就可以操作云开发数据库，欢迎下载，免费使用，并提宝贵建议， 因为种种原因无法使用云盘，所以软件只好存放在Q群的群文件中，下载地址：Q群122695850的群文件。 

通过npm或useExtendedLib方式引入组件库1、需求需要引入weui组件库，组件库支持“useExtendedLib、npm install”两种方式引入2、两种方式引入两种方式是冲突的, 一个组件只能由一种方式引入. 通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。也可以通过npm (opens new window)方式下载构建（一） 通过useExtendedLib的方式引入在 app.json 中添加  "useExtendedLib": {    "weui" : true } [图片] （二） 通过npm构建的方式引入打开NPM组件使用[图片] 然后打开一下terminal[图片] npm 初始化[代码]npm init[代码] [图片] 然后一直回车即可，本次属于测试，不需要填写更多信息 安装weui-miniprogram[代码]npm install weui-miniprogram[代码] [图片] 构建NPM（此处必做，npm install 后是组件源码，需要构建后才能使用）[图片] 构建完成 [图片] 完成后的目录 [图片] 注意！如果微信小程序NPM构建失败提示找不到npm包位置，这时候需要前往project.config.json添加指向[图片] 修改[图片] [图片]        "packNpmManually": true,        "packNpmRelationList": [           {                "packageJsonPath": "./package.json",                "miniprogramNpmDistDir": "./node_modules"           }       ] [图片] 通过app.wxss引入全局样式@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss'; [图片] （三）效果预览使用官方的表单预览，代码：Form | 微信开放文档 (qq.com) [图片] （四）小问题修复预览图中，[代码]page__hd[代码]、[代码]page__title[代码]、[代码]page__desc[代码]的样式和官方预览图是不一样的   <view class="page__hd">       <view class="page__title">Form</view>       <view class="page__desc">表单输入</view>   </view> 修复，新建[代码]page__hd[代码]、[代码]page__title[代码]、[代码]page__desc[代码]的样式， 这样就舒服多了 [图片] .title{ cursor: default; user-select: none; line-height: 1.6; --height: 44px; --right: 95px; font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif; margin: 0; display: block; text-align: left; font-size: 20px; font-weight: 400; } ​ .hd{ cursor: default; user-select: none; line-height: 1.6; --height: 44px; --right: 95px; font-size: 16px; font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif; margin: 0; display: block; padding: 40px; } ​ .desc{ cursor: default; user-select: none; line-height: 1.6; --height: 44px; --right: 95px; font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif; margin: 0; display: block; margin-top: 5px; color: #888888; text-align: left; font-size: 14px; } 将样式加到组件中   <view class="page__hd hd">       <view class="page__title title">Form</view>       <view class="page__desc desc">表单输入</view>   </view> 同时下面隐私协议里面的复选框也不见了[图片] 找到发现是[代码]weui-agree__checkbox[代码]和[代码]weui-agree__checkbox-icon[代码]样式缺失，终于看得见框框了 [图片] .agreeCheckBox{  cursor: default;  user-select: none;  line-height: 1.6;  --height: 44px;  --right: 95px;  font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;  font-size: 13px;  color: rgba(0,0,0,.5);  margin: 0;  -webkit-tap-highlight-color: transparent;  display: inline-block;  position: absolute;  left: -9999px; } ​ .agreeCheckBoxIcon{  cursor: default;  user-select: none;  line-height: 1.6;  --height: 44px;  --right: 95px;  font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;  font-size: 13px;  color: rgba(0,0,0,.5);  margin: 0;  position: relative;  top: 2px;  display: inline-block;  border: 1px solid #d1d1d1;  background-color: #fff;  border-radius: 3px;  width: 11px;  height: 11px; } 将样式加到组件中       <checkbox-group bindchange="bindAgreeChange" class="checkBoxGroup">           <label class="weui-agree agree" for="weuiAgree">               <view class="weui-agree__text agreeText">                   <checkbox class="weui-agree__checkbox agreeCheckBox" id="weuiAgree" value="agree" checked="{{isAgree}}" />                   <view class="weui-agree__checkbox-icon agreeCheckBoxIcon">                       <icon class="weui-agree__checkbox-icon-check" type="success_no_circle" size="9" wx:if="{{isAgree}}"></icon>                   </view>阅读并同意<navigator url="" class="weui-agree__link">《相关条款》</navigator>               </view>           </label>       </checkbox-group>