收藏
回答

内联样式动态设置为何不生效?

我在代码中尝试通过数据绑定的方式,动态改变组件的部分样式,但是发现均不生效,代码如下

wxml文件内容如下

<view>

    <text style="color:{{color}}, textAlign:{{location}}">{{motto}}</text>

</view>

js文件的内容如下

data: {

    color:'',

    location:''

},

onReady: function () {

    this.setData({

      color: "pink",

      location:'center'

    });

  }

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

1 个回答

  • Brother斌🎈
    Brother斌🎈
    03-15

    这个中间的逗号换成分号

    03-15
    有用 1
    回复 3
    • Hermes
      Hermes
      03-15
      谢谢指点,修改后第一个color属性可以生效了,但是第二个属性还是无法生效,我把textAlign的内容改成left或者right,但是都没有发生变化,始终是居中显示,这个情况你遇到过吗?
      03-15
      回复
    • Brother斌🎈
      Brother斌🎈
      03-15回复Hermes
      是text-align: center;另外要加个display: block;  text要有宽度才能center
      03-15
      1
      回复
    • Hermes
      Hermes
      03-15
      确实是这样的,感谢指点。
      03-15
      回复
登录 后发表内容
问题标签