收藏
回答

新版开发工具wxml,有时候显示空白,求官方解

为什么更新10.13的版本后,发现调试wxml空白;

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

7 个回答

  • 洋葱头
    洋葱头
    2017-10-16

    收到,我们看下

    2017-10-16
    有用
    回复
  • 洋葱头
    洋葱头
    2017-10-16

    可否删除掉一些代码后 给一个可以复现的demo


    我们这里没有办法复现这个问题

    2017-10-16
    有用
    回复
  • 洋葱头
    洋葱头
    2017-10-16

    是否是 wxss中定义了page::before 的伪类?

    2017-10-16
    有用
    回复
  • 薛怼怼
    薛怼怼
    2017-10-17

    时而有显示,时而空白

    2017-10-17
    有用
    回复
  • 薛怼怼
    薛怼怼
    2017-10-17

    今天看又有wxml调试代码了

    2017-10-17
    有用
    回复
  • 薛怼怼
    薛怼怼
    2017-10-16
    page{
        font-family: 微软雅黑;
        margin: 0;
        padding: 0;
    }
    #all{
       /* background-image: url(http://img.zhangjiamenhu.com/henanbackimg.jpg);
        background-repeat: no-repeat;
        background-position-y: -90rpx;
        background-size: 100%;*/
        height: 100%;
        width: 100%;
    }
    .body-view{
        padding-top: 2%;
    }
    .body-view slider{
        width: 62%;
    }
    .body-view .huadong{
        display: block;
        float: right;
        font-weight: 800;
        font-size: 10;
        color:white;
        margin-top: -8%;
        margin-right: 2%;
    }
    .top{
        width: 100%;
        height: 580rpx; 
    }
    .top .header{
        height: 100rpx;
        display: flex;
    }
    .top .header .weather{
        position: absolute;
        width: 300rpx;
        height:100rpx ;
        z-index: 50;
        top: 100rpx;
        left: 50rpx;
    }
    .top .header .weather image{
        width: 300rpx;
        height:100rpx ;
        margin: 0 0 0 0 ;
        opacity: 1;
    }
    .top .header image{
        width: 65rpx;
        height: 65rpx;
        /*margin: 30rpx 0 0 50rpx;
        float: left;*/
        position: absolute;
    }
    .top .header .dingwei{
       width: 35rpx;
        height: 36rpx;
        margin: 30rpx 0 0 300rpx;
    }
     
    .page-body-text{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden;
    white-space:normal;
    text-overflow:ellipsis;
    display:-webkit-box;
    }
    .top .header text{
        font-family: 微软雅黑;
        color: white;
        font-size: 0.8em;
        text-align: center;
        margin-top: 5%;
    }
    .page-body-info{
        width:100px;
        display: block;
        text-align: center;
        margin-left: 40%;
        padding-top: 3%;
    }
    .top .header .fabu{
        float: right;
        margin: 30rpx 50rpx 0 0;
    }
    .top .header .share{
        width: 150rpx;
        height: 120rpx;
        position: absolute;
        left: 73%;
        top: 100rpx;
        z-index: 5;
        background-image: url("../imag/share.png");
    }
    .top .header .share image{
        width: 150rpx;
        height: 120rpx;
        margin: 0 0 0 0 ;
    }
    .top .content{
        width: 92%;
        height: 500rpx;
        background-color: white;
        border:1px solid #186eb7;
        opacity: 0.95;
        border-radius: 10rpx;
        margin:-5% 0 0 4%;
    }
    .top .content .title{
        margin-top: 10px;
        padding: 20rpx;
    }
    .topimg{
        width: 40px;
        height: 33px;
        margin:-22px 41.3%;
        position: absolute;
    }
    .top .content .title .h1{
        font-size:1.4em;
        font-family: 微软雅黑;
        font-weight: 400;
        display: block;
        text-align: center;
        padding-bottom: 30rpx;
    }
    .top .content .title .h5{
        font-family: 微软雅黑;
        line-height: 50rpx;
        display: block;
        color: #555555;
        overflow: hidden;
        font-size: 0.8em;
        white-space:normal;
        text-overflow:ellipsis;
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:3;
    }
    .btm{
       position: absolute;
       width: 90%;
       /* bottom: 14.5rem; */
       margin-top:25px;
    }
    .btm image{
        float: left;
        width: 66rpx;
        height: 66rpx;
        margin-left: 30rpx;
        border-radius: 30px;
    }
    .btm .wuye{
     float: left;
    }
    .btm text{
        font-family: 微软雅黑;
        margin-left:20rpx;
        color: #666666;
        font-size: 0.8em;
        margin-top: 10rpx;
    }
    .btm .time{
        float: right;
        /* margin-right: 20%; */
    }
    .bottom{
        width: 92%;
        height: 450rpx;
        margin: 1.5% 0 0 4%;
        background-color: #fff;
        opacity: 0.95;
        border-radius: 10rpx;
    }
    .bottom text{
        font-family:微软雅黑;
    }
    .bottom .one{
        height: 20%;
        width: 100%;
         
    }
    .bottom .one image{
        width: 6%;
        height: 35%;
        margin: 3% 0 0 41%;
    }
    .one_text{
        text-align: center;
        margin-left: 2%;
    }
    .bottom .one text{
        font-size: 0.9em;
    }
    .bottom .two{
        height: 21%;
        width: 85%;
         margin-left:15%;
    }
    .bottom .two text{
        font-size: 0.8em;
        float: left;
        margin-top: 30rpx;
    }
    .bottom .two input{
        border-bottom: 1px dashed #999;
        float: left;
        width: 40%;
        margin: 10rpx 0 0 0;
        height: 10rpx;
    }
    .bottom .wuye{
        clear: left;
        float: left;
        text-align: center;
        margin: 30rpx 5rpx 0 40rpx;
        margin-left: 12%;
    }
    .bottom .wuye image{
        width: 100rpx;
        height: 100rpx;
    }
    .bottom .wuye text{
        margin-top: -60rpx;
        font-size: 0.6em;
        font-family: 微软雅黑;
        color: #999;
        display: block;
        margin-top: -50rpx;
    }
    .bottom .shuifei{
        height: 30%;
        margin-top: 30rpx;
        float: left;
        text-align: center;
        margin: 30rpx 0 0 40rpx;
    }
    .bottom .shuifei image{
        width: 100rpx;
        height: 100rpx;
    }
    .bottom .shuifei text{
        display: block;
        margin-top: -60rpx;
        font-size: 0.6em;
        font-family: 微软雅黑;
        color: #999;
        margin-top: -50rpx;
    }
    .bottom .tingchefei{
        height: 30%;
        margin-top: 30rpx;
        float: left;
        text-align: center;
        margin: 30rpx 0 0 40rpx;
    }
    .bottom .tingchefei image{
        width: 100rpx;
        height: 100rpx;
    }
    .bottom .tingchefei text{
        display: block;
        margin-top: -60rpx;
        font-size: 0.6em;
        font-family: 微软雅黑;
        color: #999;
        margin-top: -50rpx;
    }
    .bottom .kaisuo{
        height: 30%;
        margin-top: 30rpx;
        float: right;
        text-align: center;
        margin: 30rpx 0 0 20rpx;
        margin-right: 6%;
    }
    .bottom .kaisuo image{
        width: 100rpx;
        height: 100rpx;
    }
    .bottom .kaisuo text{
        display: block;
        margin-top: -60rpx;
        font-size: 0.6em;
        font-family: 微软雅黑;
        color: #999;
        margin-top: -50rpx;
    }
    .bottom .four{
        height: 22%;
        width: 100%;
        clear: left;
        margin-top:20rpx;
    }
    .bucong{
       /* height: 100rpx;*/
        width: 100%;
    }
    .show {
       display: block;
    }
    .hidden {
     display: none;
    }
     
    .four button{
        line-height: 2.8;
    }
    #common{
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 120rpx;
    }
    #common .center{
        width: 100%;
        height: 100%;
        overflow: scroll;
        background-color: white;
        margin-top: -18%;
       /* margin-left: 5%;
        opacity: 0.9;*/
    }
    #common .center .icon image{
        width: 50rpx;
        height: 50rpx;
        margin-top: 50rpx;
    }
    #common .center .store image{
        border-radius: 6px;
    }
    #common .center .store .title{
        font-size: 1.5em;
    }
     .hr{
        border-right:white 1px solid;
        height: 200%;
        width: 1px;
        float: right;
        display: block;
        box-shadow: -3px 0 5px white;
    }
    .hrs{
        border-bottom: 1px solid #C8C8C8;
        width: 90%;
        margin: 3%;
    }
    .all100Img{
        display: block;
        margin: auto 2%;
        width: 96%;
     
    }
    .head_img{
        width: 50px;
        height: 50px;
        display: block;
        margin-top: -8%;
        margin-left: 6%;
    }
    .contents{
        margin: 10%  6%;
        color: #555964;
    }
    .name{
        width: 30%;
        display: block;
        float: left;
        margin-left: 3%;
        color: #656565;
        margin-bottom: 8%;
    }
    .times{
        width: 40%;
        display: block;
        float:right;
        margin-right: 3%;
        color: #656565;
        margin-bottom: 8%;
    }


    <!-------------------首页-------------------->
     
        <view id="all">
        <view class="top">
            <view class="header">
            
            </view>
           <view></view>
            <view class="content">
             <image class="topimg" src="{{img}}toping.png"></image>
            <view class="title" bindtap="noticeTo" >
                 
                <text class="h1" >{{titles}}</text>
                 <text class="h5">{{textares}}</text>
            </view>
            <view class="toupiao" >
              <view class="dish-item-count" style="display:{{toshow}} ">
                <view class="dish-item-tab">
                  <view class="dish-item-count-minus"   bindtap="minusCount">
                    <image class="image-icon" src="{{img}}fanduiyidianji.png"/>
                  </view>
                </view>
                <view class="dish-item-count-text dish-item-tabs">
                  <text>-{{counts}}</text>
                </view>
                <view class=" dish-item-tab" bindtap="addCount">
                  <image class="image-icon" src="{{img}}zhichiyidianji.png" />
                 
                </view>
                <view class="dish-item-count-text dish-item-count-plus"  >
                  <text>+{{count}}</text>
                </view>
                 
          </view>
            </view>
            <view class="btm">
                      <!-- <image src="http://img.wandumd.com/{{upic}}"></image>   -->
                    <text class="wuye">{{author==='WDMD001'?'金管家物业':author}}</text>
                    <text class="time">{{time}}</text>
                </view>
            </view>
        </view>
         
        <view class="bottom">
            <view class="one">
                <image src="{{huan}}"></image>
                <text class="one_text">{{textspan}}</text>
            </view>
            <form  bindsubmit="formSubmit">
            <view class="two">
                <text>输入缴费金额:</text>
                <input type="digit" maxlength="5"  bindinput="picTo" value='{{pricevalue}}' />
            </view>
     
            <view class="wuye" bindtap="wuyefei">
                    <image src="{{wuyefei}}"></image>
                    <text name="wuye" style="color:{{paycolor}}">{{paywu}}</text>
            </view>
             <view class="shuifei" bindtap="shuifei">
                    <image src="{{shuifei}}"></image>
                    <text name = 'shuifei' style="color:{{paycolor}}">{{pays}}</text>
            </view>
            <view class="shuifei" bindtap="dianfei">
                    <image src="{{dianfei}}"></image>
                    <text name="dianfei"style="color:{{paycolor}}">{{payd}}</text>
            </view>
            <view class="tingchefei" bindtap="tingchefei">
                    <image src="{{tingchefei}}"></image>
                    <text name="dianfei"style="color:{{paycolor}}">{{payt}}</text>
            </view>
            <view class="four">
                <button formType="submit">付款</button>
            </view>
            </form>
        </view>
     
        <view class="bucong"></view>
     
     </view>

    是整个项目,每个页面都不显示调试wxml


    2017-10-16
    有用
    回复
  • 薛怼怼
    薛怼怼
    2017-10-16

    没有定义


    2017-10-16
    有用
    回复
登录 后发表内容