//全局页面传参数
var app=getApp();
//赋值
app.name = "小迪";
//取值
var name = app.name;
//导航传参
wx.navigateTo({
url: '../index/index?id=1'
})
//index页面接收
onLoad: function (options) {
console.log(options.id)
}
//wxml变量判断 , 可以用于动态改变类样式 , 隐藏页面元素
style="{{demo=='1'?'color:#fff':'color:#000'}}"
//true或者false隐藏元素
<view hidden="{{hidden}}"></view>
//wx:if如果有数据显示列表数据, 如果没有数据显示暂未空等提示
<block wx:if="{{hasLiat}}">
...
</block>
<block wx:else>...</block>
//可作tab选项卡切换
wx:if="{{select=='one'}}"
//无图标小提示框
wx.showToast({
title: '请选择',
icon: 'none',
duration: 1000
})
//js设置页面标题
wx.setNavigationBarTitle({
title: "新标题"
})
//app.json设置 文档:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html
{
"pages":[
"pages/index/index" //配置页面路径
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff" //顶部背景颜色
}
}
//css盒子模型 前者元素大小固定,怎么填充边框都不会变大 非常好用 后者反之
box-sizing:border-box content-box
//css选择器,选择item的父元素box下最后一个item 用来消除下边框非常nice
.item:last-child{
margin-bottom: 0px!important ;
}
//scrool-view下拉刷新
bindscrolltoupper="Refresh" bindscroll="huadong" bindscrolltolower="load" style='height:550px;'
//高度好像不能太大,超过屏幕高度会GG
//延迟2秒函数 2秒后返回上一页
setTimeout(function () {
wx.navigateBack()
}, 2000)
//取小数点两位 用于价格
total.toFixed(2)
//js移除数组 下标不会混乱
carts.splice(index, 1);
index为下标,可用wx:for循环的{{index}}数组下标标记 1为长度
//将数组转为json request请求post时使用 后台 json_decode($arr , true)获取
let _goodsRes = JSON.stringify(that.data.goodsRes);
微信小程序各种小计
猜你喜欢
转载自blog.csdn.net/weixin_42161963/article/details/80255033
今日推荐
周排行