Browse Source

商品详情

zs 2 years ago
parent
commit
655375acee
2 changed files with 14 additions and 4 deletions
  1. 6 0
      pages.json
  2. 8 4
      pages/home/index.vue

+ 6 - 0
pages.json

@@ -135,6 +135,12 @@
 					"style": {
 					"style": {
 						"navigationBarTitleText": "商品分类"
 						"navigationBarTitleText": "商品分类"
 					}
 					}
+				},
+				{
+					"path": "market/detail",
+					"style": {
+						"navigationBarTitleText": "商品详情"
+					}
 				}
 				}
 			]
 			]
 		}
 		}

+ 8 - 4
pages/home/index.vue

@@ -1,12 +1,15 @@
 <template>
 <template>
 	<mobile-frame :frameStyle="frameStyle" @toPath="toPath">
 	<mobile-frame :frameStyle="frameStyle" @toPath="toPath">
-		<scroll-view class="scrollView" scroll-with-animation :scroll-into-view="topItem" scroll-y="true" @scroll="handleScroll">
+		<scroll-view class="scrollView" scroll-with-animation :scroll-into-view="topItem" scroll-y="true"
+			@scroll="handleScroll">
 			<view class="main" id="top">
 			<view class="main" id="top">
 				<view class="zero one">
 				<view class="zero one">
-					<input type="text" placeholder="搜索商品" @tap="toCommon('pagesHome/market/search')" placeholder-class="placss">
+					<input type="text" placeholder="搜索商品" @tap="toCommon('pagesHome/market/search')"
+						placeholder-class="placss">
 				</view>
 				</view>
 				<view class="zero two">
 				<view class="zero two">
-					<swiper class="swiper" circular :indicator-dots="true" indicator-color="#ffffff" indicator-active-color="#FB1438" :autoplay="true" :interval="3000" :duration="1000">
+					<swiper class="swiper" circular :indicator-dots="true" indicator-color="#ffffff"
+						indicator-active-color="#FB1438" :autoplay="true" :interval="3000" :duration="1000">
 						<swiper-item class="list" v-for="(item,index) in bannerList" :key="index">
 						<swiper-item class="list" v-for="(item,index) in bannerList" :key="index">
 							<image class="image" :src="item.url" mode=""></image>
 							<image class="image" :src="item.url" mode=""></image>
 						</swiper-item>
 						</swiper-item>
@@ -34,7 +37,8 @@
 					</view>
 					</view>
 				</view>
 				</view>
 				<view class="zero five">
 				<view class="zero five">
-					<view class="list" v-for="(item,index) in marketList" :key="index">
+					<view class="list" v-for="(item,index) in marketList" :key="index"
+						@tap="toCommon('pagesHome/market/detail')">
 						<image class="image" :src="item.url" mode=""></image>
 						<image class="image" :src="item.url" mode=""></image>
 						<view class="name">
 						<view class="name">
 							{{item.name}}
 							{{item.name}}