收藏
回答

js里如何根据id来改变style wx:for 循环

wx:for  循环后的内容,

<view class='icon_ground'>

 <view wx:for='{{page}}' wx:key=''>

   <view id='' class='icon-circle' style='width:{{item.size}}rpx;height:{{item.size}}rpx;background-color:{{item.color}};'></view>

 </view>

</view>


 data: {

   page: 5

 },


例如:怎么更改第三个尺寸大小和样式。

求助,


回答关注问题邀请回答
收藏

1 个回答

  • 祺爸💎
    祺爸💎
    2019-04-02

    你这种的话,应该是直接从data里来设置

    data: {
      page: [
        {
          size: 12
        },
        {
          size: 12
        },
        {
          size: 16
        }
      ]
    }


    以下划掉


    三种方法

    1、style="{{index==2?'':''}}"

    2、class="class{{index}}",wxss里用.class2选择器

    3、wxss里用.icon-circle:nth-child(3)选择器

    2019-04-02
    有用 2
    回复 3
    • 文林 森云科技
      文林 森云科技
      2019-04-02

      就是一个内容有很多页,我希望做一个分页,左滑,就相当于第二页,然后第二个图标样式变大,背景白。右滑动。就是这个意思。没想到小程序怎么实现。
      折腾了好久,没能实现。


      2019-04-02
      回复
    • 祺爸💎
      祺爸💎
      2019-04-02回复文林 森云科技

      这个是swiper组件

      2019-04-02
      1
      回复
    • 文林 森云科技
      文林 森云科技
      2019-04-02回复祺爸💎

      组件不熟悉,这个感觉就是用在幻灯片,怎么自定义大小,在圆圈中添加文字。

      这个问题主要就是想解决  ,例如wx:for循环中  ,当用户点击了15这个图标,怎么改变15的style。


      万分感谢。

      2019-04-02
      1
      回复
登录 后发表内容