fix: 统一优化统计分析界面,图标样式等!
This commit is contained in:
@@ -1,15 +1,18 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<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>
|
||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||
|
||||
<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>
|
||||
</view>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="116" lowerThreshold="100">
|
||||
</u-sticky>
|
||||
<u-list @scrolltolower="loadmore" :spaceHeight="80" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
<view class="list-item">
|
||||
<view class="item-header">
|
||||
@@ -310,15 +313,18 @@ function settingCancel() {
|
||||
display:float;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.search-view {
|
||||
padding: 12rpx 32rpx;
|
||||
background-color: #ffffff;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
position: relative;
|
||||
|
||||
z-index: 100;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user