页面优化

This commit is contained in:
itgaojian163 2025-04-17 17:44:16 +08:00
parent 2fac414610
commit 58b92b9009
6 changed files with 50 additions and 32 deletions

View File

@ -463,6 +463,10 @@ Page({
} }
}, err => { }, err => {
wx.hideLoading() wx.hideLoading()
_self.setData({
showError: true,
errorHint: '未查询到相关推荐的系统名称,请重新输入'
})
console.log(err) console.log(err)
}) })
}, },

View File

@ -74,7 +74,7 @@
<view>金额:<text class="price">{{price/100}}元</text></view> <view>金额:<text class="price">{{price/100}}元</text></view>
<checkbox-group class="custom-checkbox" bindchange="doUrgent" wx:if="{{isShowUrgent}}"> <checkbox-group class="custom-checkbox" bindchange="doUrgent" wx:if="{{isShowUrgent}}">
<checkbox checked="{{isUrgent}}" class="custom-wx-checkbox" disabled="{{isUrgentDisable}}"> <checkbox checked="{{isUrgent}}" class="custom-wx-checkbox" disabled="{{isUrgentDisable}}">
<tex style="color: #532A00;padding-left: 3rpx;font-weight: 400;">加急办理{{urgent/100}}元</tex> <text style="color: #532A00;padding-left: 3rpx;font-weight: 400;">加急办理{{urgent/100}}元</text>
</checkbox> </checkbox>
</checkbox-group> </checkbox-group>
</view> </view>
@ -85,7 +85,6 @@
<mp-half-screen-dialog show="{{isShowContact}}"> <mp-half-screen-dialog show="{{isShowContact}}">
<view slot="title">创建联系人</view> <view slot="title">创建联系人</view>
<view slot="desc"> <view slot="desc">
<view class="form-box">
<view class="form-item"> <view class="form-item">
<view class="form-item-title">姓名</view> <view class="form-item-title">姓名</view>
<input adjust-position="{{true}}" cursor-spacing="{{50}}" value="{{contactName}}" placeholder="请输入姓名" class="form-item-content" bindinput="inputContactName" /> <input adjust-position="{{true}}" cursor-spacing="{{50}}" value="{{contactName}}" placeholder="请输入姓名" class="form-item-content" bindinput="inputContactName" />
@ -103,7 +102,6 @@
<input adjust-position="{{true}}" cursor-spacing="{{50}}" value="{{contactCompany}}" placeholder="请输入公司名称" class="form-item-content" bindinput="inputContactCompany" /> <input adjust-position="{{true}}" cursor-spacing="{{50}}" value="{{contactCompany}}" placeholder="请输入公司名称" class="form-item-content" bindinput="inputContactCompany" />
</view> </view>
</view> </view>
</view>
<view slot="footer"> <view slot="footer">
<button class="confirm-btn" bind:tap="doSaveContact">保存</button> <button class="confirm-btn" bind:tap="doSaveContact">保存</button>
</view> </view>
@ -196,7 +194,7 @@
<view class="coupons-list-box"> <view class="coupons-list-box">
<radio-group style="display: flex;flex-direction: column;" bindchange="changeLang"> <radio-group style="display: flex;flex-direction: column;" bindchange="changeLang">
<block wx:for="{{langList}}" wx:key="index"> <block wx:for="{{langList}}" wx:key="index">
<radio class="custom-radio" style="margin-top: 10px;width: 100vw;" checked="{{selectLang==item}}" value="{{item}}"> <radio class="custom-radio" style="margin-top: 10px;width: 80vw;" checked="{{selectLang==item}}" value="{{item}}">
<view>{{item}}</view> <view>{{item}}</view>
</radio> </radio>
</block> </block>

View File

