产品商城开发

common/styles/global/pages.scss

@@ -1015,3 +1015,20 @@
 		.order-card-box::last-child{margin-bottom: 0;}
 	}
 }
+
+// 产品商城
+.ezy-shop-page{
+	width: 100%;height: 100vh;display: flex;flex-direction: column;
+	.shop-card-list{overflow-y: auto;flex: 1;padding: 24rpx 0 0;}
+	.shop-card-box{
+		border-radius: 16rpx;margin: 0 24rpx 32rpx;padding: 32rpx;
+		box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);display: flex;
+		.shop-img{width: 200rpx;height: 280rpx;flex-shrink: 0;border-radius: 16rpx;}
+		.card-right-box{
+			margin-left: 24rpx;display: flex;flex-direction: column;justify-content: space-between;
+			.card-title{font-size: 34rpx;color: #333;font-weight: bold;margin-bottom: 24rpx;margin-top: 6rpx;}
+			.card-content{font-size: 28rpx;color: #666;text-align: justify;margin-bottom: 24rpx;@include multi-line-ellipsis(3);line-height: 1.6;}
+			.card-price{font-size: 34rpx;color: #ff0202;font-weight: bolder;}
+		}
+	}
+}

pages/chanpinShop/components/shuxueList.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="sx-card-list" v-if="list.length">
+	<view class="shop-card-list" v-if="list.length">
     <template  v-for="{chanpin,value:item} in list">
       <cp1 v-if="chanpin == 'tujiemuti'" :item="item" :key="item.chanpinId"></cp1>
     </template>

pages/chanpinShop/components/yingyuList.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="sx-card-list" v-if="list.length">
+	<view class="shop-card-list" v-if="list.length">
     <template  v-for="{chanpin,value:item} in list" :item="item">
       <cp1 v-if="chanpin == 'xxx'" :item="item" :key="item.chanpinId" class="sx-card-box"></cp1>
     </template>

pages/chanpinShop/components/yuwenList.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="sx-card-list" v-if="list.length">
+  <view class="shop-card-list" v-if="list.length">
     <template  v-for="{chanpin,value:item} in list" :item="item">
       <cp1 v-if="chanpin == 'xxx'" :item="item" :key="item.chanpinId" class="sx-card-box"></cp1>
     </template>

pages/chanpinShop/cp1/card.vue

@@ -1,17 +1,15 @@
 <template>
-  <view class="sx-card-box">
-    <view class="card-head-box" @click="handleClick">
+  <view class="shop-card-box" @click="handleClick">
       <!-- 封面 -->
-      <image :src="item.cover" class="head-img"></image>
-      <view class="head-right-box">
+      <image :src="item.cover" class="shop-img"></image>
+      <view class="card-right-box">
         <!-- 名称 -->
-        <view class="head-title">{{item.name}}</view>
+        <view class="card-title">{{item.name}}</view>
         <!-- 简介 -->
-        <view class="head-content">{{item.intro}}</view>
+        <view class="card-content">{{item.intro}}</view>
         <!-- 共计 -->
-        <view class="head-content">￥{{item.price}}</view>
+        <view class="card-price">￥{{item.price}}</view>
       </view>
-    </view>
   </view>
 </template>
 

pages/chanpinShop/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="ezy-xuanke-page">
+	<view class="ezy-shop-page">
 		<!-- 返回区域 -->
 		<view class="icon-title-navBar-box">
 			<view class="nav-bar-icon" @click="handleBack"></view>