10.22提交

pages/index/index.vue

@@ -52,18 +52,29 @@
 	}
 	const single = ref('')
 	function maskClick(e){
-		console.log('maskClick事件:', e);
+		// console.log('maskClick事件:', e);
 	}
 	const hValue = ref('') // 医院
 	const hValueId = ref('') // 医院id
 	function onClickH(e) {
-		console.log(hValue.value)
+		// console.log(hValue.value)
+	}
+	function toExam() { // 视力测试
+		uni.navigateTo({
+			url:"/pages/index/visionTest"
+		})
 	}
 </script>
 <template>
 	<view class="content page-box">
 		<!-- 轮播图 -->
 		<mySwiper :indicatorDots="true" :isRadius="true" height="160"  class="index-siwper margin-b-card" :lbt_list="lbt_list" style="width: 100%;" />
+		<view class="main-cards" @tap="toExam">
+			<view class="mc-row">
+				<view>视力测试</view>
+				<uni-icons type="forward" color="#9bc027" size="20"></uni-icons>
+			</view>
+		</view>
 		<view class="main-cards">
 			<view class="mc-part" style="margin-left: 0;">
 				<view class="mc-part-text">已完成事项</view>
@@ -130,6 +141,19 @@
 	</view>
 </template>
 <style scoped lang="scss">
+	.mc-row{
+		display:flex;
+		// width: 100%;
+		// justify-content: space-between;
+		width: 100%;
+		justify-content: space-between;
+		border: 1px solid #9bc027;
+		padding: 20px 10px;
+		border-radius: 10px;
+		color: #9bc027;
+		font-size: 16px;
+		font-weight: 900;
+	}
 	.radio{
 		margin-right:20rpx;
 	}