front/website
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: 获取审核状态判断登录；添加语义化页面标签利于搜索引擎抓取页面信息。

Browse Source
This commit is contained in:
mixtan 2025-06-25 21:02:19 +08:00
parent 9d43997444
commit 7909567dc1
3 changed files with 79 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -9,6 +9,10 @@
<title>小发同城官网 - 小发旗下本地sass电商品牌,品类多,价格低。精选好货,省心省钱！</title> <title>小发同城官网 - 小发旗下本地sass电商品牌,品类多,价格低。精选好货,省心省钱！</title>
</head> </head>
<body> <body>
<h1 style="display: none">
《小发同城》是小发电商官方商家入驻平台的登录入口,提供了一站式的商家开店服务,在这里,商家可以轻松地注册账号、创建店铺、处理订单等。小发官网致力于为广大商家提供高效便捷的电商运营解决方案,助力商家实现商业成功,和小发合作,一起更好。
<a href="https://www.gpxscs.cn/"><img src="https://www.gpxscs.cn/static/png/logo-CuDMhCuX.png" width="156" height="40" alt="小发同城" /></a>
</h1>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>

23
src/views/HeadMenu.vue
View File

@ -20,7 +20,9 @@
<div class="start"> <div class="start">
<el-button plain type="danger" @click="handleOpenStartPage"> <el-button plain type="danger" @click="handleOpenStartPage">
{{ {{
approval_status == -1 || approval_status == 4 || !isLoggedIn ? "立即入驻" : "查看审核状态" approval_status == -1 || approval_status == 4 || !isLoggedIn
? "立即入驻"
: "查看审核状态"
}} }}
</el-button> </el-button>
</div> </div>
@ -38,7 +40,11 @@
<el-button <el-button
link link
@click="handleUserInfoClick" @click="handleUserInfoClick"
:title="approval_status == -1 || approval_status == 4 ? '点击立即入驻' : '点击查看审核详情'" :title="
approval_status == -1 || approval_status == 4
? '点击立即入驻'
: '点击查看审核详情'
"
> >
{{ mobile }} {{ mobile }}
</el-button> </el-button>
@ -105,19 +111,25 @@ const token = ref(userStore.token);
const mobile = ref(userStore.mobilePhone); const mobile = ref(userStore.mobilePhone);
watch(userStore, (newVal) => { watch(userStore, (newVal) => {
token.value = newVal.token token.value = newVal.token;
mobile.value = newVal.mobilePhone.replace(/(^\d{3})(\d+)(\d{4})/g, "$1****$3") mobile.value = newVal.mobilePhone.replace(
/(^\d{3})(\d+)(\d{4})/g,
"$1****$3"
);
isLoggedIn.value = !!token.value; isLoggedIn.value = !!token.value;
}) });
// 每次页面加载时检查 token // 每次页面加载时检查 token
onMounted(() => { onMounted(() => {
const mobile = localStorage.getItem("mobilePhone");
if (mobile) {
getApproval_status().then((res) => { getApproval_status().then((res) => {
if (res.code === 0 && res.status === 200) { if (res.code === 0 && res.status === 200) {
approval_status.value = res.data.approval_status; approval_status.value = res.data.approval_status;
console.log("res.data.approval_status", res.data.approval_status); console.log("res.data.approval_status", res.data.approval_status);
} }
}); });
}
}); });
// 监听 userStore.isLoggedIn 的变化 // 监听 userStore.isLoggedIn 的变化
@ -280,7 +292,6 @@ onUnmounted(() => {
align-items: center; align-items: center;
} }
.header_right { .header_right {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;

24
src/views/index/slider.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="slider"> <div class="slider">
<div class="slider-container"> <div class="slider-container">
<img class="bg" src="@/assets/image/banner.jpg"> <img class="bg" src="@/assets/image/banner.jpg" />
<div class="box"> <div class="box">
<div class="text"> <div class="text">
<h2>小发同城</h2> <h2>小发同城</h2>
@ -9,7 +9,13 @@
<p>开店成本低 0元开店</p> <p>开店成本低 0元开店</p>
</div> </div>
<div class="sub"> <div class="sub">
<el-button :icon="Promotion" color="#ffc114" round size="large" @click="openRegisterForm"> <el-button
:icon="Promotion"
color="#ffc114"
round
size="large"
@click="openRegisterForm"
>
免费开店 免费开店
</el-button> </el-button>
<el-button :icon="Download" round size="large" @click="downAndroid"> <el-button :icon="Download" round size="large" @click="downAndroid">
@ -83,7 +89,7 @@
import { useTransition } from "@vueuse/core"; import { useTransition } from "@vueuse/core";
import { ref, onMounted, defineEmits, watch } from "vue"; import { ref, onMounted, defineEmits, watch } from "vue";
import { Promotion, Download } from "@element-plus/icons-vue"; import { Promotion, Download } from "@element-plus/icons-vue";
import { ElMessage } from 'element-plus' import { ElMessage } from "element-plus";
import { getApproval_status } from "@/api/login"; import { getApproval_status } from "@/api/login";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
@ -115,8 +121,8 @@ const openRegisterForm = () => {
}; };
const downAndroid = () => { const downAndroid = () => {
ElMessage.error('敬请期待~') ElMessage.error("敬请期待~");
} };
const businessmanValue = useTransition(businessman, { const businessmanValue = useTransition(businessman, {
duration: 1500, duration: 1500,
@ -144,13 +150,16 @@ const formatter2 = (value: number) => {
}; };
onMounted(() => { onMounted(() => {
const mobile = localStorage.getItem("mobilePhone");
if (mobile) {
getApproval_status().then((res) => { getApproval_status().then((res) => {
if (res.code === 0 && res.status === 200) { if (res.code === 0 && res.status === 200) {
approval_status.value = res.data.approval_status; approval_status.value = res.data.approval_status;
console.log("res.data.approval_status", res.data.approval_status); console.log("res.data.approval_status", res.data.approval_status);
} }
}); });
}) }
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -277,7 +286,6 @@ onMounted(()=>{
font-size: 32px; font-size: 32px;
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -289,8 +297,6 @@ onMounted(()=>{
display: none; display: none;
} }
.slider-container { .slider-container {
height: 360px; height: 360px;
background: linear-gradient(180deg, #f85535, #f76c50); background: linear-gradient(180deg, #f85535, #f76c50);