收藏
回答

button有些手机可以显示而有些不能显示这是为什么

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug button 客户端 6.6.7 6.0

button有些手机可以显示而有些不能显示这是为什么

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

1 个回答

  • 神经蛙
    神经蛙
    2018-06-16

    目测是被挤到下一行去了,贴下代码吧。

    2018-06-16
    有用
    回复 3
    • 2018-06-16

      <view class='submitOrder'>

         <view class='dt'>

           <view class='em'>应付</view>

           ¥

           <view class='chrmoneyPay2'>{{totalPrice}}</view>

           <input name="totalPrice" value="{{totalPrice}}" type="hidden"/>

         </view>

         <view class='dd'>

             <button wx:if="{{tijiao}}" formType="submit" class='submit'>提交订单,进入支付</button >

             <button wx:else class='submit' style="background:#aaa;">提交订单,进入支付</button >

         </view>

       </view>

      .submitOrder {

         background-color: rgba(255,255,255,.9);

         height: 49px;

         position: fixed;

         bottom: 0;

         z-index: 98;

         width: 100%;

         left: 0;

         border-top: 1px solid #ddd;

      }

      .submitOrder .dt{

        /* float: left; */

        display: inline-block;

        width: 40%;

         font-size: 14px;

         line-height: 49px;

         margin-left: 10px;

         color: #fb9031;

      }

      .submitOrder .dt .em{

       font-size: 14px;

       color: #666;

       display: inline-block;

      }

      .submitOrder .dt .chrmoneyPay2{

       font-size: 18px;

       display: inline-block;

      }

      .submitOrder .dd{

       /* float: right; */

        /* margin-top: -1px;  */

       display: inline-block;

       width:55%;

       position:relative;

       top:-4vh;


      }

      .submitOrder .dd .submit{

           height: 50px;

         line-height: 50px;

         background: #00c957;

         padding: 0 15px;

         color: #ffffff;

         font-size: 0.975em;

         border: 0 none;

         outline: 0;

         cursor: pointer;

      }


      2018-06-16
      回复
    • 神经蛙
      神经蛙
      2018-06-16回复

      .submitOrder   .dt {


         display: inline-block ;

         vertical-align: top;

         width: 45% ;

         font-size: 14px ;

         line-height: 49px ;

         box-sizing: border-box;

         padding-left:20rpx;

         color:   #fb9031 ;

      }



      .submitOrder .dt .chrmoneyPay2 {

       
         font-size: 18px ;
         display: inline-block ;
         vertical-align: top;
      }
       
      .submitOrder   .dd {
         display:   inline-block ;
         width: 55%;
         vertical-align: top;
         top: -4vh ;
      }



      2018-06-16
      回复
    • 2018-06-16回复神经蛙

      谢谢 我去试试看

      2018-06-16
      回复
登录 后发表内容