微信小程序切换标签背景色随之改变

最新推荐文章于 2024-03-07 19:12:52 发布

勉后之幸

最新推荐文章于 2024-03-07 19:12:52 发布

阅读量501

点赞数

分类专栏：微信小程序前端

本文链接：https://blog.csdn.net/qq_41219388/article/details/107232193

版权

本文介绍了如何在微信小程序中根据标签切换实现背景色的动态变化。通过示例展示了WXML、JS和CSS代码的实现方式，以达到视觉上的效果更新。

摘要由CSDN通过智能技术生成

首先，先放张图片，为了更方便看到样式。

wxml页面代码

<view class="time_box">
    <view class="time {
  {type=='day'?'date-color':''}}" data-id="day" bindtap="day">今日</view>
    <view class="time {
  {type=='week'?'date-color':''}}" data-id="week" bindtap="day">近一周</view>
    <view class="time {
  {type=='moon'?'date-color':''}}" data-id="moon" bindtap="day">近一月</view>
    <view class="time {
  {type=='year'?'date-color':''}}" data-id="year" bindtap="day">近一年</view>
<