panxiaohe
/
ceres-uniapp-v2.0
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1.地址管理界面布局调整 2.模态框样式调整

master
dy-hu 10 months ago
parent
09f8d4290c
commit
686f43b98b
3 changed files with 66 additions and 43 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 33
      App.vue
  2. 71
      pages_category_page2/userModule/addAddress.vue
  3. 5
      uview-ui/components/u-picker-cere/u-picker-cere.vue

33
App.vue
View File

@ -295,6 +295,10 @@ uni-rich-text img {
margin-top: 5upx;
}
.mar-top-8 {
margin-top: 8upx;
}
.mar-top-10 {
margin-top: 10upx;
}
@ -709,17 +713,20 @@ uni-rich-text img {
padding: 20rpx;
box-sizing: border-box;
}
.uni-modal__title{
color: #252744;
}
uni-modal .uni-modal__ft:after {
border-top: none;
}
uni-modal .uni-modal__btn {
color: #333333;
border: 2rpx solid #333333;
color: #252744;
border: 1rpx solid #252744;
font-weight: 400;
margin: 0 10rpx;
font-size: 28rpx;
font-size: 32rpx;
border-radius: 50rpx;
}
.uni-tabbar .uni-tabbar__reddot {
@ -775,10 +782,24 @@ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
color: #595B6B;
}
.font-color-F54639 {
color: #F54639;
}
.bor-line-D3D4DE {
border-bottom: #D3D4DE 1rpx solid;
}
</style>
<style>
.uni-modal__btn_primary {
background: #333333;
color: #FFEBC4 !important;
background: #252744;
color: #FFFFFF !important;
border-radius: 50rpx;
border: none !important;
}
.uni-modal__btn:after{
border-left: none !important;;
}
</style>

71
pages_category_page2/userModule/addAddress.vue
View File

