收藏
回答

为什么给自定义组件添加style不生效?

我有个自定义组件myButton:

我在使用该组件的地方添加style属性,发现它不生效:

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

2 个回答

  • rich bai
    rich bai
    2020-04-19

    很感谢Feb.提供的建议,但很多时候我只想在自定义组件上添加个margin和padding,如果使用externalClasses的话就太麻烦了。

    我现在统一给自定义组件添加`cstyle`属性来替代组件上的style,例如:

    <!-- 某个页面的WXML -->
    <view>
      <myButton cstyle="margin-bottom:20rpx;">确定</myButton>
    </view>
    

    myButton的代码如下

    // myButton的js
    // components/myButton/index.js
    Component({
      properties: {
        cstyle:{
          type:String,
          value:''
        }
      }
    })
    


    <!-- myButton的WXML -->
    <!-- components/myButton/index.wxml -->
    <view style="{{cstyle}}" class="my-button">
      <slot></slot>
    </view>
    
    
    2020-04-19
    有用
    回复
  • brave
    brave
    2020-04-15

    建议你用这个,貌似引用组件所在的那个页面写的样式对自定义组件无效

    2020-04-15
    有用
    回复 1
    • rich bai
      rich bai
      2020-04-16
      谢谢你的回答。令人奇怪的是,有些组件能传style进去,有些组件不行,这让我很迷惑。
      2020-04-16
      回复
登录 后发表内容
问题标签