
Vant —小程序实践
使用vant组件开发小程序的个人总结
泊一
起风了
展开
-
Tab 标签页 + scroll-view 实现列表展示
文章目录参考地址代码实例效果图参考地址Tab 标签页scroll-view无tab切换,列表下拉加载组件??——ES2020诞生了个新特性–空位合并操作符如果表达式在??的左侧运算符求值为undefined 或null,就返回其右侧默认值。let c = a ?? b;// 等价于let c = a !== undefined && a !== null ? a : b;代码实例index.json{ "disableScroll": true, "u原创 2020-11-24 18:14:25 · 1660 阅读 · 1 评论 -
Checkbox 复选框 + Collapse 折叠面板
Checkbox 复选框原创 2020-11-19 20:44:17 · 2694 阅读 · 5 评论 -
Uploader 文件上传
Uploader 文件上传request.js /** * 文件上传 */class Request { constructor() { this._header = { }; // 请求头 this._baseURL = 'XXXX'; // api_prefix this._fileURL = 'XXXX'; // upload_prefix } uploadFile(filePath, header = this._heade原创 2020-11-04 14:06:18 · 2890 阅读 · 0 评论 -
DatetimePicker 时间选择
文章目录vant时间选择的实现微信小程序原生选择器组件—picker总结time.wxsfunction formatNumber(n) { n = n.toString(); return n[1] ? n : '0' + n;}/** * * @param number 时间戳 毫秒 * @param format 格式 例如 'Y-M-D h:m:s' 返回值为 '2020-11-02 08:22:23' */function formatTime(number, form原创 2020-11-02 12:06:14 · 3290 阅读 · 2 评论 -
IndexBar 索引栏
Q:如果页面中存在其他元素,索引栏(ABCD…)会被遮挡/* 修改vant样式,以展示ABC的侧边栏 */.van-index-bar__sidebar { z-index: 2; color: #999; font-size: 20rpx;}原创 2020-10-26 14:45:21 · 1312 阅读 · 0 评论 -
Field 输入框
Q:想要显示一个带边框的输入框,自带的底部线条不和谐通过设置border与custom-style border="{{false}}" custom-style="border: 1rpx solid #dddddd;border-radius: 6rpx;"Q:auto-focus的效果在开发者工具上不会显示自动聚焦的效果在手机可以查看效果...原创 2020-10-26 14:37:44 · 1011 阅读 · 0 评论 -
Dialog 弹出框 开启异步关闭
文章目录一、 需求场景二、 使用Dialog的坑三、Dialog弹出输入框封装四、封装组件的使用一、 需求场景1.在添加分组时会弹出一个输入弹框2.在输入后,点击确认按钮就行,添加分组操作3.在点击按钮的同时会判断这个内容为空时,会toast提示内容不能为空,当分组名重复时,会提示当前分组名已存在二、 使用Dialog的坑vant—Dialog弹出框没有带输入框的弹窗可通过设置use-slot 为true来自定义弹窗内容当你点击后,弹窗会有默认的关闭行为,当你判断好条件,setDa原创 2020-10-23 22:11:23 · 2350 阅读 · 0 评论