DaShangDao/daShangDao_scanBook
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:优化图书分类选择器样式,统一为dropdown style

Browse Source
This commit is contained in:
ShenQiLun 2026-07-02 14:00:26 +08:00
parent 78d1aaca90
commit 73afce9453
1 changed files with 28 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
pages/upload/upload.vue
View File

@ -372,9 +372,11 @@
<view class="inline-fields" style="flex:1;align-items:stretch;"> <view class="inline-fields" style="flex:1;align-items:stretch;">
<view class="inline-field" style="flex:1;"> <view class="inline-field" style="flex:1;">
<picker @change="onNoIsbnCategoryChange" :value="noIsbnCategoryIndex" :range="noIsbnCategoryNames"> <picker @change="onNoIsbnCategoryChange" :value="noIsbnCategoryIndex" :range="noIsbnCategoryNames">
<view class="category-select" style="height:100%;"> <view class="category-select">
<text class="category-value">{{ noIsbnCategoryNames[noIsbnCategoryIndex] || '请选择分类' }}</text> <text class="category-value">{{ noIsbnCategoryNames[noIsbnCategoryIndex] || '请选择分类' }}</text>
<text class="picker-arrow">›</text> <view class="dropdown-btn" style="height:100%;">
<text style="font-size:20rpx;color:#909399;">▼</text>
</view>
</view> </view>
</picker> </picker>
</view> </view>
@ -4682,20 +4684,39 @@ picker {
.category-select { .category-select {
background-color: #ffffff; background-color: #ffffff;
border: 2rpx solid #dcdfe6; border: 2rpx solid #dcdfe6;
border-radius: 8rpx; border-right: none;
border-radius: 8rpx 0 0 8rpx;
height: 76rpx; height: 76rpx;
padding: 0 16rpx; padding: 0 0 0 16rpx;
font-size: 28rpx; font-size: 28rpx;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex !important;
align-items: center; align-items: stretch;
justify-content: space-between; overflow: hidden;
} }
.category-value { .category-value {
font-size: 28rpx; font-size: 28rpx;
color: #606266; color: #606266;
flex: 1; flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 76rpx;
}
.category-select .dropdown-btn {
border: none !important;
border-left: 2rpx solid #dcdfe6 !important;
border-radius: 0 8rpx 8rpx 0;
height: 100%;
width: 60rpx;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: #f5f7fa;
margin: 0;
} }
/* ========== 仓库弹窗 ========== */ /* ========== 仓库弹窗 ========== */