@ -10,40 +10,40 @@
<!-- </view>-->
<!-- #endif -->
<view class="addressBack-box">
<view class="consignee-box bor-line-F7F7F7">
<input v-model="addressData.username" maxlength="20" class="fs28" placeholder-class="consignee" :placeholder="$t('common.returnperson')" />
<view class="consignee-box bor-line-D3D4DE">
<input v-model="addressData.username" maxlength="20" class="fs32" placeholder-class="consignee" :placeholder="$t('common.returnperson')" />
</view>
<view class="iphoneNum-box bor-line-F7F7F7">
<input type="number" v-model="addressData.phone" maxlength="11" class="fs28" placeholder-class="iphoneNum" :placeholder="$t('common.login_phone_mode')" />
<view class="iphoneNum-box bor-line-D3D4DE">
<input type="number" v-model="addressData.phone" maxlength="11" class="fs32" placeholder-class="iphoneNum" :placeholder="$t('common.login_phone_mode')" />
</view>
<view @click="locationClick" class="location-box bor-line-F7F7F7 flex-row-plus flex-sp-between flex-items">
<view class="fs28 location">{{$t('common.location')}}</view>
<view @click="locationClick" class="location-box bor-line-D3D4DE flex-row-plus flex-sp-between flex-items">
<view class="fs32 location">{{$t('common.location')}}</view>
<view class="locationBox">
<!-- <city-select v-model="locationShowFalg" @city-change="cityChange"></city-select>-->
<u-picker-cere mode="region" v-model="locationShowFalg" @confirm="cityChange" :default-region='addressData.defaultRegion' title="所在地"></u-picker-cere>
<text v-model="addressData.ssqText">{{addressData.ssqText}}</text>
<image class="arrow mar-left-20" src="https://ceres.zkthink.com/static/images/greyArrow.png"></image>
<text class="fs32" v-model="addressData.ssqText">{{addressData.ssqText}}</text>
<image class="arrow mar-left-20 mar-top-8" src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_shop_forward.png"></image>
</view>
</view>
<view class="detailAddress-box">
<input class="fs28" v-model="addressData.address" maxlength="60" placeholder-class="detailAddress" :placeholder="$t('location_detail_hint')" />
<input class="fs32" v-model="addressData.address" maxlength="60" placeholder-class="detailAddress" :placeholder="$t('common.location_detail_hint')" />
</view>
</view>
<view class="addressTagBack-box">
<view @click="addressTagClick" class="addressTag-box bor-line-F7F7F7 flex-row-plus flex-sp-between flex-items">
<view class="fs28 addressTag">{{$t('common.addresstag')}}</view>
<view @click="addressTagClick" class="addressTag-box bor-line-D3D4DE flex-row-plus flex-sp-between flex-items">
<view class="fs32 addressTag">{{$t('common.addresstag')}}</view>
<view class="flex-items">
<text v-model="tag">{{tag}}</text>
<image class="arrow mar-left-20" src="https://ceres.zkthink.com/static/images/greyArrow.png"></image>
<text class="fs32" v-model="tag">{{tag}}</text>
<image class="arrow mar-left-20 mar-top-8" src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_shop_forward.png"></image>
</view>
</view>
<view class="defaultState-box flex-row-plus flex-sp-between flex-items">
<view class="fs28 defaultState">{{$t('common.addressdefault')}}</view>
<view class="fs32 defaultState">{{$t('common.addressdefault')}}</view>
<u-switch v-model="ifDefault" active-color="#252744" inactive-color="#bcbdc6"></u-switch>
</view>
</view>
<view class="deleteAddress-box" @click="delAddress" v-if="type == 2">
<text class="font-color-C5AA7B">{{$t('common.deleteaddress')}}</text>
<text class="font-color-F54639">{{$t('common.deleteaddress')}}</text>
</view>
<view class="saveAddress-box">
<view class="saveAddress" v-if="type == 1 || type == 3" @click="addAddressClick">{{$t('common.save')}}</view>
@ -347,7 +347,7 @@ const API = require('../../config/api')
<style lang="scss">
page{
background-color: #F7F7F7;
background-color: #FAFAFA;
}
.container{
.addressBack-box{
@ -358,8 +358,8 @@ const API = require('../../config/api')
width: 690upx;
margin-top: 20upx;
.consignee{
color: #999999;
font-size: 28upx;
color: #90919C;
font-size: 32rpx;
}
}
.iphoneNum-box{
@ -367,8 +367,8 @@ const API = require('../../config/api')
width: 690upx;
margin-top: 36upx;
.iphoneNum{
color: #999999;
font-size: 28upx;
color: #90919C;
font-size: 32rpx;
}
}
.location-box{
@ -376,8 +376,8 @@ const API = require('../../config/api')
width: 690upx;
margin-top: 36upx;
.location{
color: #999999;
font-size: 28upx;
color: #90919C;
font-size: 32rpx;
}
.locationBox {
display: flex;
@ -392,8 +392,8 @@ const API = require('../../config/api')
width: 100%;
}
.detailAddress{
color: #999999;
font-size: 28upx;
color: #90919C;
font-size: 32rpx;
}
}
}
@ -405,8 +405,8 @@ const API = require('../../config/api')
padding-bottom: 36upx;
width: 690upx;
.addressTag{
color: #999999;
font-size: 28upx;
color: #90919C;
font-size: 32rpx;
}
}
.defaultState-box{
@ -414,14 +414,14 @@ const API = require('../../config/api')
width: 690upx;
margin-top: 36upx;
.defaultState{
color: #999999;
font-size: 28upx;
color: #90919C;
font-size: 32rpx;
}
}
}
.arrow{
width: 62upx;
height: 62upx;
width: 16upx;
height: 28upx;
}
.saveAddress-box{
position: fixed;
@ -429,18 +429,19 @@ const API = require('../../config/api')
left: 30upx;
.saveAddress{
width: 690upx;
height: 100upx;
height: 98upx;
text-align: center;
line-height: 100upx;
background: #333333;
color: #FFEBC4;
line-height: 98upx;
background: #252744;
border-radius: 50rpx;
color: #FFFFFF;
}
}
.wxAddress {
height: 80rpx;
text-align: center;
line-height: 80rpx;
color: #999999;
color: #90919C;
.wxBtnBox {
width: 100rpx;
height: 80rpx;

5
uview-ui/components/u-picker-cere/u-picker-cere.vue
View File

@ -198,7 +198,7 @@ export default {
// "确定"按钮的颜色
confirmColor: {
type: String,
default: '#FFEBC4'
default: '#FFFFFF'
},
// 默认显示的时间，2025-07-02 || 2025-07-02 13:01:00 || 2025/07/02
defaultTime: {
@ -698,9 +698,10 @@ export default {
.u-btn-picker{
width: 478rpx;
height: 84rpx;
background: #333333;
background: #252744;
font-size: 28rpx;
line-height: 52rpx;
border-radius: 50rpx;
margin: 0 auto;
}
}

Write Preview
Loading…
Cancel
Save