新版开发工具wxml,有时候显示空白,求官方解
发布于 6 年前 作者 gongguiying 6670 次浏览 来自 问答

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

7 回复

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

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

收到，我们看下

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

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

今天看又有wxml调试代码了

没有定义

时而有显示,时而空白

回到顶部