微信小程序中uni-table行动态改变颜色

可以通过在 uni-table 组件上绑定 v-for 来实现不同行的颜色变化。

步骤如下：

1.定义 data 属性，其中 colorArr 存放的是颜色字段：

data () {

return {

list: [],

colorArr: ['#f00', '#0f0', '#00f', '#fff']

}

},

2.在 uni-table 组件上绑定 v-for

<uni-table-column v-for="(item, index) in row.list"

:key="index"

:type="item.type"

:label="item.label"

:width="item.width"

:align="桐陵item.align"

:show-overflow-tooltip="item.showOverflowTooltip"

:class="['cell-type-'+item.type, {'bg-light': row.type=='指轮薯light'}]"

:style="{backgroundColor: colorArr[index]}"

>

{{ item.value }}

</uni-table-column>

上述代码在 uni-table 组件上绑定 v-for 来循环 list，在 uni-table-column 标签上传递行索引index 即可动态改变单元格的背景颜色。另外，也唯者可以给 uni-table-column 标签设置其他的样式。

品牌型号：vivoY73s

系统：Funtouch OS_10.5

软件版本:微信8.0.11 以微信8.0.11为例，渐变国旗头像可以进入小程序在线生成获取头像保存。分为5步，具体步骤如下： 1 进入微信小程序<!-- 1第1步 进入微信小程序 -->

打开手机微信，点击发现，选择小程序选项。

2 搜索国旗头像进入<!-- 2第2步 搜索碰此国旗头像进入 -->

点击搜索图标，在框内输入国旗头像，选择国旗头像在线生成。

3 选择国旗头像<!-- 3第3步 选笑此迅择国旗头像 -->

进入页面后，点击国旗头像。

4 选择领取专属头像<!-- 4第4步 选择领取专属头像 -->

进入页面后，点击领取你扒梁的国庆专属头像。

5 选获取头像并保存头像<!-- 5第5步 选获取头像并保存头像 -->

点击获取头像，点击允许，选择保存头像即可。

---