162 lines
4.1 KiB
Plaintext
162 lines
4.1 KiB
Plaintext
<template>
|
|
<view style="margin: 20rpx ;">
|
|
<view class=""
|
|
style="background: linear-gradient(to bottom,#E6F7FF,#FFFFFF) ; border-radius: 20rpx; display: flex; align-items: center; padding: 40rpx 20rpx; ">
|
|
<image :src="Service.GetMateUrlByImg('/static/dele/home/general.jpg')"
|
|
style="width: 110rpx; height: 110rpx; border-radius: 50%; border: 1rpx solid var(--nav-mian); " mode="">
|
|
</image>
|
|
<view class="" style="flex: 1; margin-left: 30rpx;">
|
|
<view class="" style="font-size: 34rpx; font-weight: 600; color: var(--nav-mian); ">
|
|
王师傅
|
|
</view>
|
|
<view class="" style="margin: 10rpx 0; font-size: 28rpx; ">
|
|
ID: MT007
|
|
</view>
|
|
<view class="" style="color: var(--nav-vice);">
|
|
已上线 · 接单中
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class=""
|
|
style=" padding: 20rpx; margin-top: 20rpx; background-color: #fff; border-radius: 20rpx; display: flex; align-items: center; justify-content: space-around; ">
|
|
<view class="" v-for="(accItem,accIndex) in account" :key="accIndex"
|
|
style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
|
|
<view class="" style="font-weight: 700; font-size: 32rpx; "
|
|
:style="{ 'color':accIndex==0? 'var(--nav-diluted)':(accIndex==1?'var(--nav-vice)':'var(--nav-mian)') }">
|
|
{{ accIndex==0?'￥':'' }}
|
|
{{ accIndex==0? Number(accItem.value).toFixed(2):(accIndex==1?accItem.value:Number(accItem.value).toFixed(1))}}
|
|
{{ accIndex==1?'单':'' }}
|
|
</view>
|
|
<view class="" style="margin-top: 10rpx; color: #999999; font-size: 28rpx; ">
|
|
{{accItem.name}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="" style="margin: 20rpx 0;">
|
|
<text style="font-size: 34rpx; font-weight: 600; ">我的服务</text>
|
|
</view>
|
|
<view class="" style=" background-color: #fff; border-radius: 20rpx; ">
|
|
<view class="" @click="gopage(funcItem,funcIndex)" v-for="(funcItem,funcIndex) in funcList" :key="funcIndex"
|
|
style=" border-bottom: 1rpx solid #e2e2e2; display: flex; align-items: center; padding: 24rpx 30rpx; ">
|
|
<image :src="Service.GetIconImg(funcItem.icon)" style="width: 50rpx; height: 50rpx; " mode=""></image>
|
|
<view class="" style="flex: 1; font-size: 28rpx; margin-left: 20rpx; ">
|
|
{{funcItem.name}}
|
|
</view>
|
|
<view class="">
|
|
<up-icon name="arrow-right"></up-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<button class="confirm-button">退出登录</button>
|
|
<view class="" style="width: 100vw; height: 100rpx; " >
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { onShow, onLoad } from "@dcloudio/uni-app";
|
|
import { Service } from "@/Service/Service";
|
|
import { ref } from 'vue'
|
|
|
|
let account = ref([
|
|
{
|
|
name: '今日',
|
|
value: '200'
|
|
},
|
|
{
|
|
name: '本周',
|
|
value: '200'
|
|
},
|
|
{
|
|
name: '评分',
|
|
value: '2.5'
|
|
}
|
|
])
|
|
|
|
let funcList = ref([
|
|
{
|
|
name: '我的任务',
|
|
icon: '/static/index/user/task.png',
|
|
path: '/pages/index/task'
|
|
},
|
|
{
|
|
name: '收入中心',
|
|
icon: '/static/index/user/income.png',
|
|
path: '/pages/index/income'
|
|
},
|
|
{
|
|
name: '上线管理',
|
|
icon: '/static/index/user/user.png',
|
|
path: '/pages/my/statusContro'
|
|
},
|
|
{
|
|
name: '联系客服',
|
|
icon: '/static/index/user/phone.png',
|
|
path: '/pages/my/myKF'
|
|
},
|
|
{
|
|
name: '异常订单',
|
|
icon: '/static/index/user/warming.png',
|
|
path: '/pages/my/AbnormalList'
|
|
},
|
|
{
|
|
name: '签到与奖励',
|
|
icon: '/static/index/user/check.png',
|
|
path: '/pages/my/check'
|
|
},
|
|
{
|
|
name: '账号与安全',
|
|
icon: '/static/index/user/security.png',
|
|
path: ''
|
|
},
|
|
{
|
|
name: '帮助与规则',
|
|
icon: '/static/index/user/ruler.png',
|
|
path: ''
|
|
}
|
|
])
|
|
|
|
|
|
onLoad(() => {
|
|
|
|
});
|
|
|
|
onShow(() => {
|
|
|
|
});
|
|
|
|
const gopage=(item:any,index:number)=>{
|
|
if(index==0 || index==1){
|
|
Service.GoPageTab(item.path)
|
|
}else{
|
|
Service.GoPage(item.path)
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.confirm-button {
|
|
width: 100%;
|
|
height: 90rpx;
|
|
background-color: #1677ff;
|
|
color: #fff;
|
|
font-size: 34rpx;
|
|
font-weight: 600;
|
|
border-radius: 45rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: none;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.confirm-button:active {
|
|
background-color: #0958d9;
|
|
}
|
|
</style> |