加链接

pages/index/components/mine.vue

@@ -1,41 +1,43 @@
 <template>
-	<view>
-		<!-- 头部 -->
-		<view class="cu-card flex bg-white">
-			<view class="flex flex-sub align-center padding-xl">
-				<view class="round xl cu-avatar portrait">
-					<image class="xl cu-avatar" :src="userInfo.avatarUrl"></image>
-				</view>
-				<view class="flex-sub padding-left">
-					<view class="text-xl">{{ userInfo.nickName }}</view>
-					<view class="text-df padding-top-xs description">{{ userInfo.classes }}</view>
-				</view>
-				<view :style="{'color':userInfo.healthyCodeColor}" class="iconfont icon-qrcode healthy-coad"></view>
-			</view>
-		</view>
-		<!-- 列表 -->
-		<view class="bg-white margin-top">
-			<view class="cu-list menu margin-lr">
-			  <view class="cu-item">
-				<view class="text-lg">个人信息</view>
-				<view class="iconfont icon-right more"></view>
-			  </view>
-			  <view class="cu-item">
-				<view class="text-lg">我的健康打卡</view>
-				<view class="iconfont icon-right more"></view>
-			  </view>
-			  <view class="cu-item">
-				<view class="text-lg">我的行程</view>
-				<view class="iconfont icon-right more"></view>
-			  </view>
-			  <view class="cu-item">
-				<view class="text-lg">我的校园打卡</view>
-				<view class="iconfont icon-right more"></view>
-			  </view>
-			</view>
-		</view>
-	</view>
-  
+  <view>
+    <!-- 头部 -->
+    <view class="cu-card flex bg-white">
+      <view class="flex flex-sub align-center padding-xl">
+        <view class="round xl cu-avatar portrait">
+          <image class="xl cu-avatar" :src="userInfo.avatarUrl"></image>
+        </view>
+        <view class="flex-sub padding-left">
+          <view class="text-xl">{{ userInfo.nickName }}</view>
+          <view class="text-df padding-top-xs description">{{ userInfo.classes }}</view>
+        </view>
+        <view
+          :style="{ color: userInfo.healthyCodeColor }"
+          class="iconfont icon-qrcode healthy-coad"
+        ></view>
+      </view>
+    </view>
+    <!-- 列表 -->
+    <view class="bg-white margin-top">
+      <view class="cu-list menu margin-lr">
+        <view class="cu-item">
+          <view class="text-lg">个人信息</view>
+          <view class="iconfont icon-right more"></view>
+        </view>
+        <view class="cu-item">
+          <view class="text-lg">我的健康打卡</view>
+          <view class="iconfont icon-right more"></view>
+        </view>
+        <view class="cu-item">
+          <view class="text-lg">我的行程</view>
+          <view class="iconfont icon-right more"></view>
+        </view>
+        <view class="cu-item" @tap="openPage('/pages/my-signs/my-signs')">
+          <view class="text-lg">我的校园打卡</view>
+          <view class="iconfont icon-right more"></view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
@@ -47,7 +49,7 @@ export default {
         avatarUrl: '../../../static/head-portrait.jpg',
         nickName: '丁菲菲',
         classes: '计算机19级软工二班',
-		healthyCodeColor: '#11A20D'
+        healthyCodeColor: '#11A20D',
       },
     };
   },
@@ -55,14 +57,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	.portrait{
-		overflow: hidden;
-	}
-	.healthy-coad{
-		font-size: 40px;
-	}
-	.more{
-		font-size: 18px;
-		color: $grey;
-	}
+.portrait {
+  overflow: hidden;
+}
+.healthy-coad {
+  font-size: 40px;
+}
+.more {
+  font-size: 18px;
+  color: $grey;
+}
 </style>