no message

src/components/myOrdersAllType/components/allList.vue

@@ -12,32 +12,23 @@
       flex-shrink: 0;
     }
     .orderAllList {
-      display: flex;
-      flex-wrap: wrap;
-      /* padding: 0 10px; */
       background-color: #ffffff;
     }
     .orderAllList-box {
-      flex: 0 0 25%;
       background-color: #dddee0;
       display: flex;
-      flex-shrink: 0;
       margin: 0 5px;
       padding: 10px;
+      margin-bottom: 5px;
       flex-direction: column;
       border-radius: 5px;
     }
     .orderAllList-top{
-      display: flex;
-      flex-wrap: wrap;
+     
     }
     .orderAllList-top div{
-      flex: 0 0 25%;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      flex-wrap: wrap;
-      /* padding-right: 20px; */
+      width: 25%;
+      float: left;
     }
     .orderAllList-top span{
       font-size: 14px;
@@ -223,7 +214,9 @@
                 </el-row>
             </div>
             <div class="orderAllList">
+                <el-row :gutter="20">
                   <template v-for="(item,index) in SummaryList">
+                    <el-col :xs="24" :sm="14" :md="12" :lg="8" :xl="6">
                       <div class="orderAllList-box" :key="index">
                         <div class="orderAllList-title">
                           <!-- <span>币种</span> -->
@@ -260,7 +253,10 @@
                         </div>
                       </div>
                     </div>
+                    </el-col>
                   </template>
+                  
+                </el-row>
             </div>
             <div class="query-box status-box"></div>
             <orderList :dataList="dataList" :pagesTitle="title" :loading="loading" @emptyMore="emptyMore"></orderList>