no message

src/views/Market/Index.vue

@@ -64,31 +64,32 @@
                     </div>
                 </div>
             </div>
-            <div class="q-mt-lg row wrap bg-white rounded" style="padding: 30px 10px 0 10px;">
-                <template v-for="(item,index) in dataList">
-                    <div class="MarketIndexListBox">
-                        <div class="MarketIndexList bg-white rounded" @click="goToTemplate(item)">
-                            <div class="MarketIndexList-img">
-                                <img :src="item.CoverImg" style="width:100%;height:100%" />
+            <div style="height: 750px;overflow: auto;">
+                <div class="q-mt-lg row wrap bg-white rounded" style="padding: 30px 10px 0 10px;">
+                    <template v-for="(item,index) in dataList">
+                        <div class="MarketIndexListBox">
+                            <div class="MarketIndexList bg-white rounded" @click="goToTemplate(item)">
+                                <div class="MarketIndexList-img">
+                                    <img :src="item.CoverImg" style="width:100%;height:100%" />
+                                </div>
+                                <div class="MarketIndexList-text">{{item.Title}}</div>
                             </div>
-                            <div class="MarketIndexList-text">{{item.Title}}</div>
                         </div>
-                    </div>
-                </template>
-            </div>
-            <div class="q-mt-lg row" style="justify-content: center;">
-                <el-pagination
-                background
-                v-model:current-page="currentPage"
-                v-model:page-size="queryObj.pageSize"
-                :page-sizes="[10, 20, 30, 40, 50, 100]"
-                :small="small"
-                layout="sizes, prev, pager, next"
-                :total="queryObj.totalCount"
-                @size-change="handleSizeChange"
-                @current-change="handleCurrentChange"
-                hide-on-single-page
-            />
+                    </template>
+                </div>
+                <div class="q-mt-lg row" style="justify-content: center;">
+                    <!-- hide-on-single-page -->
+                    <el-pagination
+                    background
+                    v-model:current-page="currentPage"
+                    v-model:page-size="queryObj.pageSize"
+                    :page-sizes="[10, 20, 30, 40, 50, 100]"
+                    small
+                    layout="sizes, prev, pager, next"
+                    :total="queryObj.totalCount"
+                    @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange"/>
+                </div>
             </div>
         </div>
     </div>