ui 色调调整
hupeng committed No files matched your search
@@ -171,7 +171,7 @@
|
||||
},
|
||||
"tabBar": {
|
||||
"color": "#919293",
|
||||
"selectedColor": "#dd524d",
|
||||
"selectedColor": "#09b4f1",
|
||||
"backgroundColor": "#fff",
|
||||
"borderStyle": "black",
|
||||
"list": [{
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
</view>
|
||||
<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><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>
|
||||
<uv-toast ref="uToast"></uv-toast>
|
||||
</template>
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<uv-avatar :src="member.avatar" size="60"></uv-avatar>
|
||||
</view>
|
||||
<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>
|
||||
|
||||
@@ -483,6 +483,6 @@ const refund = (order) => {
|
||||
font-size: 60rpx;
|
||||
}
|
||||
.iconfont-yshop {
|
||||
color: #dd524d;
|
||||
color: #09b4f1;
|
||||
}
|
||||
</style>
|
||||
@@ -12,7 +12,7 @@
|
||||
<list-cell class="location">
|
||||
<view class="flex-fill d-flex justify-content-between align-items-center">
|
||||
<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>
|
||||
</view>
|
||||
</list-cell>
|
||||
|
||||
@@ -29,8 +29,20 @@
|
||||
</view>
|
||||
</view>
|
||||
<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="item " @tap="takein">
|
||||
<!-- <view class="item " @tap="takein">
|
||||
<view>
|
||||
<view class="font-md">自取</view>
|
||||
<view class="font-small text-light-black flex-1">下单免排队</view>
|
||||
@@ -46,7 +58,7 @@
|
||||
</view>
|
||||
<view class="index-img"><image src="/static/images/index003.png" mode="aspectFit" class="img-02"></image></view>
|
||||
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="integral_section">
|
||||
@@ -150,6 +162,17 @@ onLoad(() => {
|
||||
</script>
|
||||
|
||||
<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 {
|
||||
width: 120px;
|
||||
height: 120rpx;
|
||||
@@ -244,7 +267,7 @@ page {
|
||||
.icon {
|
||||
font-size: 90rpx;
|
||||
// color: #5A5B5C;
|
||||
color: #dd524d;
|
||||
color: #09b4f1;
|
||||
}
|
||||
|
||||
.title {
|
||||
|
||||
@@ -1363,7 +1363,7 @@ const toPay = () => {
|
||||
|
||||
.tag {
|
||||
//background-color: $color-warning;
|
||||
background-color: #dd524d;;
|
||||
background-color: #09b4f1;;
|
||||
color: $text-color-white;
|
||||
display: flex;
|
||||
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: #dd524d;
|
||||
$color-primary: #09b4f1;
|
||||
$color-success: #4cd964;
|
||||
$color-warning: #FAB714;
|
||||
$color-error: #D12E32;
|
||||
|
||||
@@ -9,7 +9,7 @@ $uni-success: #4cd964;
|
||||
// 警告色
|
||||
$uni-warning: #f0ad4e;
|
||||
// 错误色
|
||||
$uni-error: #dd524d;
|
||||
$uni-error: #09b4f1;
|
||||
// 描述色
|
||||
$uni-info: #909399;
|
||||
// 中性色
|
||||
|
||||