开发环境:Hbuilder: uni-app、vue2
案发现场:
<style src="../../common/uni.css"> //就算uni.css是空的也能改变页面样式
.uni-margin-wrap {
height:100%;
margin:0 0upx;
}
.swiper {
height: 300upx;
}
.swiper-item {
display: block;
line-height: 300upx;
text-align: center;
}
</style>
原因:
在style 标签内引入css文件后,原有的样式会失效,相当于:
<style src="../../common/uni.css">
</style>
解决办法:
1.将style内的样式写入css文件
2.更换css文件引入方式:
<style>
@import url('../../common/uni.css');
/* 此处可编写其他样式 */
</style>