From 0d1bd4f4d0f1808f869e0424d01549b0cd220ac3 Mon Sep 17 00:00:00 2001
From: wangkesi <wangkesi@3ncto.com>
Date: Thu, 11 Oct 2018 18:11:35 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/goods-classify.vue | 46 ++++++++++++++++++++++++++-----------
 1 file changed, 33 insertions(+), 13 deletions(-)

diff --git a/src/view/goods-classify.vue b/src/view/goods-classify.vue
index 66201a5..4a5b986 100644
--- a/src/view/goods-classify.vue
+++ b/src/view/goods-classify.vue
@@ -26,7 +26,7 @@
 										<img :src=" imghost + goods.bannerImgs" class="thumb" />
 									</a>
 									<div class="info f-flex">
-										<div>
+										<div class="info-box">
 											<p class="title f-ellipsis-1 ellipsis">{{goods.name}}</p>
 											<p class="rule f-ellipsis-1">{{goods.shortDesc}}</p>
 											<div class="card-name">
@@ -262,7 +262,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .card-name {
-    height: 0.3rem;
+    height: 0.2rem;
     font-size: 0.2rem;
     font-style: normal;
     font-weight: 400;
@@ -364,42 +364,62 @@ export default {
             }
             .list-img-box {
                 display: flex;
-                align-items: center;
+                // align-items: center;
             }
             .item {
-                position: relative;
-                padding: 0.16rem;
+				align-items: flex-start;
+				height: 1.87rem;
+				// position: relative;
+				a{
+					display: block;
+				}
+				padding: 0.16rem;
+				width: 5.32rem;
                 z-index: 1;
                 // height: 1.87rem;
                 box-sizing: border-box;
-                margin-bottom: 0.2rem;
+				margin-bottom: 0.2rem;
+				.list-img-box{
+					margin-right: 0.15rem;
+				}
                 .thumb {
                     width: 1.54rem;
                     height: 1.54rem;
                 }
                 .info {
-                    margin-left: 0.15rem;
-                    flex: 1;
+					padding-top:0.05rem;
+					display: flex;
+					width: 3.33rem;
+					flex-grow:1;
                     height: 100%;
                     font-size: 0;
-                    flex-direction: column;
+					flex-direction: column;
+					height: 100%;
                     align-items: flex-start;
-                    justify-content: space-between;
+					justify-content: space-between;
+					.info-box{
+						width: 100%;
+						display: flex;
+						flex-direction: column;
+					}
                     .title {
                         font-size: 0.3rem;
-                        color: #333;
+						color: #333;
+						width: 100%;
                         padding: 0;
                         line-height: 1;
                     }
                     .rule {
                         font-size: 0.22rem;
-                        color: #999;
+						color: #999;
+						width: 100%;
                         padding: 0.1rem 0 0;
                         // line-height: 1;
                     }
                     .full {
                         height: 0.2rem;
-                        font-size: 0.2rem;
+						font-size: 0.2rem;
+						width: 100%;
                         font-style: normal;
                         font-weight: 400;
                         color: rgba(244, 163, 83, 1);