从旧项目mpvue 小程序迁移到 uni-app里面,发现CSS中的元素选择器不生效。
请问下是不能用元素选择器吗?我看官方文档里支持元素选择器,应该是支持的
想帮忙答疑下。
编译出来的wxss是 ul.data-v-766b1a30。但wxml里没有使用。
mpvue编译后会有_ul的class加到wxml里面。不知道uni-app是如何实现的
ul {
width: 100vw;
height: 3.2em;
line-height: 3.2em;
font-size: 0.9em;
color: #FFF;
vertical-align: middle;
background-color: #1a1a1d77;
z-index: 1;
li {
width: 25%;
height: 3em;
float: left;
text-align: center;
}
.select-nav {
color: #c91c28;
border-bottom: 0.2em solid #c91c28;
}
}
.medal-jf-box {
width: 90vw;
font-size: 0.8em;
position: relative;
left: 5vw;
background: #21212477;
border-radius: 1em;
margin-top: 1em;
overflow: hidden;
overflow-y: auto;
color: #ecf1f6;
-webkit-overflow-scrolling: touch;
tr {
width: 100%;
td {
height: 80rpx;
line-height: 80rpx;
float: left;
text-align: center;
width: 9vw;
}
td:nth-child(1) {
position: relative;
width: 34vw;
text-align: left;
span{
margin-left: 4.2em;
font-size: 0.8em;
}
img {
position: absolute;
width: 2em;
height: 2em;
top: 0.8em;
left: 0.8em;
}
}
}
}
.medal-jq-box {
width: 90vw;
font-size: 0.8em;
position: relative;
left: 5vw;
background: #21212477;
border-radius: 1em;
margin-top: 1em;
overflow: hidden;
overflow-y: auto;
color: #ecf1f6;
-webkit-overflow-scrolling: touch;
tr {
td {
height: 2.5em;
line-height: 2.5em;
float: left;
text-align: center;
width: 13vw;
}
td:nth-child(5) {
position: relative;
width: 21vw;
text-align: center;
}
td:nth-child(2) {
position: relative;
width: 30vw;
text-align: center;
img {
position: absolute;
width: 2em;
height: 2em;
top: 0.75em;
left: 1.8em;
}
}
}
}
1 个回复
小姐集一枚 (作者)
没人的吗?