我是靠谱客的博主 明亮黑米,最近开发中收集的这篇文章主要介绍微信小程序页面传值、checkbox自定义样式以及本地缓存数据页面传值本地缓存数据checkbox自定义样式,觉得挺不错的,现在分享给大家,希望可以做个参考。
概述
页面传值
通过url传值
edit_address:function(e){
let index=e.currentTarget.dataset.index
wx.navigateTo({
url: '/pages/customer/ads/adsEdit/adsEdit?index='+index,
})
},
在接收页面onLoad生命周期函数接收数据
onLoad:function(options){
console.log(options)
}
本地缓存数据
- 通过同步的方式缓存数据
let arr=[]
wx.setStorageSync('demo', arr)
//存数据
wx.getStorageSync('demo')
//取数据
wx.clearStorageSync()
// 清除数据(Storage中的数据全部清除)
- 通过异步的方式缓存数据
let arr=[]
wx.setStorage({
//存数据
key: 'demo',
data: arr,
})
wx.getStorage({
//取数据
key: 'demo',
success: function(res) {
console.log(res)
},
})
wx.clearStorage() // 清除数据(Storage中的数据全部清除)
checkbox自定义样式
- 修改checkbox样式
.default label .wx-checkbox-input{
width: 30rpx;
height:30rpx;
border-radius:50%;
color:#fff !important;
font-size: 16rpx;
}
- 修改选中的后的样式
.default label .wx-checkbox-input-checked{
background: -webkit-linear-gradient(top,#6ab6da,#699ede);
// 颜色渐变
}
- 修改选中后的对勾的样式
.default label .wx-checkbox-input.wx-checkbox-input-checked::before{
font-size: 30rpx;
line-height: 10rpx;
text-align: left;
}
最后
以上就是明亮黑米为你收集整理的微信小程序页面传值、checkbox自定义样式以及本地缓存数据页面传值本地缓存数据checkbox自定义样式的全部内容,希望文章能够帮你解决微信小程序页面传值、checkbox自定义样式以及本地缓存数据页面传值本地缓存数据checkbox自定义样式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复