|
@@ -382,11 +382,12 @@ onMounted(async () => {
|
|
|
/* 网格布局样式 */
|
|
/* 网格布局样式 */
|
|
|
.grid-layout {
|
|
.grid-layout {
|
|
|
display: grid;
|
|
display: grid;
|
|
|
- grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
|
|
|
|
|
- gap: px2rpx(100);
|
|
|
|
|
|
|
+ grid-template-columns: repeat(auto-fill, minmax(px2rpx(320), px2rpx(320)));
|
|
|
|
|
+ // justify-content: space-between;
|
|
|
|
|
+ gap: px2rpx(20);
|
|
|
|
|
|
|
|
@media (max-width: 1200px) {
|
|
@media (max-width: 1200px) {
|
|
|
- grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr));
|
|
|
|
|
|
|
+ grid-template-columns: repeat(auto-fill, minmax(px2rpx(320), px2rpx(320)));
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
@media (max-width: 768px) {
|
