ui 色调调整
This commit is contained in:
hupeng committed
1 parent
a7ec5f2ca0
commit
61a540b685
16 files changed
+970
-947
No files matched your search
@@ -38,15 +38,15 @@
|
||||
</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>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
import {
|
||||
ref,
|
||||
computed
|
||||
computed
|
||||
} from 'vue'
|
||||
import { useMainStore } from '@/store/store'
|
||||
import { storeToRefs } from 'pinia'
|
||||
|
||||
@@ -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>
|
||||
@@ -80,16 +80,16 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
import {
|
||||
ref,
|
||||
computed
|
||||
computed
|
||||
} from 'vue'
|
||||
import { useMainStore } from '@/store/store'
|
||||
import { storeToRefs } from 'pinia'
|
||||
import { onLoad,onShow} from '@dcloudio/uni-app'
|
||||
import { formatDateTime } from '@/utils/util'
|
||||
import {
|
||||
userEdit
|
||||
userEdit
|
||||
} from '@/api/user'
|
||||
import { VUE_APP_UPLOAD_URL } from '@/config';
|
||||
const main = useMainStore()
|
||||
|
||||
@@ -191,14 +191,14 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref
|
||||
import {
|
||||
ref
|
||||
} from 'vue'
|
||||
import { onLoad} from '@dcloudio/uni-app'
|
||||
import { formatDateTime } from '@/utils/util'
|
||||
import {
|
||||
orderDetail,
|
||||
orderReceive,
|
||||
orderReceive,
|
||||
} from '@/api/order'
|
||||
const title = ref('订单详情')
|
||||
const order = ref({
|
||||
@@ -483,6 +483,6 @@ const refund = (order) => {
|
||||
font-size: 60rpx;
|
||||
}
|
||||
.iconfont-yshop {
|
||||
color: #dd524d;
|
||||
color: #09b4f1;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large.
Load diff
@@ -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 {
|
||||
|
||||
@@ -233,10 +233,10 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
import {
|
||||
ref,
|
||||
computed,
|
||||
nextTick
|
||||
nextTick
|
||||
} from 'vue'
|
||||
import { useMainStore } from '@/store/store'
|
||||
import { storeToRefs } from 'pinia'
|
||||
@@ -244,10 +244,10 @@ import { onLoad,onShow ,onPullDownRefresh,onHide} from '@dcloudio/uni-app'
|
||||
import { formatDateTime,kmUnit } from '@/utils/util'
|
||||
import {
|
||||
shopNearby,
|
||||
menuGoods
|
||||
menuGoods
|
||||
} from '@/api/goods'
|
||||
import {
|
||||
menuAds
|
||||
menuAds
|
||||
} from '@/api/market'
|
||||
const main = useMainStore()
|
||||
const { orderType,address, store,location,isLogin } = storeToRefs(main)
|
||||
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user