码迷,mamicode.com
首页 > 微信 > 详细

小程序之按钮点击之后,显示和隐藏切换

时间:2019-04-30 14:01:15      阅读:847      评论:0      收藏:0      [点我收藏+]

标签:style   console   hover   option   open   message   col   src   index   

wxml

<navigator bindtap=‘share‘ hover-class="none">
    <view class=‘‘>分享乐活
      <image class=fr src=/img/arrorw.png></image>
    </view>
  </navigator>
  <view class=share  wx:if="{{shareshow}}"> 
    <view class=shareTo>
      <view class=line></view>
      <view class=to>分享到</view>
      <view class=line></view>
    </view>
    <button open-type="share" hover-class="none">
      <image src="/img/wechat.png" class=wechat></image>
      <view class=‘‘>微信好友</view>
    </button>
  </view>

wxjs

// pages/set/set.js
Page({
  data: {
    shareshow: false
  },


  onLoad: function(options) {

  },

  onShow: function() {

  },
  share:function(){
    var that = this;
    var shareshow = that.data.shareshow 
    that.setData({
      shareshow: !that.data.shareshow
    })
  }, 
  onShareAppMessage: function (res) {
    if (res.from === button) {
    }
    return {
      title: 分享,
      path: /pages/index/index,
      success: function (res) {
        console.log(成功, res)
      }
    }
  } 
})

 

小程序之按钮点击之后,显示和隐藏切换

标签:style   console   hover   option   open   message   col   src   index   

原文地址:https://www.cnblogs.com/xiaoxiao2017/p/10795517.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!