Weui
Hero_rong
实战型前端选手
展开
-
小程序weui图片上传
.wxml <mp-uploader bindfail="uploadError" bindsuccess="uploadSuccess" bindselect="chooseImage" binddelete="deleteImg" select="{{selectFile}}" upload="{{uplaodFile}}" files="{{files}}" max-count="6" title="" tips="请上传整改好的图片">...原创 2021-01-14 15:45:27 · 891 阅读 · 0 评论 -
小程序picker 多列选择详解
需求:选择左边的选项,右边会显示对应的数据。如果你的数据和官方文档一样,数组套数组的形式,那直接复制复制就行了,这篇文章主要讲,数据是数组里面套对象的这种情况我的数据结构如下,这就用用到range-key 属性,首先,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容,如果不加,则页面上显示的都是【object Object】然后,下面展示的数据里面也要添加name属性,要是不加,页面也是显示的【object Object】最后,其他的选择...原创 2021-01-13 18:05:09 · 1416 阅读 · 0 评论 -
小程序form表单验证
第一张图是官方给的效果图,官方链接戳这里,是用小程序自带的weui组件库,我这里是通过useExtendedLib 扩展库的方式引入,这种方式引入的组件将不会计入代码包大小,也可以通过npm方式下载构建,npm包名为weui-miniprogram(前三步都是基础,如果知道怎么使用,只想看一些小提示的,可以从第四步开始)1.先引入useExtendedLib 扩展库,在 app.json 文件里面加入 "useExtendedLib": { "weui": tru...原创 2021-01-13 16:10:06 · 2474 阅读 · 0 评论 -
小程序接口封装
第一步,新建 request.js 文件,把要封装的方法放进去var app = getApp();//项目URL相同部分,减轻代码量,同时方便项目迁移//这里因为我是本地调试,所以host不规范,实际上应该是你备案的域名信息var host = 'http://192.168.1.1:9990/'; //此处本地接口地址/** * POST请求, * URL:接口 * postData:参数,json类型 * doSuccess:成功的回调函数 * doFail:失败的回原创 2020-11-24 15:01:49 · 1299 阅读 · 5 评论 -
通过useExtendedLib扩展库的方式 引入并使用WeUI
通过useExtendedLib扩展库的方式 引入并使用WeUI第一步,在app.ison 中加入useExtendedLib 字段 "useExtendedLib": { "weui": true }第二步,在所需要的页面的 json 文件中加入usingComponents 字段 "usingComponents": { "mp-uploader": "weui-miniprogram/uploader/uploader", "mp-ce...原创 2020-07-01 14:51:50 · 7347 阅读 · 10 评论