@ -250,7 +250,7 @@ page {
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
font-size: 14px; font-size: 14px;
width: 100vw; background-color: #FFA900;
} }
.form-item { .form-item {
@ -258,8 +258,8 @@ page {
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
width: 80vw;
padding: 10px; padding: 10px;
width: 80vw;
} }
.form-item-title { .form-item-title {
@ -296,7 +296,7 @@ page {
text-align: center; text-align: center;
color: #FFA900; color: #FFA900;
text-align: center; text-align: center;
margin: 20rpx; margin: 10rpx;
padding: 5rpx 20rpx; padding: 5rpx 20rpx;
} }
@ -313,13 +313,15 @@ page {
.weui-half-screen-dialog__bd { .weui-half-screen-dialog__bd {
padding-bottom: 40rpx; padding-bottom: 40rpx;
display: flex;
flex-direction: column;
align-items: center;
} }
.coupons-list-box { .coupons-list-box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center;
} }
.tickets { .tickets {

View File

@ -11,21 +11,21 @@
<!-- 付款信息 --> <!-- 付款信息 -->
<view class="container-box"> <view class="container-box">
<view class="box-title">付款方信息</view> <view class="box-title">付款方信息</view>
<view class="item"> <view class="item center">
<view class="title star">公司名称</view> <view class="title star">公司名称</view>
<view class="content"> <view class="content">
<input class="input-box" placeholder="请输入公司名称" value="{{companyName}}" bindinput="inputCompanyName" /> <input class="input-box" placeholder="请输入公司名称" value="{{companyName}}" bindinput="inputCompanyName" />
</view> </view>
</view> </view>
<view class="item"> <view class="item center">
<view class="title star">开户银行</view> <view class="title star">开户银行</view>
<view class="content"><input value="{{companyBank}}" bindinput="inputCompanyBank" class="input-box" placeholder="请输入开户银行" /></view> <view class="content"><input value="{{companyBank}}" bindinput="inputCompanyBank" class="input-box" placeholder="请输入开户银行" /></view>
</view> </view>
<view class="item"> <view class="item center">
<view class="title star">银行账号</view> <view class="title star">银行账号</view>
<view class="content"><input class="input-box" placeholder="请输入银行账号" value="{{companyBankNum}}" bindinput="inputCompanyNum" /></view> <view class="content"><input class="input-box" placeholder="请输入银行账号" value="{{companyBankNum}}" bindinput="inputCompanyNum" /></view>
</view> </view>
<view class="item"> <view class="item center">
<view class="title star">打款时间</view> <view class="title star">打款时间</view>
<view class="content"> <view class="content">
<picker mode="multiSelector" value="{{dateTime}}" bindchange="changeDateTime" bindcolumnchange="changeDateTimeColumn" range="{{dateTimeArray}}"> <picker mode="multiSelector" value="{{dateTime}}" bindchange="changeDateTime" bindcolumnchange="changeDateTimeColumn" range="{{dateTimeArray}}">
@ -33,7 +33,6 @@
<view class="time-picker"> <view class="time-picker">
{{dateTimeArray[0][dateTime[0]]}}-{{dateTimeArray[1][dateTime[1]]}}-{{dateTimeArray[2][dateTime[2]]}} {{dateTimeArray[3][dateTime[3]]}}:{{dateTimeArray[4][dateTime[4]]}}:{{dateTimeArray[5][dateTime[5]]}} {{dateTimeArray[0][dateTime[0]]}}-{{dateTimeArray[1][dateTime[1]]}}-{{dateTimeArray[2][dateTime[2]]}} {{dateTimeArray[3][dateTime[3]]}}:{{dateTimeArray[4][dateTime[4]]}}:{{dateTimeArray[5][dateTime[5]]}}
</view> </view>
<view class="time-icon" style="width: 16px;height: 16px;"></view>
</view> </view>
</picker> </picker>
</view> </view>

View File

@ -35,6 +35,10 @@ page {
width: 85vw; width: 85vw;
} }
.center {
align-items: center;
}
.red { .red {
color: red; color: red;
} }
@ -54,11 +58,20 @@ page {
} }
.time-picker-box { .time-picker-box {
display: flex; flex: 1;
background-color: #FAFAFA;
border: 1px solid #F0F0F0;
border-radius: 2rpx;
padding: 3px 8px;
text-align: left;
font-size: 12px;
/* display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
width: 63vw;
align-items: center; align-items: center;
background-color: #FAFAFA;
border: 1px solid #F0F0F0;
padding: 5rpx 10rpx; */
} }
.weui-uploader__title { .weui-uploader__title {
@ -93,6 +106,7 @@ page {
width: 65px; width: 65px;
height: 65px; height: 65px;
border-radius: 5px; border-radius: 5px;
margin-left: 30rpx;
} }
@ -134,11 +148,12 @@ page {
.input-box { .input-box {
flex: 1; flex: 1;
background-color: #FAFAFA; background-color: #FAFAFA;
border: 1px solid #F0F0F0;
border-radius: 2rpx; border-radius: 2rpx;
padding: 3px 8px; padding: 3px 8px;
text-align: left; text-align: left;
font-size: 12px; font-size: 12px;
border: 1px solid #F0F0F0;
} }
.item-v { .item-v {

View File

@ -20,7 +20,7 @@
</view> </view>
<view style="margin-top: 60px;"> <view style="margin-top: 60px;">
<container-loading loadingState="{{loadingState}}"> <container-loading loadingState="{{loadingState}}">
<scroll-view scroll-y style="height: {{height}}px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'> <scroll-view scroll-y style="height: 85vh;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
<view class="coupons-list-box"> <view class="coupons-list-box">
<block wx:for="{{couponsList}}" wx:key="index"> <block wx:for="{{couponsList}}" wx:key="index">
<view class="tickets {{tools.boderStyle(currentStatus)}}"> <view class="tickets {{tools.boderStyle(currentStatus)}}">