将全局样式，抽离给内部组件专用，避免暴露全局污染的样式

pages/componentsC/test/index.vue

 <template>
-	<view>
-		
-	</view>
+	<u-card :title="title" :sub-title="subTitle" :thumb="thumb">
+		<view class="" slot="body">
+			<view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
+				<view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
+				<image src="https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg" mode="aspectFill"></image>
+			</view>
+			<view class="u-body-item u-flex u-row-between u-p-b-0">
+				<view class="u-body-item-title u-line-2">釉色渲染仕女图韵味被私藏，而你嫣然的一笑如含苞待放</view>
+				<image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image>
+			</view>
+		</view>
+		<view class="" slot="foot"><u-icon name="chat-fill" size="34" color="" label="30评论"></u-icon></view>
+	</u-card>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				list: [{
-					text: '点赞',
-					color: 'blue',
-					fontSize: 28
-				}, {
-					text: '分享'
-				}, {
-					text: '评论' 
-				}],
-				show: false
-			}
-		}
+export default {
+	data() {
+		return {
+			title: '素胚勾勒出青花，笔锋浓转淡',
+			subTitle: '2020-05-15',
+			thumb: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
+		};
+	}
+};
+</script>
+
+<style scoped lang="scss">
+	.u-card-wrap { 
+		background-color: $u-bg-color;
+		padding: 1px;
+	}
+	
+	.u-body-item {
+		font-size: 32rpx;
+		color: #333;
+		padding: 20rpx 10rpx;
+	}
+		
+	.u-body-item image {
+		width: 120rpx;
+		flex: 0 0 120rpx;
+		height: 120rpx;
+		border-radius: 8rpx;
+		margin-left: 12rpx;
 	}
-</script>
\ No newline at end of file
+</style>
\ No newline at end of file

uview-ui/components/u-action-sheet/u-action-sheet.vue

