From fdd11fcf5654c3d68372c19ce880d402a5c4bf92 Mon Sep 17 00:00:00 2001
From: anhaogxs <704041637@qq.com>
Date: Thu, 8 Apr 2021 19:55:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=95=86=E5=93=81=E5=88=97?=
=?UTF-8?q?=E8=A1=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
pages/shop/GoodsList/index.vue | 209 +++++++++++++++++++++++++++------
1 file changed, 174 insertions(+), 35 deletions(-)
diff --git a/pages/shop/GoodsList/index.vue b/pages/shop/GoodsList/index.vue
index 777c320..28b9964 100644
--- a/pages/shop/GoodsList/index.vue
+++ b/pages/shop/GoodsList/index.vue
@@ -26,41 +26,90 @@
新品
-
-
-
-
-
-
- {{ item.storeName }}
-
- ￥
- {{ item.price }}
-
-
- ￥{{ item.otPrice }}
- 已售{{ item.sales }}件
-
-
-
-
-
-
-
-
-
-
- {{ item.storeName }}
-
- {{ item.integral }}积分
-
-
-
- 已售{{ item.sales }}件
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+ {{ item.storeName }}
+
+
+ ￥{{ item.price }}
+ ￥{{ item.otPrice }}
+
+ 已售{{ item.sales }}件
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.storeName }}
+
+
+ ￥{{ item.price }}
+ ￥{{ item.otPrice }}
+
+ 已售{{ item.sales }}件
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.storeName }}
+
+
+ {{ item.integral }}积分
+
+ 已售{{ item.sales }}件
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.storeName }}
+
+
+ {{ item.integral }}积分
+
+ 已售{{ item.sales }}件
+
+
+
+
+
+
+
+
@@ -309,4 +358,94 @@ export default {
border-top: 3px solid #f5f5f5;
padding-bottom: 1px;
}
+
+.tui-product-list {
+ display: flex;
+ box-sizing: border-box;
+ margin-top: 1.72*100rpx;
+}
+
+.tui-product-container {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ flex:1;
+ justify-content: space-between;
+
+}
+
+.tui-product-container:last-child {
+ margin-right: 0;
+}
+
+.tui-pro-item {
+ flex: 0 0 49%;
+ margin-bottom: 10rpx;
+ background: #fff;
+ box-sizing: border-box;
+ border-radius: 12rpx;
+ overflow: hidden;
+ transition: all 0.15s ease-in-out;
+}
+
+.tui-flex-list {
+ flex:1 1 100%;
+ display: flex;
+ margin-bottom: 1rpx !important;
+}
+
+.tui-pro-img {
+ width: 100%;
+ display: block;
+}
+
+.tui-proimg-list {
+ width: 260rpx;
+ height: 260rpx !important;
+ flex-shrink: 0;
+ border-radius: 12rpx;
+}
+
+.tui-pro-content {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ box-sizing: border-box;
+ padding: 20rpx;
+}
+
+.tui-pro-tit {
+ color: #2e2e2e;
+ font-size: 26rpx;
+ word-break: break-all;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+}
+
+.tui-pro-price {
+ padding-top: 18rpx;
+}
+
+.tui-sale-price {
+ font-size: 34rpx;
+ font-weight: 500;
+ color: #e41f19;
+}
+
+.tui-factory-price {
+ font-size: 24rpx;
+ color: #a0a0a0;
+ text-decoration: line-through;
+ padding-left: 12rpx;
+}
+
+.tui-pro-pay {
+ padding-top: 10rpx;
+ font-size: 24rpx;
+ color: #656565;
+}
+/* 商品列表*/