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 {