@@ -142,6 +142,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-tips {
 		font-size: 26rpx;
 		text-align: center;

uview-ui/components/u-alert-tips/u-alert-tips.vue

@@ -128,6 +128,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-alert-tips {
 		display: flex;
 		align-items: center;

uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue

@@ -225,6 +225,8 @@ export default {
 </script>
 
 <style scoped>
+@import '../../libs/css/style.components.scss';
+
 .content {
 	background: rgba(255, 255, 255, 1);
 }

uview-ui/components/u-avatar/u-avatar.vue

@@ -103,6 +103,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-avatar {
 		display: inline-flex;
 		align-items: center;

uview-ui/components/u-back-top/u-back-top.vue

@@ -123,6 +123,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-back-top {
 		width: 80rpx;
 		height: 80rpx;

uview-ui/components/u-badge/u-badge.vue

@@ -137,6 +137,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-badge-box {
 		display: inline-flex;
 		justify-content: center;

uview-ui/components/u-button/u-button.vue

@@ -350,6 +350,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import '../../libs/css/style.components.scss';
 .u-btn::after {
 	border: none;
 }

uview-ui/components/u-calendar/u-calendar.vue

@@ -456,6 +456,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	.u-calendar {
 		color: $u-content-color;
 		

uview-ui/components/u-car-keyboard/u-car-keyboard.vue

@@ -165,6 +165,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-keyboard-grids {
 		background: rgb(215, 215, 217);
 		padding: 24rpx 0;

uview-ui/components/u-card/u-card.vue

@@ -242,6 +242,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+	
 .u-card {
 	position: relative;
 	overflow: hidden;

uview-ui/components/u-cell-group/u-cell-group.vue

@@ -55,6 +55,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-cell-box {
 		width: 100%;
 	}

uview-ui/components/u-cell-item/u-cell-item.vue

@@ -207,6 +207,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
 .u-cell {
 	position: relative;
 	display: flex;

uview-ui/components/u-checkbox-group/u-checkbox-group.vue

@@ -97,6 +97,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-checkbox-group {
 		/* #ifndef MP */
 		display: inline-flex;

uview-ui/components/u-checkbox/u-checkbox.vue

@@ -198,6 +198,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-checkbox {
 		display: -webkit-flex;
 		display: flex;

uview-ui/components/u-circle-progress/u-circle-progress.vue

@@ -197,6 +197,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
 .u-circle-progress {
 	position: relative;
 	display: inline-flex;

uview-ui/components/u-col/u-col.vue

@@ -38,6 +38,7 @@
 </script>
 
 <style lang="scss">
+	@import "../../libs/css/style.components.scss";
 	.u-col {
 		/* #ifdef MP-WEIXIN */
 		float: left;

uview-ui/components/u-collapse-item/u-collapse-item.vue

@@ -159,6 +159,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-collapse-head {
 		position: relative;
 		display: flex;

uview-ui/components/u-collapse/u-collapse.vue

@@ -94,5 +94,5 @@
 </script>
 
 <style lang="scss" scoped>
-
+	@import "../../libs/css/style.components.scss";
 </style>

uview-ui/components/u-column-notice/u-column-notice.vue

@@ -180,6 +180,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+
 .u-notice-bar {
 	width: 100%;
 	display: flex;

uview-ui/components/u-count-down/u-count-down.vue

@@ -262,6 +262,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	.u-countdown {
 		display: inline-flex;
 		align-items: center;

uview-ui/components/u-count-to/u-count-to.vue

@@ -230,6 +230,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+
 .u-count-num {
 	display: inline-block;
 	text-align: center;

uview-ui/components/u-divider/u-divider.vue

@@ -106,6 +106,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
 .u-divider {
 	width: 100%;
 	position: relative;

uview-ui/components/u-dropdown-list/u-dropdown-list.vue

@@ -187,6 +187,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
 .dropdown-list-wapper {
   position: relative;
 }

uview-ui/components/u-empty/u-empty.vue

@@ -95,6 +95,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-empty {
 		display: flex;
 		flex-direction: column;

uview-ui/components/u-field/u-field.vue

@@ -255,6 +255,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+	
 .u-field {
 	font-size: 28rpx;
 	padding: 20rpx 28rpx;

uview-ui/components/u-form-item/u-form-item.vue

@@ -270,6 +270,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-form-item {
 		display: flex;
 		// align-items: flex-start;

uview-ui/components/u-form/u-form.vue

@@ -102,4 +102,6 @@ export default {
 };
 </script>
 
-<style></style>
+<style scoped lang="scss">
+@import "../../libs/css/style.components.scss";
+</style>

uview-ui/components/u-full-screen/u-full-screen.vue

@@ -37,6 +37,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	.u-full-content {
 		background-color: #00C777;
 	}

uview-ui/components/u-gap/u-gap.vue

@@ -49,4 +49,6 @@ export default {
 };
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+</style>

uview-ui/components/u-grid-item/u-grid-item.vue

@@ -69,6 +69,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	.u-grid-item {
 		box-sizing: border-box;
 		background: #fff;

uview-ui/components/u-grid/u-grid.vue

@@ -76,6 +76,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import "../../libs/css/style.components.scss";
+
 .u-grid {
 	width: 100%;
 	/* #ifdef MP */

uview-ui/components/u-icon/u-icon.vue

@@ -160,6 +160,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import "../../libs/css/style.components.scss";
 @import '../../iconfont.css';
 
 .u-icon {

uview-ui/components/u-index-anchor/u-index-anchor.vue

@@ -59,6 +59,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-index-anchor {
 		box-sizing: border-box;
 		padding: 14rpx 24rpx;

uview-ui/components/u-index-list/u-index-list.vue

@@ -269,6 +269,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-index-bar {
 		position: relative
 	}

uview-ui/components/u-input/u-input.vue

@@ -78,10 +78,6 @@ export default {
 			type: String,
 			default: 'text'
 		},
-		clearable: {
-			type: Boolean,
-			default: true
-		},
 		inputAlign: {
 			type: String,
 			default: 'left'

uview-ui/components/u-keyboard/u-keyboard.vue

@@ -159,6 +159,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-keyboard {
 		position: relative;
 		z-index: 1003;

uview-ui/components/u-lazy-load/u-lazy-load.vue

@@ -209,6 +209,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	.u-wrap {
 		background-color: #eee;
 		overflow: hidden;

uview-ui/components/u-line-progress/u-line-progress.vue

@@ -94,6 +94,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-progress {
 		overflow: hidden;
 		height: 15px;

uview-ui/components/u-line/u-line.vue

@@ -76,6 +76,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	.u-line {
 		vertical-align: middle;
 	}

uview-ui/components/u-link/u-link.vue

@@ -81,6 +81,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-link {
 		line-height: 1;
 	}

uview-ui/components/u-loading/u-loading.vue

@@ -52,6 +52,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-loading-circle {
 		display: inline-block;
 		vertical-align: middle;

uview-ui/components/u-loadmore/u-loadmore.vue

@@ -148,6 +148,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	.u-load-more-wrap {
 		width: 100%;
 		display: flex;

uview-ui/components/u-mask/u-mask.vue

@@ -100,6 +100,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-mask {
 		position: fixed;
 		top: 0;

uview-ui/components/u-message-input/u-message-input.vue

@@ -175,6 +175,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	@keyframes breathe {
 		0% {
 			opacity: 0.3;

uview-ui/components/u-modal/u-modal.vue

@@ -241,7 +241,9 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped>	
+@import "../../libs/css/style.components.scss";
+
 .btn-hover {
 	background-color: rgb(230, 230, 230);
 }

uview-ui/components/u-navbar/u-navbar.vue

@@ -219,6 +219,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import "../../libs/css/style.components.scss";
+
 .u-navbar {
 	width: 100%;
 }

uview-ui/components/u-no-network/u-no-network.vue

@@ -177,6 +177,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-no-network {
 		background-color: #fff;
 		position: fixed;

uview-ui/components/u-notice-bar/u-notice-bar.vue

@@ -215,6 +215,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+
 .u-notice-bar-wrap {
 	overflow: hidden;
 }

uview-ui/components/u-number-box/u-number-box.vue

@@ -243,6 +243,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-numberbox {
 		display: inline-flex;
 		align-items: center;

uview-ui/components/u-number-keyboard/u-number-keyboard.vue

@@ -116,6 +116,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+
 .u-keyboard {
 	position: relative;
 	z-index: 1003;

uview-ui/components/u-picker/u-picker.vue

@@ -541,6 +541,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-datetime-picker {
 		position: relative;
 		z-index: 999;

uview-ui/components/u-popup/u-popup.vue

@@ -283,6 +283,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import "../../libs/css/style.components.scss";
+
 .u-drawer {
 	/* #ifndef APP-NVUE */
 	display: block;

uview-ui/components/u-radio-group/u-radio-group.vue

@@ -75,6 +75,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-radio-group {
 		/* #ifndef MP */
 		display: inline-flex;

uview-ui/components/u-radio/u-radio.vue

@@ -147,6 +147,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-radio {
 		display: -webkit-flex;
 		display: flex;

uview-ui/components/u-rate/u-rate.vue

@@ -178,6 +178,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import "../../libs/css/style.components.scss";
+	
 .u-rate {
 	display: -webkit-inline-flex;
 	display: inline-flex;

uview-ui/components/u-read-more/u-read-more.vue

@@ -121,6 +121,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-content {
 		font-size: 30rpx;
 		color: $u-content-color;

uview-ui/components/u-row-notice/u-row-notice.vue

@@ -200,6 +200,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+	
 .u-notice-bar {
 	padding: 18rpx 24rpx;
 	overflow: hidden;

uview-ui/components/u-row/u-row.vue

@@ -59,6 +59,8 @@
 </script>
 
 <style lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	.u-row {
 		// 由于微信小程序编译后奇怪的页面结构，只能使用float布局实现，flex无法实现
 		/* #ifndef MP-WEIXIN */

uview-ui/components/u-search/u-search.vue

@@ -276,6 +276,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+
 .u-search {
 	display: flex;
 	align-items: center;

uview-ui/components/u-section/u-section.vue

@@ -93,6 +93,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-section {
 		display: flex;
 		justify-content: space-between;

uview-ui/components/u-select/u-select.vue

@@ -292,6 +292,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import "../../libs/css/style.components.scss";
+
 .u-select {
 	&__action {
 		position: relative;

uview-ui/components/u-skeleton/u-skeleton.vue

@@ -139,6 +139,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.skeleton-fade {
 		width: 100%;
 		height: 100%;

uview-ui/components/u-slider/u-slider.vue

@@ -205,6 +205,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+
 .u-slider {
 	position: relative;
 	border-radius: 999px;

uview-ui/components/u-steps/u-steps.vue

@@ -79,6 +79,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-steps {
 		display: flex;
 	}

uview-ui/components/u-sticky/u-sticky.vue

@@ -144,6 +144,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	.u-sticky {
 		z-index: 9999999999;
 	}

uview-ui/components/u-subsection/u-subsection.vue

@@ -302,6 +302,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-subsection {
 		display: flex;
 		align-items: center;

uview-ui/components/u-swipe-action/u-swipe-action.vue

@@ -218,6 +218,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@import "../../libs/css/style.components.scss";
+	
 .u-swipe-action {
 	width: auto;
 	height: initial;

uview-ui/components/u-swiper/u-swiper.vue

@@ -7,8 +7,8 @@
 		 :style="{
 				height: height + 'rpx'
 			}">
-			<swiper-item class="u-swiper-item" v-for="(item, index) in list" :key="index" @tap="listClick(index)">
-				<view class="u-list-image-wrap" :class="[current != index ? 'u-list-scale' : '']" :style="{
+			<swiper-item class="u-swiper-item" v-for="(item, index) in list" :key="index">
+				<view class="u-list-image-wrap" @tap.stop.prevent="listClick(index)" :class="[current != index ? 'u-list-scale' : '']" :style="{
 						borderRadius: `${borderRadius}rpx`,
 						transform: effect3d && current != index ? 'scaleY(0.9)' : 'scaleY(1)',
 						margin: effect3d && current != index ? '0 20rpx' : 0,
@@ -210,6 +210,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-swiper-wrap {
 		position: relative;
 		overflow: hidden;

uview-ui/components/u-switch/u-switch.vue

@@ -104,6 +104,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-switch {
 		position: relative;
 		display: inline-block;

uview-ui/components/u-table/u-table.vue

@@ -81,6 +81,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-table {
 		width: 100%;
 		box-sizing: border-box;

uview-ui/components/u-tabs-swiper/u-tabs-swiper.vue

@@ -371,6 +371,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import "../../libs/css/style.components.scss";
+	
 	view,
 	scroll-view {
 		box-sizing: border-box;

uview-ui/components/u-tabs/u-tabs.vue

@@ -278,7 +278,9 @@
 	};
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	view,
 	scroll-view {
 		box-sizing: border-box;

uview-ui/components/u-tag/u-tag.vue

@@ -146,6 +146,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-tag {
 		box-sizing: border-box;
 		align-items: center;

uview-ui/components/u-td/u-td.vue

@@ -52,6 +52,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-td {
 		display: flex;
 		flex-direction: column;

uview-ui/components/u-th/u-th.vue

@@ -43,6 +43,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-th {
 		display: flex;
 		flex-direction: column;

uview-ui/components/u-time-line-item/u-time-line-item.vue

@@ -51,6 +51,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-time-axis-item {
 		display: flex;
 		flex-direction: column;

uview-ui/components/u-time-line/u-time-line.vue

@@ -22,6 +22,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-time-axis {
 		padding-left: 40rpx;
 		position: relative;

uview-ui/components/u-toast/u-toast.vue

@@ -124,6 +124,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-toast {
 		position: fixed;
 		z-index: -1;

uview-ui/components/u-top-tips/u-top-tips.vue

@@ -68,6 +68,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	view {
 		box-sizing: border-box;
 	}

uview-ui/components/u-tr/u-tr.vue

@@ -28,6 +28,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-tr {
 		display: flex;
 	}

uview-ui/components/u-upload/u-upload.vue

@@ -426,6 +426,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-upload {
 		display: flex;
 		flex-wrap: wrap;

uview-ui/components/u-verification-code/u-verification-code.vue

@@ -153,6 +153,8 @@
 </script>
 
 <style lang="scss" scoped>
+	@import "../../libs/css/style.components.scss";
+	
 	.u-code-wrap {
 		width: 0;
 		height: 0;

uview-ui/components/u-waterfall/u-waterfall.vue

@@ -159,6 +159,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../libs/css/style.components.scss";
+
 .u-waterfall {
 	display: flex;
 	flex-direction: row;

uview-ui/index.scss

@@ -18,6 +18,6 @@
 /* #endif */
 
 // H5特有的样式
-/* #ifdef MP */
+/* #ifdef H5 */
 @import "./libs/css/style.h5.scss";
 /* #endif */
\ No newline at end of file

uview-ui/libs/css/style.components.scss

+// nvue不能用标签命名样式
+/* #ifndef APP-NVUE */
+image {
+	display: inline-block;
+	// 解决图片加载时可能会瞬间变形的问题
+	will-change: transform;
+}
+
+view,
+text {
+	box-sizing: border-box;
+	flex-direction: row;
+}
+/* #endif */
\ No newline at end of file

uview-ui/libs/css/style.h5.scss

 /* H5的时候，隐藏滚动条 */
-/* #ifdef H5 */
-	::-webkit-scrollbar {
-		display: none;  
-		width: 0 !important;  
-		height: 0 !important;  
-		-webkit-appearance: none;  
-		background: transparent;  
-	}
-/* #endif */
\ No newline at end of file
+::-webkit-scrollbar {
+	display: none;  
+	width: 0 !important;  
+	height: 0 !important;  
+	-webkit-appearance: none;  
+	background: transparent;  
+}

uview-ui/libs/css/style.vue.scss

@@ -3,18 +3,6 @@ page {
 	font-size: 28rpx;
 }
 
-image {
-	display: inline-block;
-	// 解决图片加载时可能会瞬间变形的问题
-	will-change: transform;
-}
-
-view,
-text {
-	box-sizing: border-box;
-	flex-direction: row;
-}
-
 /* start--去除webkit的默认样式--start */
 .u-fix-ios-appearance {
 	-webkit-appearance:none;

uview-ui/libs/function/queryParams.js

@@ -19,7 +19,7 @@ function queryParams(data = {}, isPrefix = true, arrayFormat = 'brackets') {
 			switch (arrayFormat) {
 				case 'indices':
 					// 结果: ids[0]=1&ids[1]=2&ids[2]=3
-					for (i = 0; i < value.length; i++) {
+					for (let i = 0; i < value.length; i++) {
 						_result.push(key + '[' + i + ']=' + value[i])
 					}
 					break;

uview-ui/libs/function/timeFormat.js

@@ -3,7 +3,7 @@ function timeFormat(timestamp = null, fmt = 'yyyy-mm-dd') {
 	// yyyy:mm:dd|yyyy:mm|yyyy年mm月dd日|yyyy年mm月dd日 hh时MM分等,可自定义组合
 	timestamp = parseInt(timestamp);
 	// 如果为null,则格式化当前时间
-	if (timestamp == null) timestamp = Number(new Date());
+	if (!timestamp) timestamp = Number(new Date());
 	// 判断用户输入的时间戳是秒还是毫秒,一般前端js获取的时间戳是毫秒(13位),后端传过来的为秒(10位)
 	if (timestamp.toString().length == 10) timestamp *= 1000;
 	let date = new Date(timestamp);