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

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

7 回复

xiulan391 楼6 年前

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

pingqiao2 楼6 年前

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;

}

...

xiulan383 楼6 年前

收到，我们看下

xiuying034 楼6 年前

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

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

jing965 楼6 年前

今天看又有wxml调试代码了

xiayin6 楼6 年前

没有定义

yang177 楼6 年前

时而有显示,时而空白