taro微信小程序 点击view怎样改变背景颜色

taro微信小程序 点击view怎样改变背景颜色,第1张

Tarok可能不太了解,可以参考以下代码为正常微信小程序

indexwxml:

<view style="background:{{bgcolor}};height:100rpx;width:100%;" 
bindtap="changecolor"></view>

indexjs:

const app = getApp();
Page({  
  data: {
    bgcolor: "green"        
  },
  onLoad: function(){
    
  },
  changecolor:function(){
    thissetData({
        bgcolor:"red",
    })
  }
});

点击view变红色

谢谢采纳

小程序的点击事件里,有对应的方法。
bindtouchstart="handleTouchStart" //按下未松开
bindtouchend="handleTouchEnd" //松开
再写出你想要的 *** 作就行了

      <view>
          <text >{{value1}}</text> <text style="color:#0076ff">{{keyword}}</text><text>{{value2}}</text>
      </view>

你可以选择将一段文字切成三块,关键词在中间一块,使用indexOf()将String的索引出来,然后就是substr进行截取,就可以啦。

  ChangeColor:function(){
    var that = this;
    var length = "World"length;
    var index = thatdatanameindexOf('World');
    
    //设置第一个值
    thatsetData({
      value1:thatdatanamesubstr(0, index)
    });
     
     //设置关键词
     thatsetData({
       keyword:'world'
     })
    //设置第二个值
    thatsetData({
        value2:thatdatanamesubstr(index+5)
    })
    consolelog(length);
    consolelog(index);
  }

这个有一点不好就是整个string中只能显示一处关键词。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13363202.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-22
下一篇 2023-07-22

发表评论

登录后才能评论

评论列表(0条)

保存