首页链接状态样式

pages/home/home.vue

@@ -9,7 +9,7 @@
 				<image class="bg" src="../../static/image/paokong/home-title-bg.png" mode=""></image>
 				<div class="left">
 					<image :src="`/static/image/paokong/${connected?'linkY':'linkN'}.png`" mode=""></image>
-					<view class="link-status">
+					<view class="link-status" :class="{'unlink': !connected}">
 						蓝牙{{ connected? '已连接': '未连接' }}
 					</view>
 				</div>
@@ -30,7 +30,7 @@
 					
 				</div>
 			</view>
-			<p class="list-item" @click="uploadExcel">
+			<p class="list-item" @click="uploadExcel" style="margin-top: -14rpx;">
 				<image src="/static/image/paokong/impexp.png" alt="" />
 				<span>炮孔设计数据导入</span>
 			</p>
@@ -316,13 +316,23 @@
 				font-weight: bold;
 				font-size: 30rpx;
 				color: #007AFF;
-
-				::before {
+				position: relative;
+				&::before {
+					position: absolute;
+					top: 50%;
+					transform: translateY(-50%);
+					left: -20rpx;
 					content: '';
 					width: 12rpx;
 					height: 12rpx;
-					background: #007AFF;
 					border-radius: 50%;
+					background-color: #007AFF;
+				}
+			}
+			.unlink{
+				color: #505E6B;
+				&::before {
+					background: #505E6B;
 				}
 			}
 		}