美文网首页
微信小程序

微信小程序

作者: 曹锦花 | 来源:发表于2020-03-05 19:39 被阅读0次

    触底生命周期onReachBottom
    下拉刷新生命周期onPullDownRefresh
    加载圈圈wx.showLoading(); / wx.hideLoading();
    点击事件bindtap
    客服 open-type = "contact"
    页面跳转 wx.navigateTo({ url: '/packageOrder/pages/orderDesc/orderDesc'})
    阻止冒泡 catchtap="onClick"
    转义字符使用

       <text decode='true'>&lt;上海出发&gt;</text>
    
    // 底部导航tabBar app.json
      "tabBar": {
        "selectedColor": "#ea5149",
        "list": [
          {
            "pagePath": "pages/index/index",
            "text": "首页",
            "iconPath": "images/img/book.png",
            "selectedIconPath": "images/img/book-active.png"
          },
          {
            "pagePath": "pages/me/me",
            "text": "我",
            "iconPath": "images/img/me.png",
            "selectedIconPath": "images/img/me-active.png"
          }
        ]
      },
    ____________
    //获取用户信息getUserInfo
    <button size="mini" bindgetuserinfo="onGetUserInfo" open-type="getUserInfo">登录</button>
    //获取用户信息
      onGetUserInfo(e) {
        let userInfo = e.detail.userInfo
        // 需要调用云函数,获取用户的openid
        wx.cloud.callFunction({
          name:'login',
          complete: res=>{
            userInfo.openid = res.result.openid
            this.setData({
              userInfo
            })
            // 写入本地缓存
            wx.setStorageSync("userInfo", userInfo)
          }
        })
      },
    //读取缓存 getStorageSync
      data: {
        userInfo: wx.getStorageSync("userInfo") || {},
      },
    
    ____________
    //调起客户端扫码界面进行扫码wx.scanCode
    bindtap = "scanCode"
      scanCode() {
        wx.scanCode({
          success: res=>{
            //图书的isbn号 去豆瓣获取详情
            this.addBook(res.result)
          }
        })
      },
    _____________
    //数据库添加数据db.collection('name').add
    const db = wx.cloud.database()
    db.collection('doubanbooks').add({
              data: result
            })
    _____________
    //下拉刷新  json文件中配置
      "enablePullDownRefresh": true,
    
    

    wx:for / wx:if / bindtap /

    <view class="card" wx:for="{{item.arr}}" wx:for-item="litem" wx:for-index="lindex">
    ______________________
    <view class="list-wrap" wx:for="{{dateArr}}" wx:key="index">
    ________________________
          <image  bindtap="showEye" wx:if="{{iseye}}" class="eye" src="/packageHome/images/calendar/open.png"></image> 
          <image wx:else class="eye" bindtap="showEye" src="/packageHome/images/calendar/close.png"></image> 
    
    

    弹出层禁止页面滚动catchtouchmove='true'

    <view class="graph-modal" wx:if="{{isGraph}}" catchtouchmove='true'>
            <view class="modal">
                <image show-menu-by-longpress="true" class="shareImg" src="{{shareImg}}"></image>
            </view>
            <view class="close-wrap" bindtap="closeModal">
                <image class="close" src="/packageHome/images/goodDetails/close.png"></image>
            </view>
        </view>
    

    相关文章

      网友评论

          本文标题:微信小程序

          本文链接:https://www.haomeiwen.com/subject/aruhlhtx.html