随笔 - 40  文章 - 0  评论 - 0  阅读 - 7872

随笔分类 -  微信小程序

微信小程序侧边栏,不同事件触发不同侧边栏,侧边栏在主页上层
摘要:wxml 底部有侧边栏效果图 <!-- 侧边栏 --> <view class="sidebar {{open?'show':''}}"> <input class="wc" wx:for="{{countryArray}}" wx:key="index" style="display:{{vis} 阅读全文
posted @ 2022-03-16 11:14 隔壁老王(加速版) 阅读(438) 评论(0) 推荐(0) 编辑
微信小程序侧边栏,在主页上层
摘要:wxml:(点击通讯录按钮可以打开,关闭点击遮罩层任意位置) <view class="btn" bindtap="onChange">通讯录</view> <view class="sidebar {{open?'show':''}}">侧边栏位</view> <view class="sideb 阅读全文
posted @ 2022-03-16 10:30 隔壁老王(加速版) 阅读(194) 评论(0) 推荐(0) 编辑
小程序switch 按钮的样式改变
摘要:.wxml代码 默认样式 修改后样式 <switch bindchange="switch2Change" class="switch"/> .wxss代码 .wx-switch-input{ /* 按钮的背景大小*/ width: 80rpx !important; height: 40rpx ! 阅读全文
posted @ 2022-03-15 15:36 隔壁老王(加速版) 阅读(372) 评论(0) 推荐(0) 编辑
小程序循环 wx:for ,list ,item
摘要:<view wx:for="{{checkboxItems}}"> <view value="{{item.name}}" style="color:{{item.color}};"> {{item.value}} <image src="{{item.image}}" style="width:5 阅读全文
posted @ 2022-03-10 14:36 隔壁老王(加速版) 阅读(83) 评论(0) 推荐(0) 编辑
小程序跳转传参-拼接URL
摘要:old.wxml代码 <view>{{name}}</view> <view>{{age}}</view> <button bindtap="jump">跳转传参</button> old.js代码 Page({ data:{ name:"李知恩", age:"18" }, jump:functio 阅读全文
posted @ 2022-03-10 10:50 隔壁老王(加速版) 阅读(282) 评论(0) 推荐(0) 编辑
微信小程序跳转页面全解
摘要:wx.switchTab :跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 wx.reLaunch :关闭所有页面,打开到应用内的某个页面 wx.redirectTo:关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面 wx.navigateTo:保留当前页 阅读全文
posted @ 2022-03-10 10:18 隔壁老王(加速版) 阅读(245) 评论(0) 推荐(0) 编辑
微信小程序滑轮的效果 scroll-view
摘要:.wxml代码 <scroll-view scroll-y="true" style="height:100px;"> <view class="iu">iuiu</view> <view class="iu">iuiu</view> <view class="iu">iuiu</view> <vi 阅读全文
posted @ 2022-03-10 10:07 隔壁老王(加速版) 阅读(189) 评论(0) 推荐(0) 编辑
获取点击的数据,小程序,data-value
摘要:.wxml代码 备注:标颜色部分是“获取点击数据的代码”,其他部分是侧边栏的功能 <view class="page"> <!-- 侧边栏内容 --> <view class="page-slidebar"> <view class="page-content"> <input class="wc" 阅读全文
posted @ 2022-03-10 09:50 隔壁老王(加速版) 阅读(276) 评论(0) 推荐(0) 编辑
微信小程序侧边栏的实现代码,(改变主页原位置)
摘要:.wxml代码 <view class="page"> <!-- 侧边栏内容 --> <view class="page-slidebar"> <view class="page-content"> <input class="wc" type="text" wx:for="{{array}}" w 阅读全文
posted @ 2022-03-10 09:11 隔壁老王(加速版) 阅读(247) 评论(0) 推荐(0) 编辑
微信小程序的缓存问题 wx.setStorageSync()
摘要:wx.setStorageSync(string key, any data) wx.getStorageSync(string key) 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理, 否则数据都一直可用。单个 key 允 阅读全文
posted @ 2022-03-09 16:00 隔壁老王(加速版) 阅读(1122) 评论(0) 推荐(0) 编辑
微信小程序的API wx.
摘要:微信官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/base/wx.env.html 阅读全文
posted @ 2022-03-09 14:33 隔壁老王(加速版) 阅读(20) 评论(0) 推荐(0) 编辑
input框中右面的箭头
摘要:.wxml中代码 <view class="arrowA"></view> .wxss中代码 .arrowA{ width: 7px; height: 7px; border-top: 2px solid #999; border-right: 2px solid #999; transform:  阅读全文
posted @ 2022-03-09 14:24 隔壁老王(加速版) 阅读(112) 评论(0) 推荐(0) 编辑
简单的微信小程序
摘要:https://blog.csdn.net/fenxiangjun/article/details/54429666 此网址是其他博主的博客,若不允许,立刻删除 阅读全文
posted @ 2022-03-09 14:15 隔壁老王(加速版) 阅读(21) 评论(0) 推荐(0) 编辑
微信小程序同一页面跳转传参
摘要:var pages = getCurrentPages(); //当前页面var prevPage= pages[pages.length-2] //上一个页面prevPage.setData({ // deviceInfoId:arrTemp.cityName+arrTemp.repairerNa 阅读全文
posted @ 2022-03-09 13:22 隔壁老王(加速版) 阅读(86) 评论(0) 推荐(0) 编辑

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示