微信小程序各种小计

    //全局页面传参数
    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
今日推荐