收藏
回答

小程序dom真机上不显示

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 6.7.2 2.3.0

微信开发工具dom可以显示,但是真机上却不显示


开发工具:




真机:






代码html:

 <view class='bottom'>

            <view class="input_box">

                <input placeholder="评论一下吧" />

                <view class="btn_send">发送</view>

            </view>


            <view class="zan_box">

                <image class='icon_zan' src='../img/icon_zan_on.png'></image>

                <view class='label_zan'>88</view>

            </view>

        </view>


代码css :

.bottom {

  color: #c0c0c0;

  padding-left: 15px;

  font-size: 14px;

  position: fixed;

  bottom: 0;

  width: calc(100% - 30px);

  height: 60px;  

  z-index: 10;

}


.bottom .input_box {

float:left;

height:40px;

line-height:40px;

width:calc(100% - 70px);

background-color:#ebebeb;

border-radius:20px;

padding-left:15px;

margin-bottom:10px;

color:#808080;

font-size:16px;

margin-top: 10px;

}


.bottom  input {

width:calc(100% - 60px);

margin-top:8px;

float:left;

}


.bottom .btn_send {

  color:white;

width:44px;

height:28px;

margin-top:6px;

background-color:#f36e52;

text-align:center;

line-height:28px;

border-radius:13px;

float:right;

margin-right:10px;

font-size:14px;

}


.bottom .zan_box {

  width: 40px;

  float: right;

  text-align: center;

  margin-top: 10px;

}


.bottom .icon_zan {

  width: 25px;

  height: 25px;

  vertical-align: bottom;

}


.bottom .label_zan {

  font-size: 12px;

}




新手小白,麻烦大神解答一下

最后一次编辑于  2018-09-18
回答关注问题邀请回答
收藏

2 个回答

  • 2018-09-18

    老哥 解决了吗?

    2018-09-18
    有用
    回复 1
    • 2018-09-19

      你也有这个问题吗

      2018-09-19
      回复
  • 灵芝
    灵芝
    2018-09-18

    你好,是什么情况下不显示呢?这边测试是显示的,请提供出现问题的具体机型和微信版本号,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2018-09-18
    有用
    回复 3
登录 后发表内容