feat(page): 完善 page 组件
This commit is contained in:
@@ -1,7 +1,71 @@
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<lay-page limit=20 total=100></lay-page>
|
||||
<lay-page limit=20 total=100 showPage></lay-page>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
|
||||
return {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<lay-page limit=20 total=100 ></lay-page>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
|
||||
return {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<lay-page limit=20 total=100 showPage theme="red"></lay-page>
|
||||
<br>
|
||||
<lay-page limit=20 total=100 showPage theme="blue"></lay-page>
|
||||
<br>
|
||||
<lay-page limit=20 total=100 showPage theme="orange"></lay-page>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
|
||||
return {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<lay-page limit=20 total=100 showCount showPage showLimit showRefresh showSkip></lay-page>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user