style标签 引入 css 文件后，原有样式失效

开发环境：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>