inleft
2022-02-25 fc0c102554f509989dd74b199f298a67f266c3c8
commit | author | age
56a4b8 1 <template>
aab811 2     <div class="holdHeight">
fc0c10 3         <a-row type="flex" justify="center">
aab811 4             <a-col v-for="temp in [1,2,1,1,1,1,1]">
fc0c10 5                 <div class="myCard" style="height: 200px;width: 220px; border-radius: 20px;">
aab811 6                     <a-card :hoverable="true" size="small">
I 7                         <template slot="cover">
8                             <img class="myCardCover" alt="example" src="../../assets/mowenwei.jpg" />
9                         </template>
56a4b8 10
aab811 11                         <template slot="actions" class="ant-card-actions">
I 12                             <a-icon key="arrowDown" type="arrow-down" />
13                             <a-icon key="edit" type="edit" />
14                             <a-icon key="ellipsis" type="ellipsis" />
15                         </template>
56a4b8 16
aab811 17                         <a-card-meta title="这世界那么多人" description="吉他谱 莫文蔚">
I 18                         </a-card-meta>
19                     </a-card>
56a4b8 20                 </div>
aab811 21             </a-col>
56a4b8 22
aab811 23         </a-row>
fc0c10 24         <a-row type="flex" justify="center">
I 25             <div style="position:fixed;bottom: 10px;" id="dddadf">
26                 <a-pagination @change="onChange" :showQuickJumper="true" :size="size" v-model="current"
27                     :defaultPageSize="10" :pageSize="pageSize" :total="total" />
28             </div>
29         </a-row>
56a4b8 30
I 31     </div>
32
33 </template>
34
35 <script>
36     export default {
37         name: "box",
38         data() {
39             return {
aab811 40                 data: [],
I 41                 loading: false,
42                 busy: false,
43                 size: "small",
44                 total: 50,
45                 pageSize: 10,
46                 current: 4,
56a4b8 47             }
fc0c10 48         },
I 49         methods: {
50             onChange(current) {
51
52             }
56a4b8 53         }
I 54     }
55 </script>
56
57 </script>
58
59 <style lang="less">
aab811 60     .holdHeight {
I 61         // background-color: beige;
fc0c10 62
aab811 63     }
56a4b8 64
aab811 65     .myCard {
I 66         padding: 10px 10px;
67     }
68
69     .myCardCover {
70         object-fit: scale-down
71     }
56a4b8 72 </style>