随笔分类 - uni-app
摘要：呈现效果： 使用插件： uni-data-picker 数据驱动的picker选择器 插件下载地址： https://ext.dcloud.net.cn/plugin?id=3796 放到对应的目录： 结构代码： 1 <!-- ↓↓↓↓ 此处使用的插件 ↓↓↓↓ --> 2 <uni-data-pi
阅读全文
摘要：首先，结构代码加上这个： :scroll-top="scrollTop" @scroll="scroll" 然后，data数组加上这两个： scrollTop: 0, // 滚动条位置，距顶为0 oldScrollTop: 0, 在方法里面写这个： scroll (e) { //记录scroll 位
阅读全文
摘要：效果： 结构代码： 1 <!-- 4、上传图片 --> 2 <view class="addbox1_son2"> 3 <view class="pic-box"> 4 <view class="pic-box-son" v-for="(picitem,picindex) in picArr" :k
阅读全文
摘要：效果（此页面经自定义后存在部分问题未解决，不过不影响发送消息的功能）： 使用插件：cola-u-chat 插件下载链接：https://ext.dcloud.net.cn/plugin?id=5754 不知道怎么使用的话，加入他们的交流qq群914490319 下载demo，反正我是下载后才整上。
阅读全文
摘要：效果： 代码： 1 <template> 2 <view class="bigbox"> 3 <!-- 头部 --> 4 <view class="bigbox_head"> 5 <view class="bigbox_head_left" @click="gogoup()"> 6 <uni-ico
阅读全文
摘要：绑定@input： <input type="number" :value="oldPrice" @input="inputTxt" focus /> <view class="mainson1_big">￥{{newPrice}}</view> data() { return { oldPrice
阅读全文
摘要：给它绑定一个类名： placeholder-class="placeholder_color" 例如： <input @input="keyInput" :placeholder="placeholder" placeholder-class="placeholder_color" /> .plac
阅读全文
摘要：效果： 代码示例： 组件目录： 组件代码： data.js 1 export default [ 2 { 3 "name": "北京市", 4 "city": [ 5 { 6 "name": "北京市", 7 "area": [ 8 "东城区", 9 "西城区", 10 "崇文区", 11 "宣武区
阅读全文
摘要：效果： 结构： 代码： <!-- 2、商品评分 --> <view class="evaluationbox1_son5"> <view>商品评分：</view> <view class="startbox"> <view class="startbox_son" v-for="(val, inde
阅读全文
摘要：效果： 代码： {{phonenum | phoneFilter}} // 加密手机号 filters:{ phoneFilter(val) { let reg=/^(.{3}).*(.{4})$/; return val.replace(reg,'$1****$2'); } },
阅读全文
摘要：代码在最后面，先分析下步骤： 效果： 结构： 数据： 方法： 选中样式： 相关代码： <!-- 内容 --> <view class="shopbox0"> <!-- 四个导航 --> <view class="good_nav"> <view class="good_nav_son" v-for=
阅读全文
摘要：一、创建组件 首先，创建compoments文件夹存放 然后在页面内调用 二、安装uniapp图标库插件 参考链接：https://blog.csdn.net/Sun_Maple_jw/article/details/120161550 官方文档路径（登录后点击导入就行）：https://ext.d
阅读全文
