修改页面样式

src/pages/order/document.vue

@@ -24,8 +24,7 @@
 			<view class="file-row" v-for="(item, index) in list" :key="index">
 				<view class="file-left">
 					<view class="file-name">
-						<u-icon class="item-icon" name="doc" custom-prefix="wxh" fontSize="52"></u-icon>
-						<image class="file-image" :src="wenjianImage"></image>
+						<u-icon class="item-icon" name="doc" custom-prefix="wxh" size="52"></u-icon>
 						<view class="file-format-text">{{formatText(item.name)}}</view>
 					</view>
 
@@ -64,7 +63,17 @@
 				},
 				loading: false,
 				orderFile: false,
-				shareStyle: {
+			};
+		},
+		computed: {
+			items() {
+				return {
+					'1': '合作商',
+					'2': '品牌'
+				}
+			},
+			shareStyle() {
+				return {
 					marginRight: '10rpx',
 					width: '100rpx',
 					height: '52rpx',
@@ -73,8 +82,10 @@
 					fontSize: '24rpx',
 					fontWeight: '400',
 					lineHeight: '52rpx'
+				}
 			},
-				previewStyle: {
+			previewStyle() {
+				return {
 					width: '100rpx',
 					height: '52rpx',
 					background: '#2272FF',
@@ -82,32 +93,6 @@
 					fontSize: '24rpx',
 					fontWeight: '400',
 					lineHeight: '52rpx'
-				},
-			};
-		},
-		computed: {
-			items() {
-				return {
-					'1': '合作商',
-					'2': '品牌'
-				}
-			},
-			shareStyle() {
-				return {
-					'background-color': '#FFFFFF',
-					'heigth': '52rpx',
-					'width': '100rpx',
-					'color': '#2272FF',
-					'font-size': '24rpx',
-				}
-			},
-			previewStyle() {
-				return {
-					'background-color': '#2272FF',
-					'heigth': '52rpx',
-					'width': '100rpx',
-					'color': '#FFFFFF',
-					'font-size': '24rpx',
 				}
 			},
 			wenjianImage() {
@@ -281,6 +266,7 @@
 				font-size: 26rpx;
 
 				.file-name {
+					margin-right: 20rpx;
 					position: relative;
 
 					.file-format-text {
@@ -292,7 +278,7 @@
 						font-weight: bold;
 						color: #FFFFFF;
 						line-height: 52rpx;
-						margin-right: 20rpx;
+						
 					}
 				}