入库交互功能和样式

This commit is contained in:
2024-02-27 15:31:44 +08:00
parent 4530466278
commit c6c0dfdd11
5 changed files with 310 additions and 231 deletions

View File

@@ -1,8 +1,8 @@
<template>
<view class="pagination">
<text :disabled="page <= 1" @click="gotoPage(page - 1)"><</text>
<text v-for="item in pages" :key="getItemKey(item)" :class="{ active: item === page, ellipsis: item === '...' }" @click="gotoPage(item)">{{ item }}</text>
<text :disabled="page >= totalPages" @click="gotoPage(page + 1)">></text>
<text :disabled="page <= 1" @tap.stop="gotoPage(page - 1)"><</text>
<text v-for="item in pages" :key="getItemKey(item)" :class="{ active: item === page, ellipsis: item === '...' }" @tap.stop="gotoPage(item)">{{ item }}</text>
<text :disabled="page >= totalPages" @tap.stop="gotoPage(page + 1)">></text>
</view>
</template>
@@ -65,8 +65,7 @@ export default {
.pagination {
display: flex;
align-items: center;
justify-content: center;;
margin-top: 40rpx;
justify-content: center;
}
text {
display: inline-block;

View File

@@ -127,8 +127,8 @@
.search_wraper
_wh(100%, 76rpx)
padding 0 4rpx 0 24rpx
border 1rpx solid #e1e1e1
background-color #fff
border 1rpx solid #4980BD
background-color rgba(45,88,184,0.1)
border-radius 12rpx
.search_input
width 100%
@@ -143,7 +143,7 @@
.icon_scan
_wh(140rpx, 60rpx)
_font(40rpx,60rpx,#fff,,center)
background-color #3CC1FF
background-color #137ABD
border-radius 24rpx
.icon_search
_wh(70rpx, 70rpx)