ui 色调调整

This commit is contained in:
hupeng committed 2024-10-19 10:39:11 +08:00
1 parent a7ec5f2ca0
commit 61a540b685
16 files changed
+34 -11

No files matched your search

+1 -1
View File
@@ -171,7 +171,7 @@
}, },
"tabBar": { "tabBar": {
"color": "#919293", "color": "#919293",
"selectedColor": "#dd524d", "selectedColor": "#09b4f1",
"backgroundColor": "#fff", "backgroundColor": "#fff",
"borderStyle": "black", "borderStyle": "black",
"list": [{ "list": [{
+1 -1
View File
@@ -38,7 +38,7 @@
</view> </view>
<view class="fixed-bottom flex justify-between align-center bg-white "> <view class="fixed-bottom flex justify-between align-center bg-white ">
<view class="mx-2 ont-weight-light">应付:<text class="text-danger">¥{{ getCartGoodsPrice }}</text></view> <view class="mx-2 ont-weight-light">应付:<text class="text-danger">¥{{ getCartGoodsPrice }}</text></view>
<view><uv-button type="warning" color="#dd524d" :customStyle="customStyle" size="large" text="去结算" @click="toPay"></uv-button></view> <view><uv-button type="warning" color="#09b4f1" :customStyle="customStyle" size="large" text="去结算" @click="toPay"></uv-button></view>
</view> </view>
<uv-toast ref="uToast"></uv-toast> <uv-toast ref="uToast"></uv-toast>
</template> </template>
@@ -17,7 +17,7 @@
<uv-avatar :src="member.avatar" size="60"></uv-avatar> <uv-avatar :src="member.avatar" size="60"></uv-avatar>
</view> </view>
<view v-if="!member.avatar" class="flex-1" style="right:0;height: 60rpx;"> <view v-if="!member.avatar" class="flex-1" style="right:0;height: 60rpx;">
<button style="background-color: #dd524d;color:#fff;" size='mini' open-type="chooseAvatar" @chooseavatar="chooseavatar" type="success">更改头像</button> <button style="background-color: #09b4f1;color:#fff;" size='mini' open-type="chooseAvatar" @chooseavatar="chooseavatar" type="success">更改头像</button>
</view> </view>
</view> </view>
</view> </view>
@@ -483,6 +483,6 @@ const refund = (order) => {
font-size: 60rpx; font-size: 60rpx;
} }
.iconfont-yshop { .iconfont-yshop {
color: #dd524d; color: #09b4f1;
} }
</style> </style>
@@ -12,7 +12,7 @@
<list-cell class="location"> <list-cell class="location">
<view class="flex-fill d-flex justify-content-between align-items-center"> <view class="flex-fill d-flex justify-content-between align-items-center">
<view class="store-name flex-fill">{{ orderType == 'takeout' ? '外卖配送' : '点餐自取' }}</view> <view class="store-name flex-fill">{{ orderType == 'takeout' ? '外卖配送' : '点餐自取' }}</view>
<uv-switch activeColor="#dd524d" v-model="active" @change="takout"> <uv-switch activeColor="#09b4f1" v-model="active" @change="takout">
</uv-switch> </uv-switch>
</view> </view>
</list-cell> </list-cell>
+26 -3
View File
@@ -29,8 +29,20 @@
</view> </view>
</view> </view>
<view class="content"> <view class="content">
<view class="flex justify-between yshop-menu">
<view class="flex flex-column align-center yshop-menu-item " @tap="takein">
<view><image src="/static/images/index002.png" mode="aspectFit" class="img-01"></image></view>
<view>自取</view>
<view class="font-small text-light-black">下单免排队</view>
</view>
<view class="flex flex-column align-center yshop-menu-item " @tap="takeout">
<view><image src="/static/images/index003.png" mode="aspectFit" class="img-01"></image></view>
<view>外卖</view>
<view class="font-small text-light-black">美食送到家</view>
</view>
</view>
<view class="entrance"> <view class="entrance">
<view class="item " @tap="takein"> <!-- <view class="item " @tap="takein">
<view> <view>
<view class="font-md">自取</view> <view class="font-md">自取</view>
<view class="font-small text-light-black flex-1">下单免排队</view> <view class="font-small text-light-black flex-1">下单免排队</view>
@@ -46,7 +58,7 @@
</view> </view>
<view class="index-img"><image src="/static/images/index003.png" mode="aspectFit" class="img-02"></image></view> <view class="index-img"><image src="/static/images/index003.png" mode="aspectFit" class="img-02"></image></view>
</view> </view> -->
</view> </view>
<view class="info"> <view class="info">
<view class="integral_section"> <view class="integral_section">
@@ -150,6 +162,17 @@ onLoad(() => {
</script> </script>
<style lang="scss"> <style lang="scss">
// .yshop-menu {
// margin-bottom: 10rpx;
// position: relative;
// margin-top: -42rpx;
// }
.yshop-menu-item {
background-color: #ffffff;
width: 350rpx;
padding-bottom: 30rpx;
}
.index-img { .index-img {
width: 120px; width: 120px;
height: 120rpx; height: 120rpx;
@@ -244,7 +267,7 @@ page {
.icon { .icon {
font-size: 90rpx; font-size: 90rpx;
// color: #5A5B5C; // color: #5A5B5C;
color: #dd524d; color: #09b4f1;
} }
.title { .title {
+1 -1
View File
@@ -1363,7 +1363,7 @@ const toPay = () => {
.tag { .tag {
//background-color: $color-warning; //background-color: $color-warning;
background-color: #dd524d;; background-color: #09b4f1;;
color: $text-color-white; color: $text-color-white;
display: flex; display: flex;
justify-content: center; justify-content: center;
Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

+1 -1
View File
@@ -15,7 +15,7 @@
/* 颜色变量 */ /* 颜色变量 */
/* 行为相关颜色 */ /* 行为相关颜色 */
// $color-primary: #ADB838; // $color-primary: #ADB838;
$color-primary: #dd524d; $color-primary: #09b4f1;
$color-success: #4cd964; $color-success: #4cd964;
$color-warning: #FAB714; $color-warning: #FAB714;
$color-error: #D12E32; $color-error: #D12E32;
@@ -9,7 +9,7 @@ $uni-success: #4cd964;
// 警告色 // 警告色
$uni-warning: #f0ad4e; $uni-warning: #f0ad4e;
// 错误色 // 错误色
$uni-error: #dd524d; $uni-error: #09b4f1;
// 描述色 // 描述色
$uni-info: #909399; $uni-info: #909399;
// 中性色 // 中性色