chore: flatten web project structure
This commit is contained in:
@@ -1,61 +0,0 @@
|
||||
.card {
|
||||
height: 308px;
|
||||
}
|
||||
|
||||
.card-item {
|
||||
inset: 0;
|
||||
will-change: transform, opacity;
|
||||
height: 277px;
|
||||
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.08);
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.inner-card {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 商品大图部分:撑满除相册外的空间 */
|
||||
.goods-image-wrapper {
|
||||
width: 100%;
|
||||
height: 193px;
|
||||
}
|
||||
|
||||
|
||||
.album-item {
|
||||
width: 96px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.album-title {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
/* 底部价格与购买按钮 */
|
||||
.card-footer {
|
||||
border-top: 1px solid rgba(0,0,0,0.04);
|
||||
}
|
||||
|
||||
.card-footer .price-left {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
color: #171717;
|
||||
}
|
||||
|
||||
.buy-btn {
|
||||
background-color: $theme-color-500;
|
||||
color: #fff;
|
||||
margin-top: 12px;
|
||||
padding: 12px 24px;
|
||||
border-radius: 12px;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.buy-btn:active {
|
||||
opacity: 0.9;
|
||||
}
|
||||
Reference in New Issue
Block a user