收藏
回答

button组件在模拟器中没问题但是一到手机布局就乱了?

模拟器里面一切正常,在手机调试或者预览就有很多按钮变形,没有设置type,也不知道怎么才能把默认样式复写干净了,感觉是默认样式导致的

<button class="book-button">

<text class="button-message">在线预订</text>

</button>

.book-button{

margin:0;

padding:0;

width:200rpx;

height:45rpx;

line-height:45rpx;

color:#FFFFFF;

background-color:#89765b;

}




最后一次编辑于  2020-01-02
回答关注问题邀请回答
收藏

1 个回答

  • Mr.Zhao
    Mr.Zhao
    2020-01-02

    单独把按钮的代码 和 按钮样式发出来看看

    2020-01-02
    有用
    回复 19
    • 策谊夫斯基
      策谊夫斯基
      2020-01-02

                    在线预订
                 
      .book-button{
        margin: 0;
        padding: 0;
        width: 200rpx;
        line-height: 45rpx;
        color: #FFFFFF;
        background-color: #89765b;
      }


      订单详情
      .book-button{
        margin-right: 10rpx;
        height: 46rpx;
        width: 190rpx;
        font-size: 20rpx;
        font-weight: 700;
        letter-spacing:5rpx;
        line-height: 46rpx;
        color: #baaf9e;
        background-color: #FFFFFF;
        border:3rpx solid #baaf9e;
      }
      2020-01-02
      回复
    • Mr.Zhao
      Mr.Zhao
      2020-01-02回复策谊夫斯基
      到底用的哪个class
      2020-01-02
      回复
    • 策谊夫斯基
      策谊夫斯基
      2020-01-02回复Mr.Zhao
      就是两个按钮对应他下面的那个class,会互相影响吗
      2020-01-02
      回复
    • Mr.Zhao
      Mr.Zhao
      2020-01-02回复策谊夫斯基
      class不能重名啊
      2020-01-02
      回复
    • 策谊夫斯基
      策谊夫斯基
      2020-01-02回复Mr.Zhao
      啊,刚刚改了,其中一个还是有问题耶
      2020-01-02
      回复
    查看更多(14)
登录 后发表内容
问题标签