hz/ylst-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

作答，手机端，上一页按钮样式；

Browse Source
This commit is contained in:
钱冠学
2024-08-12 17:43:36 +08:00
parent e8b34ac4de
commit affd03a211
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/PfePagination.vue
View File

@@ -1,9 +1,10 @@
<template> <template>
<div v-if="isMobile" class="pagination-mob" wrapperClassName="spin"> <div v-if="isMobile" class="pagination-mob" wrapperClassName="spin">
<!-- mob端 --> <!-- mob端 -->
<a-spin :spinning="prevLoading"> <a-spin v-show="showPrevious && page > min && page < pages"
:spinning="prevLoading"
wrapperClassName="spin prev-spin">
<div <div
v-show="showPrevious && page > min && page < pages"
class="pfe-button btn previous my-btn" class="pfe-button btn previous my-btn"
@click="previous" @click="previous"
:style="`color: ${buttonTextColor};background-color: ${buttonColor}`" :style="`color: ${buttonTextColor};background-color: ${buttonColor}`"
@@ -208,6 +209,10 @@ export default defineComponent({
} }
} }
.prev-spin {
margin-right: 20px;
}
.btn { .btn {
width: calc(50% - 30px); width: calc(50% - 30px);
height: 44px; height: 44px;
@@ -227,7 +232,7 @@ export default defineComponent({
color: #70b936; color: #70b936;
background-color: #fff; background-color: #fff;
// border: 1px solid $yili-default-color; // border: 1px solid $yili-default-color;
margin-right: 20px; //margin-right: 20px;
.iconfont { .iconfont {
margin-right: 8px; margin-right: 8px;