| commit | author | age | ||
| ad2b70 | 1 | <template> |
| aab811 | 2 | <div class=""> |
| I | 3 | <!-- <a-button v-if="tagName">{{tagName}}</a-button> --> |
| 4 | <a-affix :offset-top="80"> | |
| 5 | <a-button @click="top += 70"> | |
| 6 | Affix top | |
| 7 | </a-button> | |
| 8 | </a-affix> | |
| ad2b70 | 9 | <box5></box5> |
| L | 10 | <box5></box5> |
| d629d9 | 11 | <box5></box5> |
| L | 12 | <box5></box5> |
| 13 | <a-pagination :showQuickJumper="true" :size="size" :default-current="current" :defaultPageSize="pageSize" | |
| 14 | :total="total" /> | |
| ad2b70 | 15 | </div> |
| d629d9 | 16 | |
| ad2b70 | 17 | </template> |
| L | 18 | |
| 19 | <script> | |
| 41b36f | 20 | import box5 from "../mini/box5-article.vue" |
| ad2b70 | 21 | export default { |
| aab811 | 22 | props: ['tagName'], |
| ad2b70 | 23 | components: { |
| L | 24 | box5 |
| 25 | }, | |
| 26 | data() { | |
| 27 | return { | |
| d629d9 | 28 | data: [], |
| L | 29 | loading: false, |
| 30 | busy: false, | |
| 31 | size: "small", | |
| ad2b70 | 32 | total: 500, |
| L | 33 | pageSize: 20, |
| 34 | current: 4, | |
| 35 | } | |
| d629d9 | 36 | } |
| ad2b70 | 37 | } |
| L | 38 | </script> |
| aab811 | 39 | |
| I | 40 | <style lang="less"> |
| 41 | .container { | |
| 42 | height: 700px; | |
| 43 | } | |
| 44 | ||
| 45 | .content { | |
| 46 | height: 95%; | |
| 47 | overflow-y: scroll; | |
| 48 | } | |
| 49 | ||
| 50 | .content::-webkit-scrollbar { | |
| 51 | display: none; | |
| 52 | } | |
| 53 | </style> | |
