选择商品

components/release/shop-item.vue

@@ -1,5 +1,12 @@
 <template>
-
+    <view class="item">
+        <image></image>
+        <view class="title u-line-1" ></view>
+        <view class="info">
+            <text></text>
+            <text></text>
+        </view>
+    </view>
 </template>
 <script>
 export default {
@@ -10,4 +17,37 @@ export default {
         }
     }
 }
-</script>
+</script>
+<style lang="scss" scoped>
+.item{
+    width: 214rpx;
+    height: 297rpx;
+    position: relative;
+    >image{
+        width: 100%;
+        height: 207rpx;
+    }
+    .title{
+        width: 194rpx;
+        margin: 19rpx auto;
+        margin-bottom: 0;
+        font-size: 26rpx;
+        color: #333;
+    }
+    .info{
+        display: flex;
+        padding: 0 10rpx;
+        align-items: flex-end;
+        justify-content: space-between;
+        >text:first-child{
+            font-size: 26rpx;
+            color: #FF3131;
+        }
+        >text:last-child{
+            font-size: 20rpx;
+            color: #999;
+            
+        }
+    }
+}
+</style>

pages.json

@@ -195,6 +195,18 @@
 					}
 				}
 			}
+		},
+		{
+			"path": "pages/release/selectshop",
+			"style": {
+				"navigationBarTitleText": "选择商品",
+				"app-plus": {
+                    "titleNView": {
+						"backgroundColor": "#2D2D2D",
+                        "titleColor": "#FFFFFF"
+					}
+				}
+			}
 		}
 	],
 	"globalStyle": {

pages/index/index.vue

@@ -167,6 +167,9 @@ export default {
 
 	},
 	methods: {
+		release(){
+			this.publishstate = true
+		},
 		publish(){
 
 		},

pages/release/selectshop.vue

@@ -1,9 +1,13 @@
 <template>
     <view class="selectshop">
         <view class="title">我的商品</view>
+        <view class="list">
+            <shopItem></shopItem>
+        </view>
     </view>
 </template>
 <script>
+import shopItem from "../../components/release/shop-item"
 export default {
     name:"selectshop",
     data(){
@@ -11,6 +15,9 @@ export default {
 
         }
     },
+    components:{
+        shopItem
+    },
     methods:{
 
     },
@@ -22,7 +29,8 @@ export default {
 <style lang="scss" scoped>
 .selectshop{
     padding: 15rpx 30rpx;
-    
+    background-color: #2D2D2D;
+    min-height: calc(100vh - 45px);
     .title{
         color: #FF780F;
         font-size: 30rpx;