|
@@ -291,12 +291,14 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- // 网格容器 - 缩小卡片 85%，增加边距
|
|
|
|
|
|
|
+ // 网格容器 - 固定四列，居中显示
|
|
|
.flowers-grid {
|
|
.flowers-grid {
|
|
|
display: grid;
|
|
display: grid;
|
|
|
- grid-template-columns: repeat(auto-fit, minmax(116.81upx, 1fr));
|
|
|
|
|
- padding: 25upx 31.25upx;
|
|
|
|
|
|
|
+ grid-template-columns: repeat(4, 116.81upx);
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ padding: 25upx;
|
|
|
grid-auto-rows: max-content;
|
|
grid-auto-rows: max-content;
|
|
|
|
|
+ gap: 20upx;
|
|
|
|
|
|
|
|
.flower-grid-item {
|
|
.flower-grid-item {
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -307,7 +309,6 @@ export default {
|
|
|
border-radius: 6.38upx;
|
|
border-radius: 6.38upx;
|
|
|
transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
|
border: 1upx solid #e8e8e8;
|
|
border: 1upx solid #e8e8e8;
|
|
|
- margin: 10upx;
|
|
|
|
|
|
|
|
|
|
// 图片容器
|
|
// 图片容器
|
|
|
.flower-img-box {
|
|
.flower-img-box {
|
