我的列表进行调整

pages/index/index/userCenter.vue

@@ -1,112 +1,104 @@
-<template>
-    <view>
-        <view class="border-list-box">
-			<navigator class="" url="/packageA/shop/history?title=我访问的店铺" hover-class="navigator-hover">
-				<view class="border-list-top">
-					<view class="text-style">
-						我的访问店铺
-					</view>
-					<view class="iconfont icon-a-wodetiaozhuan icon-style-long"></view>
-				</view>          
-			</navigator>
-			<navigator class="" url="" hover-class="navigator-hover">
-				<view class="border-list-content">
-					<view class="text-style">
-						我的预约
-					</view>
-					<view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
-				</view>
-			</navigator>
-			<!-- <navigator class="" url="" hover-class="navigator-hover">
-				<view class="border-list-content">
-					<view class="text-style">优惠券</view>
-					<view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
-				</view>  
			</navigator> -->
-			<navigator class="" url="" hover-class="navigator-hover">
-				<view class="border-list-content">
-					<view class="text-style">收货地址</view>
-					<view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
-				</view>
			</navigator>
-			<navigator class="" url="" hover-class="navigator-hover">
-				<view class="border-list-content">
-					<view class="text-style">中奖信息</view>
-					<view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
-				</view>    
			</navigator>
-			<navigator class="" url="" hover-class="navigator-hover">
-				<view class="border-list-content">
-					<view class="text-style">我的收藏</view>
-					<view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
-				</view>    
			</navigator>
-			<navigator class="" url="" hover-class="navigator-hover">
-				<view class="border-list-bottom">
-					<view class="text-style">活动订单</view>
-					<view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
-				</view>
			</navigator>
-		</view>
-    </view>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            updatePage: true,
-        }
-    },
-    methods: {
-        init(callBack) {
-            callBack()
-            this.updatePage = false;
-        },
-    },
-}
-</script>
-
-<style lang="scss">
-	.border-list-box{
-		height: 20px;
-		width: 355px;
-		border-radius: 8px;
-		background: #FFFFFF;
-		margin: 84px 10px 0px 10px;
-	}
-	.border-list-top{
-		border-radius: 8px 8px 0px 0px;
-		background: #FFFFFF;
-		border-bottom: 1px solid #F7F7F7;
-		display: flex;
-	}
-	.border-list-content{
-		background: #FFFFFF;
-		border-bottom: 1px solid #F7F7F7;
-		display: flex;
-	}
-	.border-list-bottom{
-		border-radius: 0px 0px 8px 8px;
-		background: #FFFFFF;
-		display: flex;
-	}
-	.text-style{
-		font-family: Source Han Sans SC, Source Han Sans SC;
-		font-weight: 400px;
-		font-size: 14px;
-		color: #333333;
-		height: 20px;
-		line-height: 20px;
-		text-align: left;
-		vertical-align: auto;
-		font-style: normal;
-		text-transform: none;
-		padding: 15px 15px 15px 10px;
-	}
-	.icon-style-long{
-		color: #999999;
-		margin-left: 200px;
-		padding: 15px 15px 15px 10px;
-	}
-	.icon-style{
-		color: #999999;
-		margin-left: 227px;
-		padding: 15px 15px 15px 10px;
-	}
-</style>
+<template>
+    <view>
+      <view class="border-list-box">
+        <navigator class="border-list-top" url="/packageA/shop/history?title=我访问的店铺" hover-class="navigator-hover">
+          <view class="text-style">
+            我的访问店铺
+          </view>
+          <view class="iconfont icon-a-wodetiaozhuan icon-style-long"></view>
+        </navigator>
+        <navigator class="border-list-content" url="" hover-class="navigator-hover">
+          <view class="text-style">
+            我的预约
+          </view>
+          <view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
+        </navigator>
+<!--        <navigator class="border-list-content" url="" hover-class="navigator-hover">
+          <view class="text-style">优惠券</view>
+          <view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
+        </navigator> -->
+        <navigator class="border-list-content" url="" hover-class="navigator-hover">
+          <view class="text-style">收货地址</view>
+          <view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
+        </navigator>
+        <navigator class="border-list-content" url="/cloud/winningNews/index" hover-class="navigator-hover">
+          <view class="text-style">中奖信息</view>
+          <view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
+        </navigator>
+        <navigator class="border-list-content" url="" hover-class="navigator-hover">
+          <view class="text-style">我的收藏</view>
+          <view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
+        </navigator>
+        <navigator class="border-list-bottom" url="" hover-class="navigator-hover">
+          <view class="text-style">活动订单</view>
+          <view class="iconfont icon-a-wodetiaozhuan icon-style"></view>
+        </navigator>
+      </view>
+    </view>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            updatePage: true,
+        }
+    },
+    methods: {
+        init(callBack) {
+            callBack()
+            this.updatePage = false;
+        },
+    },
+}
+</script>
+
+<style lang="scss">
+	.border-list-box{
+		width: 355px;
+		border-radius: 8px;
+		background: #FFFFFF;
+		margin: 84px 10px 0px 10px;
+		overflow: hidden;
+	}
+	.border-list-top{
+		background: #FFFFFF;
+		border-bottom: 1px solid #F7F7F7;
+		display: flex;
+		margin-left: 10px;
+	}
+	.border-list-content{
+		background: #FFFFFF;
+		border-bottom: 1px solid #F7F7F7;
+		display: flex;
+		margin-left: 10px;
+	}
+	.border-list-bottom{
+		background: #FFFFFF;
+		display: flex;
+		margin-left: 10px;
+	}
+	.text-style{
+		font-family: Source Han Sans SC, Source Han Sans SC;
+		font-weight: 400px;
+		font-size: 14px;
+		color: #333333;
+		height: 20px;
+		line-height: 20px;
+		text-align: left;
+		vertical-align: auto;
+		font-style: normal;
+		text-transform: none;
+		padding: 15px 15px 15px 0px;
+	}
+	.icon-style-long{
+		color: #999999;
+		margin-left: 200px;
+		padding: 15px 15px 15px 10px;
+	}
+	.icon-style{
+		color: #999999;
+		margin-left: 227px;
+		padding: 15px 15px 15px 10px;
+	}
+</style>