ui 色调调整
No files matched your search
@@ -171,7 +171,7 @@
|
|||||||
},
|
},
|
||||||
"tabBar": {
|
"tabBar": {
|
||||||
"color": "#919293",
|
"color": "#919293",
|
||||||
"selectedColor": "#dd524d",
|
"selectedColor": "#09b4f1",
|
||||||
"backgroundColor": "#fff",
|
"backgroundColor": "#fff",
|
||||||
"borderStyle": "black",
|
"borderStyle": "black",
|
||||||
"list": [{
|
"list": [{
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.7 KiB |
@@ -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;
|
||||||
// 中性色
|
// 中性色
|
||||||
|
|||||||