From 8ec9c517c58b70918f2d72f2bfa6ab4b0a4145f9 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 19 Aug 2022 18:03:39 +0800 Subject: [PATCH] 局部细节调整 --- src/components/mini/box8-panal.vue | 23 ++++++++++++++++------- 1 files changed, 16 insertions(+), 7 deletions(-) diff --git a/src/components/mini/box8-panal.vue b/src/components/mini/box8-panal.vue index cb0652a..ae9839c 100644 --- a/src/components/mini/box8-panal.vue +++ b/src/components/mini/box8-panal.vue @@ -1,11 +1,11 @@ <template> <div class="holdHeight"> - <a-row type="flex" justify="center" > - <a-col v-for="temp in [1,2,1,1,1,1,1]"> - <div class="myCard" style="height: 200px;width: 220px; border-radius: 20px;"> + <a-row type="flex" justify="center"> + <a-col v-for="temp in [1,2,1,1,1,1]"> + <div class="myCard" style="height: 200px;width: 220px; border-radius: 20px;"> <a-card :hoverable="true" size="small"> <template slot="cover"> - <img class="myCardCover" alt="example" src="../../assets/mowenwei.jpg" /> + <!-- <img class="myCardCover" alt="example" src="../../assets/mowenwei.jpg" /> --> </template> <template slot="actions" class="ant-card-actions"> @@ -21,8 +21,12 @@ </a-col> </a-row> - <a-pagination :showQuickJumper="true" :size="size" :default-current="current" :defaultPageSize="pageSize" - :total="total" /> + <a-row type="flex" justify="center"> + <div style="position:fixed;bottom: 10px;"> + <a-pagination @change="onChange" :showQuickJumper="true" :size="size" v-model="current" + :defaultPageSize="10" :pageSize="pageSize" :total="total" /> + </div> + </a-row> </div> @@ -41,6 +45,11 @@ pageSize: 10, current: 4, } + }, + methods: { + onChange(current) { + + } } } </script> @@ -50,7 +59,7 @@ <style lang="less"> .holdHeight { // background-color: beige; - + } .myCard { -- Gitblit v1.9.1