小程序动态修改循环中的样式

最新推荐文章于 2024-08-15 18:54:04 发布

特立独行的菜鸡小李

最新推荐文章于 2024-08-15 18:54:04 发布

阅读量1.4k

点赞数 1

分类专栏：小程序文章标签：小程序动态修改样式

本文链接：https://blog.csdn.net/hsuan_CSDN/article/details/89519505

版权

本文介绍如何在小程序中动态修改循环组件的样式，参考Color-UI库，并结合实例代码解析，点击事件触发样式变更，详细实现过程可查看相关博客链接。

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

图标样式等，请参考Color-UI

WXML

<view class="cu-list menu">
  <block wx:for='{
  {typelist}}' wx:for-index='index' wx:key wx:for-item='item'>
    <view class="cu-item ">
      <view class='content' bindtap='showChildren' data-index='{
  {index}}'>
        <text class='{
  {item.icon}}'></text>
        <text class="icon-comment text-pink "></text>
        <text class="text-grey">{
  {item.name}}</text>
      </view>
    </view>
  </block>
</view>

data: {
    typelist: [{
      id: '1',
      name: '查看',
      level: 0,
      icon: 'icon-right',
      
    }, {
      id: '2',
      name: '打开',
      icon: 'icon-right',
    }