Legion001snow 2022-10-04 09:14 采纳率: 100%
浏览 233
已结题

微信小程序点击按钮变字体颜色

微信小程序开发:

实现一个按钮,和一段文字“Hello World”,点击时依次按照“红,绿,蓝,绿”的次序循环变换文字颜色。即:红,绿,蓝,绿,红,绿,蓝,绿

关键点:一个按钮
实现颜色变化
应用JS进行开发

  • 写回答

2条回答 默认 最新

  • ironprosper 2022-10-04 10:04
    关注

    wxml部分

    <view class="container">
      <view class="usermotto">
        <text class="user-motto" style="color: {{color[index]}};">Hello World</text>
      </view>
      <button type="primary" bindtap="changeColor">变色</button>
    </view>
    

    js部分

    Page({
      data: {
        color: ['red', 'green', 'blue','green'],
        index: 0
      },
      changeColor(){
        this.setData({
          index: (this.data.index + 1) % 4
        })
      },
    })
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 10月12日
  • 已采纳回答 10月4日
  • 创建了问题 10月4日

悬赏问题

  • ¥15 运筹学对偶单纯行法构造扩充问题
  • ¥20 XP系统的老电脑一开机就提示找不到rundll.exe,付费求解
  • ¥15 milvus查询出来的score怎么转换成0-1之间的相似性
  • ¥15 多ip服务器站群如何搭建l2tp服务器
  • ¥15 lvgl V9移植到linux开发板
  • ¥15 VB.net中在窗体中创建一个button控件来关闭窗体,但是提示错误,我该怎么办
  • ¥15 网上下载好的程序但是arduinoIDE编程报错,运行不了,哪里出错了,能具体给改一下吗
  • ¥15 Sharepoint JS开发 付费技术指导
  • ¥15 输入程序运行仿真后,烟雾值不实时检测,变成固定值
  • ¥20 数据排序,可选择排序方向