更新项目文档,调整易货商品列表组件

components/goods-list/goods-list.vue

@@ -1,18 +1,30 @@
 
 <template>
 	<view class="goods--list">
-		<view class="goods--item" v-for="(item, index) in list" :key="index">
-			<view class="cover">
-				<image class="cover--src" :src="item.cover" mode="aspectFill" />
-			</view>
-			<view class="content">
-				<view class="title">{{item.title}}</view>
-				<view class="content-flex">
-					<view class="price">{{item.price}}<text>易币</text></view>
-					<view class="sales">已易{{item.sales}}</view>
+		<block v-if="list.length > 0">
+			<view class="goods--item" v-for="(item, index) in list" :key="index">
+				<view class="cover">
+					<image class="cover--src" :src="item.cover" mode="aspectFill" />
+				</view>
+				<view class="content">
+					<view class="title">{{item.title}}</view>
+					<view class="content-flex">
+						<view class="price eb" v-if="priceType === 'EB'">
+							{{item.price}}<text>易币</text>
+						</view>
+						<view class="price cny" v-if="priceType === 'CNY'">
+							<text>￥</text>{{item.price}}
+						</view>
+						<view class="sales">已易{{item.sales}}</view>
+					</view>
 				</view>
 			</view>
-		</view>
+		</block>
+		<block v-else>
+			<view class="goods--null">
+				<view>{{toast}}</view>
+			</view>
+		</block>
 	</view>
 </template>
 
@@ -20,11 +32,22 @@
 export default {
 	name	: 'goodsList',
 	props	: {
+		// 数据列表
 		list: {
 			type	: Array,
 			default	: () => {
 				return new Array
 			}
+		},
+		// 价格类型
+		priceType: {
+			type	: String,
+			default	: 'EB'
+		},
+		// 列表空提示
+		toast	: {
+			type	: String,
+			default	: '暂无商品数据 -_-!'
 		}
 	}
 };
@@ -86,4 +109,12 @@ export default {
 			}
 		}
 	}
+	// 数据空
+	.goods--null{
+		width: 100%;
+		padding: 20vh 0;
+		text-align: center;
+		font-size: $title-size-m;
+		color: $text-gray;
+	}
 </style>