fix: 自测问题修复。
This commit is contained in:
@@ -232,9 +232,21 @@
|
||||
</view>
|
||||
|
||||
<!-- 列表展示 -->
|
||||
<view style="margin:8px" v-show="listData.length>0 && viewMode === 'list'">
|
||||
<button :type="firstType" style="margin-right:5px" size=mini @click="btFirstClick">档案明细</button>
|
||||
<button :type="secondType" type="primary" size=mini @click="btSecondClick">费用明细</button>
|
||||
<view class="tab-switch" v-show="listData.length>0 && viewMode === 'list'">
|
||||
<view
|
||||
:class="['tab-item', { 'active': !tabShow }]"
|
||||
@click="btFirstClick"
|
||||
>
|
||||
<uni-icons type="folder-add" size="16" :color="!tabShow ? '#667eea' : '#999'"></uni-icons>
|
||||
<text>档案明细</text>
|
||||
</view>
|
||||
<view
|
||||
:class="['tab-item', { 'active': tabShow }]"
|
||||
@click="btSecondClick"
|
||||
>
|
||||
<uni-icons type="wallet" size="16" :color="tabShow ? '#667eea' : '#999'"></uni-icons>
|
||||
<text>费用明细</text>
|
||||
</view>
|
||||
</view>
|
||||
<u-list v-show="!tabShow && viewMode === 'list'" :spaceHeight="720" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
@@ -242,7 +254,7 @@
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="folder-add-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="paperplane-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.name }}</text>
|
||||
@@ -296,7 +308,7 @@
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="folder-add-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="paperplane-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.time }}</text>
|
||||
@@ -1074,11 +1086,55 @@ page {
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
width: calc(100% - 48rpx);
|
||||
height: 500rpx;
|
||||
height: 480rpx;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab-switch {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
padding: 16rpx 24rpx;
|
||||
background-color: #f5f7fa;
|
||||
|
||||
.tab-item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8rpx;
|
||||
padding: 16rpx 24rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 12rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
|
||||
transition: all 0.3s ease;
|
||||
cursor: pointer;
|
||||
|
||||
text {
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
|
||||
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
||||
box-shadow: 0 2rpx 12rpx rgba(102, 126, 234, 0.2);
|
||||
|
||||
text {
|
||||
color: #667eea;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-item {
|
||||
margin: 10rpx 24rpx;
|
||||
background-color: #fff;
|
||||
|
||||
Reference in New Issue
Block a user