图列表改为一行四个,宽高比为1:1

src/views/etaChart/components/chartList/ChartBox.vue

@@ -157,8 +157,9 @@ async function handleCancelCollect(){
 
 <style lang="scss" scoped>
 .chart-list-item-box{
-  width: calc(50% - 10px);
-  height: 474px;
+  width: calc(25% - 30px);
+  // height: 474px;
+  aspect-ratio: 1 / 1; // 设置宽高比为1:1
   background-color: #fff;
   box-shadow: 0px 4px 12px 0px #2300351f;
   border: 1px solid var(--border-color);

src/views/etaChart/components/chartList/Index.vue

@@ -6,7 +6,7 @@ import {useClassify} from '../../hooks/useClassify'
 const {classifyActived,userVal} =useClassify()
 
 const page=ref(1)
-const pageSize=ref(30)
+const pageSize=ref(32)
 const total=ref(0)
 const list=ref([])
 const loading=ref(false)