uniapp小程序端使用计算属性动态绑定style样式踩坑

踩坑点:

        使用uniapp编译小程序端动态绑定复杂style使用计算属性方式,return必须返回json字符串格式,不能返回object,否则会不起作用。

代码总览

视图层

uniapp小程序端使用计算属性动态绑定style样式踩坑_第1张图片

逻辑层(注意这里是使用的计算属性哈)

uniapp小程序端使用计算属性动态绑定style样式踩坑_第2张图片

这里我封装成了一个个性化tab组件,支持APP端和微信小程序端,详细可去插件市场直接调入到项目即可sevenq-tab个性化tab组件

效果图如下

uniapp小程序端使用计算属性动态绑定style样式踩坑_第3张图片

你可能感兴趣的:(uniapp,uni-app,小程序,前端)