同步版本

components/goods-list/goods-list.vue

@@ -2,18 +2,18 @@
 <template>
 	<view class="goods--list">
 		<block v-if="list.length > 0">
-			<view class="goods--item" v-for="(item, index) in list" :key="index">
+			<view class="goods--item" v-for="(item, index) in list" :key="index" @click="goods(item)">
 				<view class="cover">
 					<image class="cover--src" :src="item.cover" mode="aspectFill" />
 				</view>
 				<view class="content">
-					<view class="title">{{item.title}}</view>
+					<view class="title">{{item.name}}</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}}
+							<text>￥</text>{{item.original_price}}
 						</view>
 						<view class="sales">已易{{item.sales}}</view>
 					</view>
@@ -49,6 +49,11 @@ export default {
 			type	: String,
 			default	: '暂无商品数据 -_-!'
 		}
+	},
+	methods:{
+		goods(e){
+			this.$emit('on-goods', e)
+		}
 	}
 };
 </script>
@@ -63,7 +68,7 @@ export default {
 			box-sizing: border-box;
 			width: calc(50% - 20rpx);
 			margin: 10rpx;
-			border-radius: $radius/4;
+			border-radius: $radius/2;
 			overflow: hidden;
 			.cover{
 				position: relative;
@@ -83,6 +88,8 @@ export default {
 					font-size: $title-size-lg;
 					line-height: 40rpx;
 					height: 80rpx;
+					text-align: justify;
+					@extend .ellipsis;
 				}
 				.content-flex{
 					display: flex;
@@ -92,7 +99,7 @@ export default {
 					.price{
 						color: $text-price;
 						font-weight: bold;
-						font-size: $title-size + 8;
+						font-size: $title-size;
 						text{
 							font-size: $title-size-sm;
 							font-weight: normal;