小程序
小游戏
企业微信
微信支付
扫描小程序码分享
为什么更新10.13的版本后,发现调试wxml空白;
7 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
收到,我们看下
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
可否删除掉一些代码后 给一个可以复现的demo
我们这里没有办法复现这个问题
是否是 wxss中定义了page::before 的伪类?
时而有显示,时而空白
今天看又有wxml调试代码了
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{
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{
margin: 0 0 0 0 ;
opacity: 1;
.top .header image{
width: 65rpx;
height: 65rpx;
/*margin: 30rpx 0 0 50rpx;
float: left;*/
.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{
color: white;
font-size: 0.8em;
text-align: center;
margin-top: 5%;
.page-body-info{
width:100px;
margin-left: 40%;
padding-top: 3%;
.top .header .fabu{
margin: 30rpx 50rpx 0 0;
.top .header .share{
width: 150rpx;
height: 120rpx;
left: 73%;
z-index: 5;
background-image: url("../imag/share.png");
.top .header .share image{
.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%;
.top .content .title .h1{
font-size:1.4em;
font-weight: 400;
padding-bottom: 30rpx;
.top .content .title .h5{
line-height: 50rpx;
color: #555555;
overflow: hidden;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
.btm{
width: 90%;
/* bottom: 14.5rem; */
margin-top:25px;
.btm image{
float: left;
width: 66rpx;
height: 66rpx;
margin-left: 30rpx;
border-radius: 30px;
.btm .wuye{
.btm text{
margin-left:20rpx;
color: #666666;
margin-top: 10rpx;
.btm .time{
/* margin-right: 20%; */
.bottom{
height: 450rpx;
margin: 1.5% 0 0 4%;
background-color: #fff;
.bottom text{
font-family:微软雅黑;
.bottom .one{
height: 20%;
.bottom .one image{
width: 6%;
height: 35%;
margin: 3% 0 0 41%;
.one_text{
margin-left: 2%;
.bottom .one text{
font-size: 0.9em;
.bottom .two{
height: 21%;
width: 85%;
margin-left:15%;
.bottom .two text{
margin-top: 30rpx;
.bottom .two input{
border-bottom: 1px dashed #999;
width: 40%;
margin: 10rpx 0 0 0;
height: 10rpx;
.bottom .wuye{
clear: left;
margin: 30rpx 5rpx 0 40rpx;
margin-left: 12%;
.bottom .wuye image{
width: 100rpx;
.bottom .wuye text{
margin-top: -60rpx;
font-size: 0.6em;
color: #999;
margin-top: -50rpx;
.bottom .shuifei{
height: 30%;
margin: 30rpx 0 0 40rpx;
.bottom .shuifei image{
.bottom .shuifei text{
.bottom .tingchefei{
.bottom .tingchefei image{
.bottom .tingchefei text{
.bottom .kaisuo{
margin: 30rpx 0 0 20rpx;
margin-right: 6%;
.bottom .kaisuo image{
.bottom .kaisuo text{
.bottom .four{
height: 22%;
margin-top:20rpx;
.bucong{
/* height: 100rpx;*/
.show {
.hidden {
display: none;
.four button{
line-height: 2.8;
#common{
padding-top: 120rpx;
#common .center{
overflow: scroll;
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;
box-shadow: -3px 0 5px white;
.hrs{
border-bottom: 1px solid #C8C8C8;
margin: 3%;
.all100Img{
margin: auto 2%;
width: 96%;
.head_img{
width: 50px;
height: 50px;
margin-left: 6%;
.contents{
margin: 10% 6%;
color: #555964;
.name{
width: 30%;
margin-left: 3%;
color: #656565;
margin-bottom: 8%;
.times{
float:right;
margin-right: 3%;
<!-------------------首页-------------------->
<
view
id
=
"all"
>
class
"top"
"header"
</
></
"content"
image
"topimg"
src
"{{img}}toping.png"
"title"
bindtap
"noticeTo"
text
"h1"
>{{titles}}</
"h5"
>{{textares}}</
"toupiao"
"dish-item-count"
style
"display:{{toshow}} "
"dish-item-tab"
"dish-item-count-minus"
"minusCount"
"image-icon"
"{{img}}fanduiyidianji.png"
/>
"dish-item-count-text dish-item-tabs"
>-{{counts}}</
" dish-item-tab"
"addCount"
"{{img}}zhichiyidianji.png"
"dish-item-count-text dish-item-count-plus"
>+{{count}}</
"btm"
<!-- <image src="http://img.wandumd.com/{{upic}}"></image> -->
"wuye"
>{{author==='WDMD001'?'金管家物业':author}}</
"time"
>{{time}}</
"bottom"
"one"
"{{huan}}"
"one_text"
>{{textspan}}</
form
bindsubmit
"formSubmit"
"two"
>输入缴费金额:</
input
type
"digit"
maxlength
"5"
bindinput
"picTo"
value
'{{pricevalue}}'
"wuyefei"
"{{wuyefei}}"
name
"color:{{paycolor}}"
>{{paywu}}</
"shuifei"
"{{shuifei}}"
'shuifei'
>{{pays}}</
"dianfei"
"{{dianfei}}"
>{{payd}}</
"tingchefei"
"{{tingchefei}}"
>{{payt}}</
"four"
button
formType
"submit"
>付款</
"bucong"
是整个项目,每个页面都不显示调试wxml
没有定义
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
收到,我们看下
可否删除掉一些代码后 给一个可以复现的demo
我们这里没有办法复现这个问题
是否是 wxss中定义了page::before 的伪类?
时而有显示,时而空白
今天看又有wxml调试代码了
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
没有定义