详情页开发

pages/chanpinShop/cp1/intro.vue

@@ -1,16 +1,22 @@
 <template>
-	<view>
+	<view class="ezy-shop-info-page">
 		<view class="icon-title-navBar-box">
 			<view class="nav-bar-icon" @click="handleBack"></view>
 			<text class="nav-bar-title">商品详情</text>
 		</view>
-		<view>
-			<image :src="imageUrl" alt=""></image>
-		</view>
-		<view>
-			<view @click="fenxiang">分享</view>
-			<view @click="handleStudy">立即报名学习</view>
+		<view class="shop-info-body">
+			<view class="img-content-box">
+				<img :src="imageUrl" alt="" />
+			</view>
+			<view class="fx-btn-row">
+				<view @click="fenxiang" class="fx-btn">
+					<icon class="fx-icon"></icon>
+					<view>分享</view>
+				</view>
+				<view @click="handleStudy" class="bmxx-btn">立即报名学习</view>
+			</view>
 		</view>
+		
 
 <!--  分享  -->
     <SharePopup ref="sharePopup" :type="2" title="商品详情" desc="商品详情"