first commit
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
@@ -0,0 +1,162 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user