|
@@ -18,7 +18,7 @@
|
|
|
<div class="group-list content">
|
|
<div class="group-list content">
|
|
|
<div class="group-item" v-for="item in productGroup" :key="item.sa_itemgroupid" @click="itemClick(item)">
|
|
<div class="group-item" v-for="item in productGroup" :key="item.sa_itemgroupid" @click="itemClick(item)">
|
|
|
<div class="top">
|
|
<div class="top">
|
|
|
- <el-image style="width:100%" :src="item.attinfos[0].url" fit="cover" />
|
|
|
|
|
|
|
+ <el-image style="width:100%;width: 200px" :src="item.attinfos[0].url" fit="contain" />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="bottom">
|
|
<div class="bottom">
|
|
|
<p class="title">{{item.groupname}}</p>
|
|
<p class="title">{{item.groupname}}</p>
|
|
@@ -204,8 +204,8 @@ export default {
|
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
|
}
|
|
}
|
|
|
.group .group-list .group-item {
|
|
.group .group-list .group-item {
|
|
|
- min-width: 261px;
|
|
|
|
|
- max-width: 357px;
|
|
|
|
|
|
|
+ width: 261px;
|
|
|
|
|
+ /* max-width: 357px; */
|
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
|
transition: all 0.1s ease-in;
|
|
transition: all 0.1s ease-in;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
@@ -229,7 +229,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
.group .group-list .group-item .bottom {
|
|
.group .group-list .group-item .bottom {
|
|
|
padding: 10px;
|
|
padding: 10px;
|
|
|
- border:1px solid #f1f2f3;
|
|
|
|
|
|
|
+ /* border:1px solid #f1f2f3; */
|
|
|
border-top:none;
|
|
border-top:none;
|
|
|
}
|
|
}
|
|
|
.group .group-list .group-item .bottom .title {
|
|
.group .group-list .group-item .bottom .title {
|
|
@@ -262,6 +262,10 @@ export default {
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
color: #999;
|
|
color: #999;
|
|
|
}
|
|
}
|
|
|
|
|
+.group-item{
|
|
|
|
|
+ border:1px solid #f1f2f3;
|
|
|
|
|
+ border-radius: 3px;
|
|
|
|
|
+}
|
|
|
.page {
|
|
.page {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: row-reverse;
|
|
flex-direction: row-reverse;
|