收藏
回答

一个【动态类名】样式还会存在兼容性问题吗?

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug 动态类名 客户端 最新版 2.4.0

- 当前 Bug 的表现(可附上截图)




- 预期表现




- 复现路径


- 提供一个最简复现 Demo

【CSS】


.skuInfo-attr-value{

display: inline-block;

min-width: 200rpx;

height: 60rpx;

line-height: 60rpx;

font-size: 24rpx;

border-radius:30rpx;

text-align: center;

margin:20rpx 30rpx 0 0;

box-sizing: border-box;

padding:0 30rpx;

color:#000;

border:1px solid #999;

background-color: #fff;

overflow: hidden;

}


/* 可选(默认) */

.skuInfo-attr-value-selected1{

color:#000;

border:1px solid #999;

background-color: #fff;

}

/* 可选点击颜色 */

.skuInfo-attr-value-selected2{

color: #fff;

border:1px solid #F0445C;

background-color: #F0445C;

}

/* 不可选默认颜色 */

.skuInfo-attr-value-selected3{

color: #999;

border:1px dashed #999;

background-color: #fff;

}

/* 不可选点击颜色 */

.skuInfo-attr-value-selected4{

color: #F0445C;

border:1px dashed #F0445C;

background-color: #fff;

}


【HTML】

<scroll-view scroll-y class="skuInfo-scroll">

<view class="skuInfo-attr" wx:for="{{info.productAttr}}" wx:key="item">

<view class="skuInfo-attr-name">{{item.saleName}}</view>

<view class="skuInfo-attr-value-group">

<text

class="skuInfo-attr-value {{'skuInfo-attr-value-selected' + items.status}}"

wx:for="{{item.saleAttrList}}"

wx:for-item="items"

wx:key="items"

data-index = "{{index}}"

data-item="{{items}}"

bindtap="onTapAttr">{{items.saleValue}}</text>

</view>

</view>

</scroll-view>


最后一次编辑于  2018-12-20  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-12-25

    麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2018-12-25
    赞同
    回复
  • 枯草
    枯草
    2018-12-22

    没有人回复吗

    2018-12-22
    赞同
    回复