修复了入驻按钮状态显示;更改了顶部导航栏的吸附,优化了一下顶部导航栏的UI影响;优化了数据统计的hover数据变色;以及提高了el-message层级显示;修改了官网的图片展示

This commit is contained in:
lihaoyuan 2025-07-05 08:53:07 +08:00
parent 7529ffb88e
commit f560835ed3
9 changed files with 57 additions and 37 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

View File

@ -218,7 +218,7 @@ onUnmounted(() => {
background-color: rgba(0, 0, 0, 0.75);
z-index: 1000101;
}
.el-message {
:global(.el-message) {
z-index: 1000102 !important;
}
.login-container {

View File

@ -110,17 +110,8 @@ const approval_status = ref(-1);
const token = ref(userStore.token);
const mobile = ref(userStore.mobilePhone);
watch(userStore, (newVal) => {
token.value = newVal.token;
mobile.value = newVal.mobilePhone.replace(
/(^\d{3})(\d+)(\d{4})/g,
"$1****$3"
);
isLoggedIn.value = !!token.value;
});
// token
onMounted(() => {
//
const fetchApprovalStatus = () => {
const mobile = localStorage.getItem("mobilePhone");
if (mobile) {
getApproval_status().then((res) => {
@ -130,6 +121,38 @@ onMounted(() => {
}
});
}
};
watch(userStore, (newVal) => {
token.value = newVal.token;
//
if (newVal.mobilePhone) {
mobile.value = newVal.mobilePhone.replace(
/(^\d{3})(\d+)(\d{4})/g,
"$1****$3"
);
}
isLoggedIn.value = !!token.value;
//
if (isLoggedIn.value) {
fetchApprovalStatus();
}
});
//
onMounted(() => {
fetchApprovalStatus();
// resize
resizeHandler = () => {
const clientWidth = document.documentElement.clientWidth;
const isMobile = clientWidth <= 768;
if (!isMobile && isMenuOpen.value) {
isMenuOpen.value = false;
}
};
window.addEventListener("resize", resizeHandler);
});
// userStore.isLoggedIn
@ -169,7 +192,8 @@ const logout = () => {
userStore.removeMobilePhone();
userStore.removeIdentity();
isLoggedIn.value = false; //
router.push("/"); //
approval_status.value = -1; //
router.push("/"); //
};
//
@ -179,18 +203,8 @@ const toggleMenu = () => {
isMenuOpen.value = !isMenuOpen.value;
};
// resize
// resize
let resizeHandler: () => void;
onMounted(() => {
resizeHandler = () => {
const clientWidth = document.documentElement.clientWidth;
const isMobile = clientWidth <= 768;
if (!isMobile && isMenuOpen.value) {
isMenuOpen.value = false;
}
};
window.addEventListener("resize", resizeHandler);
});
onUnmounted(() => {
window.removeEventListener("resize", resizeHandler);
@ -203,6 +217,10 @@ onUnmounted(() => {
width: 100%;
padding: 15px 20px;
display: flex;
position: fixed;
top:0;
left: 0;
z-index: 1000;
align-items: center;
justify-content: space-between;
background-color: #fff;

View File

@ -77,12 +77,13 @@ const uploadSubmit = ({ file }) => {
<style lang="scss" scoped>
.feedback-container {
width: 100%;
min-height: calc(100vh - 70px - 150px);
min-height: calc(100vh - 150px);//
background: #eee;
padding: 20px;
.main {
width: 1200px;
margin:0 auto;
margin-top: 70px;//
background: #fff;
border-radius: 10px;

View File

@ -14,7 +14,7 @@
<style lang="scss" scoped>
.help_container {
width: 100%;
min-height: calc(100vh - 70px - 150px);
min-height: calc(100vh - 150px);//
background: #eee;
padding: 20px;
}
@ -22,6 +22,7 @@
.main {
width: 1200px;
margin:0 auto;
margin-top: 70px;//
background: #fff;
border-radius: 10px;
padding: 20px;

View File

@ -5,7 +5,7 @@
<div class="company-detail">
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<img src="../../assets/image/index/company.jpg"
<img src="../../assets/image/index/company2.png"
/></el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<div class="company-introduce">

View File

@ -184,7 +184,7 @@ onMounted(() => {
left: 50%;
object-fit: contain;
position: absolute;
top: 50%;
top: 52%;//
transform: translate(-50%, -50%);
width: 100%;
z-index: 1;
@ -252,10 +252,9 @@ onMounted(() => {
color: #ffffff;
}
.counter_wrapper .count_box:hover .el-statistic__content {
:deep(.count_box:hover .el-statistic__content) {
color: #ffffff;
}
.counter_wrapper .count_box:hover {
background: #f34d2c;
}
@ -290,6 +289,7 @@ onMounted(() => {
@media (max-width: 768px) {
.text {
padding-top: 30px;//
display: block;
}

View File

@ -214,7 +214,7 @@
<template v-if="item.type == 'select' && item.key == 'mapAddress'">
<el-cascader
style="marginright: 5px"
style="margin-right: 5px"
v-model="applyFormData.map_address"
:options="cascaderOptions2"
@change="handleChange"

View File

@ -16,7 +16,7 @@
element-loading-text="数据加载中..."
element-loading-background="rgba(0,0,0,.75)"
>
<div class="from_box">
<div class="form_box">
<div class="tit">店铺信息</div>
<el-form-item label="主体类型" prop="entity_type">
@ -63,7 +63,7 @@
</el-form-item>
<el-form-item label="所在地区" prop="map_address">
<el-cascader
style="marginright: 5px"
style="margin-right: 5px"
v-model="applyFormData.map_address"
:options="cascaderOptions2"
@change="handleChange"
@ -178,7 +178,7 @@
</el-form-item>
</div>
<div class="from_box">
<div class="form_box">
<div class="tit">营业信息</div>
<div v-if="applyFormData.entity_type === 1">
<el-form-item
@ -657,7 +657,7 @@
</div>
</div>
<div class="from_box">
<div class="form_box">
<div class="tit">结算信息</div>
<el-form-item label="银行卡" prop="bank_image">
<el-upload
@ -1778,7 +1778,7 @@ onMounted(() => {
max-width: 100% !important;
}
.from_box {
.form_box {
width: 100%;
padding: 15px;
margin: 0 0 12px;
@ -1833,11 +1833,11 @@ onMounted(() => {
}
@media (max-width: 768px) {
.el-cascader-menu {
width: 120px;
min-width: 120px;
}
.signUp-container {
.steps-container {
width: 100%;