fix: 工作台所有页面,ui功能优化。

This commit is contained in:
tianyongbao
2025-11-18 08:29:50 +08:00
parent ffd41d989a
commit d1fd0a4d1d
59 changed files with 3630 additions and 2647 deletions

View File

@@ -1,18 +1,14 @@
<template>
<view class="container">
<u-sticky offsetTop="8rpx" customNavHeight="8rpx">
<view class="search-view">
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
suffixIconStyle="color: #909399" class="search-input">
</u-input>
<view class="clear-btn" v-if="queryParams.creditCardName" @click="handleCreditCardCancel()">
<uni-icons type="close-filled" size="16" color="#ffffff"></uni-icons>
<text>清空</text>
</view>
</view>
</u-sticky>
<u-sticky offsetTop="8rpx" customNavHeight="8rpx">
</u-sticky>
<view class="search-view">
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
suffixIconStyle="color: #909399" class="search-input">
</u-input>
<view class="clear-btn" v-if="queryParams.creditCardName" @click="handleCreditCardCancel()">
<uni-icons type="close-filled" size="16" color="#ffffff"></uni-icons>
<text>清空</text>
</view>
</view>
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
<u-list-item v-for="(item, index) in listData" :key="index">
<view class="list-item">
@@ -321,16 +317,18 @@ function settingCancel() {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
.search-input {
background: #f5f7fa;
background: rgba(102, 126, 234, 0.08);
color: #333333;
flex: 1;
margin-right: 16rpx;
border-radius: 24rpx;
border: 1rpx solid #e8edf3;
border: 2rpx solid rgba(102, 126, 234, 0.3);
}
.clear-btn {
@@ -338,22 +336,26 @@ function settingCancel() {
align-items: center;
gap: 6rpx;
padding: 12rpx 20rpx;
background: linear-gradient(135deg, #f5576c 0%, #ff8a80 100%);
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
box-shadow: 0 4rpx 12rpx rgba(245, 87, 108, 0.3);
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
&:active {
transform: scale(0.95);
box-shadow: 0 2rpx 8rpx rgba(245, 87, 108, 0.3);
background: rgba(102, 126, 234, 0.12);
}
text {
color: #ffffff;
color: #667eea;
font-size: 26rpx;
font-weight: 600;
}
uni-icons {
color: #667eea;
}
}
}