美文网首页
小程序头部导航封装

小程序头部导航封装

作者: 梦里梦不到的梦_b5c8 | 来源:发表于2019-01-10 14:48 被阅读0次

    var app = getApp()

    Component({

      /**

      * 组件的属性列表

      */

      properties: {

        title: {

          type: "String",

          value: "美容整形医院"

        },

        background: {

          type: "String",

          value: "#fff"

        },

        color: {

          type: "String",

          value: "#333"

        },

        back: {

          type: "String",

          value: "../../images/back.png",

          observer: function observer(newval, oldval) {

            if (newval == "") {

              this.setData({

                back: "",

              })

            } else {

              console.log(newval)

              console.log("newval")

              this.setData({

                back: newval,

              })

            }

          }

        },

        boxsh: {

          type: "Boolean",

          value: false

        }

      },

      ready() {

        let navgationHeight = 44

        const res = wx.getSystemInfoSync()

        let startBarHeight = res.statusBarHeight

        this.setData({

          statusHeight: navgationHeight + startBarHeight

        })

      },

      methods: {

        backHandle: function () {

          wx.navigateBack()

        },

      }

    })

    相关文章

      网友评论

          本文标题:小程序头部导航封装

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