微信小程序之收藏view背景色以及文字状态的改变

最新推荐文章于 2024-08-20 22:52:05 发布

哎吆我呸

最新推荐文章于 2024-08-20 22:52:05 发布

阅读量6.7k

点赞数 2

分类专栏： html 微信小程序开发

本文链接：https://blog.csdn.net/qq939782569/article/details/86534652

版权

html 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

微信小程序开发

5 篇文章 1 订阅

订阅专栏

上代码

<view class="detail-shoucang" style="background-color:{{BgColor}}" bindtap='shoucang'><text class="detail-shoucang.text">{{shoucang}}</text></view>
  </view>

.detail-shoucang{
  float: right;
  padding: 5rpx 15rpx;
}

.detail-shoucang.text{
 color: #fff;
  font-size: 28rpx;
  line-height: 51rpx;
}

 data: {
    BgColor: '#ff7315',
    shoucang:"收藏"
  }
shoucang: function(){
    var bgColor = this.data.BgColor == '#999999' ? '#999999' : '#999999';
    // 设置背景颜色数据
    this.setData({
      BgColor: bgColor,
      shoucang:"已收藏"
    });

  },

oK!