From 3ed2cb78a690b64c3b2646d35e1500081186dfa3 Mon Sep 17 00:00:00 2001
From: huzheng12 <52150713+huzheng12@users.noreply.github.com>
Date: Mon, 06 May 2024 00:21:32 +0800
Subject: [PATCH] first commit
---
src/page/advertisers/info.vue | 132 ++++++++++++++++++++++++++++---------------
1 files changed, 86 insertions(+), 46 deletions(-)
diff --git a/src/page/advertisers/info.vue b/src/page/advertisers/info.vue
index 561850c..0a23e56 100644
--- a/src/page/advertisers/info.vue
+++ b/src/page/advertisers/info.vue
@@ -3,37 +3,56 @@
<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="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="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="">
+ <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="">
+ <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="">
+ <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
+ 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" 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 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 class="font-28">{{ $t("30日成单数") }}</div>
</div>
</div>
<div class="w-full mt-54">
@@ -44,58 +63,80 @@
</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>
+ <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 ">
+ <van-cell class="mb-28 items-center">
<template #icon>
- <img class="w-28 h-28 mr-34" src="~@/assets/image/c2c/group285.png" alt="">
+ <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>
+ <span class="text-black font-28">{{ $t("收到评价") }}</span>
</template>
<template #default>
- <span class="mr-20 font-28" style="color: #A7ADB8">1</span>
+ <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 ">
+ <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="">
+ <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>
+ <span class="text-black font-28">{{ $t("收款方式") }}</span>
</template>
<template #default>
- <span class="mr-20 font-28" style="color: #A7ADB8">2</span>
+ <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 ">
+ <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="">
+ <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>
+ <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 ">
+ <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="">
+ <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>
+ <span class="text-black font-28">{{ $t("C2C通知设置") }}</span>
</template>
<template #right-icon>
<van-icon name="arrow" class="font-700" color="#868D9A" />
@@ -109,33 +150,35 @@
</template>
<script>
-import { Cell, CellGroup, Icon, } from 'vant';
+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'],
+ props: ["uid"],
data() {
return {
email: "cn*****.com",
- }
+ };
},
mounted() {
- this.height = this.$refs.footer.$el.getBoundingClientRect().height + this.$refs.content.getBoundingClientRect().top;
+ this.height =
+ this.$refs.footer.$el.getBoundingClientRect().height +
+ this.$refs.content.getBoundingClientRect().top;
},
methods: {
enterMore() {
this.$router.push({
- path: '/c2cUser/c2cUserMore'
- })
+ path: "/c2cUser/c2cUserMore",
+ });
},
// 进入通知设置
enterSettings() {
this.$router.push({
- path: '/c2cNoticeSettings'
- })
- }
+ path: "/c2cNoticeSettings",
+ });
+ },
},
components: {
[Cell.name]: Cell,
@@ -143,26 +186,25 @@
[Icon.name]: Icon,
OrderFooter,
OrderNav,
- }
-}
+ },
+};
</script>
<style lang="scss" scoped>
.top {
height: 370px;
- background: #1D91FF;
-
+ background: #1d91ff;
.avatar {
border-radius: 50%;
- background: #21262F;
+ background: #21262f;
color: #fff;
}
}
.c2c_user {
::v-deep .van-nav-bar {
- background: #1D91FF;
+ background: #1d91ff;
}
::v-deep .van-icon {
@@ -170,16 +212,14 @@
}
}
-
.content {
top: 300px;
border-radius: 70px 70px 0 0;
-
.more {
position: relative;
border-bottom: 1px solid #484756;
- color: #868D9A;
+ color: #868d9a;
.van-icon {
font-size: 20px;
--
Gitblit v1.9.3