shop

App.vue

@@ -17,9 +17,12 @@
 	}
 	uni-page-body {
 		width: 100%;
+		height: 100%;
 		background: #f9f9f9;
 	}
 	uni-page-wrapper{
+		width: 100%;
 		height: 100%;
+		background: #f9f9f9;
 	}
 </style>

pages.json

@@ -124,6 +124,12 @@
 				"navigationBarTitleText": "精选商城"
 			}
 		},
+		{
+			"path": "pages/shop/detail",
+			"style": {
+				"navigationBarTitleText": "商品详情"
+			}
+		},
 		{
 			"path": "pages/personal/index",
 			"style": {

pages/move-car/index.vue

@@ -83,7 +83,6 @@ export default {
 
 <style lang="scss">
 .moveCar {
-
     .move_car__content {
         padding: 40rpx;
 

pages/shop/detail.vue

+<template>
+    <div class="shop__detail">
+11
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                
+            }
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file

pages/shop/index.vue

@@ -25,9 +25,9 @@
         <div class="shop__list__one">
             <div class="view__title">车主精选 养车必备</div>
             <div class="list__one__items">
-                <div class="one__item" v-for="(vo,inx) in 4" :key="inx">
+                <div class="one__item" v-for="(vo,inx) in 4" :key="inx" @click="goDetail">
                     <div class="one__item__img">
-                        <image src="../../static/shop/item.png" />
+                        <image src="../../static/shop/item.jpg" />
                     </div>
                     <div class="one__item__title">
                         临时停车牌
@@ -39,7 +39,7 @@
             </div>
         </div>
     </view>
-    <u-gap bgColor="transparent" height="70"></u-gap>
+    <u-gap bgColor="transparent" height="60"></u-gap>
 
 </view>
 </template>
@@ -60,6 +60,13 @@ export default {
             ],
         }
     },
+	methods: {
+		goDetail() {
+			uni.navigateTo({
+				url: '/pages/shop/detail'
+			})
+		}
+	},
 };
 </script>
 
@@ -68,6 +75,7 @@ export default {
 	height: 100%;
     .shop__list__one {
         padding: 0 30rpx;
+		background: #f9f9f9;
 
         .list__one__items {
 			display: flex;
@@ -89,6 +97,7 @@ export default {
                     image {
                         width: 100%;
                         height: 100%;
+                    border-radius: 20rpx;
                     }
                 }