feat(shoppingMall): 专区商品列表样式优化
This commit is contained in:
parent
e1c7572c28
commit
336b372536
|
@ -47,7 +47,7 @@
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
<div
|
<div
|
||||||
class="myCar"
|
class="myCart"
|
||||||
v-if="
|
v-if="
|
||||||
userInfo.registerShare != 0 &&
|
userInfo.registerShare != 0 &&
|
||||||
userInfo.registerFans != 0 &&
|
userInfo.registerFans != 0 &&
|
||||||
|
@ -1198,6 +1198,7 @@ export default {
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
|
||||||
.goodBtm {
|
.goodBtm {
|
||||||
width: 278px;
|
width: 278px;
|
||||||
|
@ -1234,7 +1235,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.good_i:hover {
|
.good_i:hover {
|
||||||
transform: scale(1.1);
|
transform: translateY(-4px);
|
||||||
|
box-shadow: 0px 6px 16px 0px rgba(172, 172, 172, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
.goodImg {
|
.goodImg {
|
||||||
|
@ -1442,14 +1444,14 @@ export default {
|
||||||
color: #00417c;
|
color: #00417c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.myCar {
|
.myCart {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 168px;
|
width: 168px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 2px solid #d81e06;
|
border: 2px solid var(--primary-color);
|
||||||
font-size: 23px;
|
font-size: 23px;
|
||||||
color: #d81e06;
|
color: var(--primary-color);
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
Loading…
Reference in New Issue