溺爱BBA 2022-03-13 12:48 采纳率: 50%
浏览 143
已结题

如何实现微信小程序按钮改变全局颜色可js控制(外部样式)

如何实现wxml不使用内联样式,通过修改page的变量达到改色的效果?或者有更好的方法?

  • 写回答

3条回答 默认 最新

  • _念_ 2022-03-14 09:57
    关注

    首先你得定义多套样式,比如:

    .red {background: red;}
    .green {background: green;}
    

    人后在页面里通过变量去控制,页面根节点的类名

    <div :class="[bgClass]">
      123
    </div>
    <button @click="bgClass = 'red'">red</button>
    <button @click="bgClass = 'green'">green</button>
    
    data() {
      return {
        bgClass: "red"
      };
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月28日
  • 已采纳回答 3月20日
  • 创建了问题 3月13日

悬赏问题

  • ¥15 高德地图点聚合中Marker的位置无法实时更新
  • ¥15 DIFY API Endpoint 问题。
  • ¥20 sub地址DHCP问题
  • ¥15 delta降尺度计算的一些细节,有偿
  • ¥15 Arduino红外遥控代码有问题
  • ¥15 数值计算离散正交多项式
  • ¥30 数值计算均差系数编程
  • ¥15 redis-full-check比较 两个集群的数据出错
  • ¥15 Matlab编程问题
  • ¥15 训练的多模态特征融合模型准确度很低怎么办