<template>
|
<div id="c2c_user" class="c2c_user">
|
<div class="w-full h-full top">
|
<order-nav />
|
<div class="flex pl-32 pr-32 mt-20">
|
<div
|
class="avatar w-70 h-70 flex items-center font-700 font-34 justify-center"
|
>
|
C
|
</div>
|
<div class="ml-25 text-white">
|
<div class="font-34">{{ email }}</div>
|
<div class="mt-17 font-24">{{ $t("认证用户") }}</div>
|
<div class="flex items-center mt-28 font-26">
|
<div class="flex items-center h-30 mr-48">
|
<span class="mr-12">{{ $t("邮箱") }}</span>
|
<img
|
class="w-20 h-20 relative top-4"
|
src="~@/assets/image/c2c/gou.png"
|
alt=""
|
/>
|
</div>
|
<div class="flex items-center h-30 mr-48">
|
<span class="mr-12">{{ $t("手机") }}</span>
|
<img
|
class="w-20 h-20 relative top-4"
|
src="~@/assets/image/c2c/gou.png"
|
alt=""
|
/>
|
</div>
|
<div class="flex items-center h-30 mr-48">
|
<span class="mr-12">{{ $t("身份") }}</span>
|
<img
|
class="w-20 h-20 relative top-4"
|
src="~@/assets/image/c2c/gou.png"
|
alt=""
|
/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div
|
ref="content"
|
class="content absolute left-0 w-full bg-white pt-40 box-border"
|
>
|
<div class="pr-50 pl-50">
|
<div class="flex" style="color: #868d9a">
|
<div class="flex-1">
|
<h2 class="mb-18 font-700 font-40 text-black">3</h2>
|
<div class="font-28">{{ $t("30日成单数") }}</div>
|
</div>
|
<div class="flex-1">
|
<h2 class="mb-18 font-700 font-40 text-black">90.12%</h2>
|
<div class="font-28">{{ $t("30日成单数") }}</div>
|
</div>
|
</div>
|
<div class="w-full mt-54">
|
<van-cell-group class="w-full font-24 box-border">
|
<van-cell class="mb-28" :title="$t('平均放行')" value="2.48分钟" />
|
<van-cell :title="$t('平均付款')" value="0.00分钟" />
|
</van-cell-group>
|
</div>
|
</div>
|
|
<div
|
class="flex items-center justify-center mt-30 more pb-32 mb-48"
|
@click="enterMore"
|
>
|
<span class="font-25 mr-12">{{ $t("更多数据") }}</span>
|
<span><van-icon name="arrow" color="#868D9A" /></span>
|
</div>
|
|
<div class="font-28">
|
<van-cell-group class="w-full font-24 box-border pr-50 pl-50">
|
<van-cell class="mb-28 items-center">
|
<template #icon>
|
<img
|
class="w-28 h-28 mr-34"
|
src="~@/assets/image/c2c/group285.png"
|
alt=""
|
/>
|
</template>
|
<template #title>
|
<span class="text-black font-28">{{ $t("收到评价") }}</span>
|
</template>
|
<template #default>
|
<span class="mr-20 font-28" style="color: #a7adb8">1</span>
|
</template>
|
<template #right-icon>
|
<van-icon name="arrow" class="font-700" color="#868D9A" />
|
</template>
|
</van-cell>
|
<van-cell class="mb-28 mt-100 items-center">
|
<template #icon>
|
<img
|
class="w-28 h-28 mr-34"
|
src="~@/assets/image/c2c/group287.png"
|
alt=""
|
/>
|
</template>
|
<template #title>
|
<span class="text-black font-28">{{ $t("收款方式") }}</span>
|
</template>
|
<template #default>
|
<span class="mr-20 font-28" style="color: #a7adb8">2</span>
|
</template>
|
<template #right-icon>
|
<van-icon name="arrow" class="font-700" color="#868D9A" />
|
</template>
|
</van-cell>
|
<van-cell class="mb-28 mt-100 items-center">
|
<template #icon>
|
<img
|
class="w-28 h-28 mr-34"
|
src="~@/assets/image/c2c/Subtract.png"
|
alt=""
|
/>
|
</template>
|
<template #title>
|
<span class="text-black font-28">{{ $t("C2C帮助中心") }}</span>
|
</template>
|
<template #right-icon>
|
<van-icon name="arrow" class="font-700" color="#868D9A" />
|
</template>
|
</van-cell>
|
<van-cell
|
@click.native="enterSettings"
|
class="mb-28 mt-100 items-center"
|
>
|
<template #icon>
|
<img
|
class="w-28 h-28 mr-34"
|
src="~@/assets/image/c2c/group288.png"
|
alt=""
|
/>
|
</template>
|
<template #title>
|
<span class="text-black font-28">{{ $t("C2C通知设置") }}</span>
|
</template>
|
<template #right-icon>
|
<van-icon name="arrow" class="font-700" color="#868D9A" />
|
</template>
|
</van-cell>
|
</van-cell-group>
|
</div>
|
</div>
|
<order-footer ref="footer" />
|
</div>
|
</template>
|
|
<script>
|
import { Cell, CellGroup, Icon } from "vant";
|
import OrderFooter from "@/page/c2cOrder/components/footer/OrderFooter";
|
import OrderNav from "@/components/order-nav/OrderNav";
|
|
export default {
|
name: "advertiserInfo",
|
props: ["uid"],
|
data() {
|
return {
|
email: "cn*****.com",
|
};
|
},
|
mounted() {
|
this.height =
|
this.$refs.footer.$el.getBoundingClientRect().height +
|
this.$refs.content.getBoundingClientRect().top;
|
},
|
methods: {
|
enterMore() {
|
this.$router.push({
|
path: "/c2cUser/c2cUserMore",
|
});
|
},
|
// 进入通知设置
|
enterSettings() {
|
this.$router.push({
|
path: "/c2cNoticeSettings",
|
});
|
},
|
},
|
components: {
|
[Cell.name]: Cell,
|
[CellGroup.name]: CellGroup,
|
[Icon.name]: Icon,
|
OrderFooter,
|
OrderNav,
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.top {
|
height: 370px;
|
background: #1d91ff;
|
|
.avatar {
|
border-radius: 50%;
|
background: #21262f;
|
color: #fff;
|
}
|
}
|
|
.c2c_user {
|
::v-deep .van-nav-bar {
|
background: #1d91ff;
|
}
|
|
::v-deep .van-icon {
|
color: #fff;
|
}
|
}
|
|
.content {
|
top: 300px;
|
border-radius: 70px 70px 0 0;
|
|
.more {
|
position: relative;
|
border-bottom: 1px solid #484756;
|
color: #868d9a;
|
|
.van-icon {
|
font-size: 20px;
|
font-weight: 600;
|
}
|
}
|
}
|
</style>
|
