From ae25a95132dd9d9ec2968cc27241c40ddabd4305 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期五, 29 十一月 2024 12:00:50 +0800
Subject: [PATCH] 修改微信扫码后引导提示页
---
src/layout/component/sidebar/SidebarOther.vue | 4
customer_list/ch/ai_html/views/mobileDownload/image/wx_phone_tip.webp | 0
customer_list/ch/ai_html/views/mobileDownload/js/config.js | 3
customer_list/ch/ai_html/views/mobileDownload/css/downLoad.css | 234 ++++++++++++++++++++++++----------------------
customer_list/ch/ai_html/views/mobileDownload/index.html | 14 +-
5 files changed, 133 insertions(+), 122 deletions(-)
diff --git a/customer_list/ch/ai_html/views/mobileDownload/css/downLoad.css b/customer_list/ch/ai_html/views/mobileDownload/css/downLoad.css
index 89b4048..6eb1786 100644
--- a/customer_list/ch/ai_html/views/mobileDownload/css/downLoad.css
+++ b/customer_list/ch/ai_html/views/mobileDownload/css/downLoad.css
@@ -1,167 +1,175 @@
.header_page {
- width: 100%;
- height: 130px;
- display: flex;
- justify-content: space-between;
- padding-bottom: 20px;
- border-bottom: 1px solid #f1f2f3;
+ width: 100%;
+ height: 130px;
+ display: flex;
+ justify-content: space-between;
+ padding-bottom: 20px;
+ border-bottom: 1px solid #f1f2f3;
}
.header_page .left_img {
- width: 40%;
- height: 130px;
- border-radius: 15%;
- border: 1px solid #ccc;
+ width: 40%;
+ height: 130px;
+ border-radius: 15%;
+ border: 1px solid #ccc;
}
.header_page .right_selectSystem {
- margin-left: 30px;
- width: 60%;
- align-items: flex-start;
- display: flex;
- flex-direction: column;
- justify-content: center;
+ margin-left: 30px;
+ width: 60%;
+ align-items: flex-start;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
}
.right_selectSystem .select__title {
- text-align: left;
- font-weight: 700;
- font-size: 20px;
- line-height: 26px;
+ text-align: left;
+ font-weight: 700;
+ font-size: 20px;
+ line-height: 26px;
}
.right_selectSystem .select__desc {
- text-align: left;
- line-height: 26px;
- font-size: 14px;
- color: #636366;
+ text-align: left;
+ line-height: 26px;
+ font-size: 14px;
+ color: #636366;
}
.van-swipe-item {
- margin: 8px 10px 0 0;
- box-sizing: border-box;
+ margin: 8px 10px 0 0;
+ box-sizing: border-box;
}
.swipe_image {
- width: 100%;
- height: 500px;
- /* border: 1px solid #f1f2f3; */
- border: 1px solid #d3dbe3;
- border-radius: 10px;
+ width: 100%;
+ height: 500px;
+ /* border: 1px solid #f1f2f3; */
+ border: 1px solid #d3dbe3;
+ border-radius: 10px;
}
.feat_all {
- width: 100%;
- height: 35px;
- display: flex;
- margin-top: 10px;
- justify-content: space-between;
- align-items: center;
+ width: 100%;
+ height: 35px;
+ display: flex;
+ margin-top: 10px;
+ justify-content: space-between;
+ align-items: center;
}
.feat_all .left_feat {
- font-weight: 700;
- font-size: 20px;
+ font-weight: 700;
+ font-size: 20px;
}
.version_all {
- width: 100%;
- height: 35px;
- display: flex;
- justify-content: space-between;
- align-items: center;
+ width: 100%;
+ height: 35px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
}
.select__desc_ {
- text-align: left;
- line-height: 26px;
- font-size: 14px;
- color: #636366;
+ text-align: left;
+ line-height: 26px;
+ font-size: 14px;
+ color: #636366;
}
.interface_all {
- width: 100%;
- height: 35px;
- color: #1d1d1f;
- padding-bottom: 10px;
- border-bottom: 1px solid #f1f2f3;
- display: flex;
- font-size: 13px;
- justify-content: flex-start;
- align-items: center;
+ width: 100%;
+ height: 35px;
+ color: #1d1d1f;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #f1f2f3;
+ display: flex;
+ font-size: 13px;
+ justify-content: flex-start;
+ align-items: center;
}
.left_preview {
- width: 100%;
- height: 35px;
- margin-top: 10px;
- font-weight: 700;
- font-size: 20px;
- display: flex;
- justify-content: flex-start;
- align-items: center;
+ width: 100%;
+ height: 35px;
+ margin-top: 10px;
+ font-weight: 700;
+ font-size: 20px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
}
.feat_privacy {
- margin-top: 10px;
- width: 100%;
- height: 50px;
- text-align: left;
- color: #636366;
- font-size: 13px;
- letter-spacing: 1px;
- font-weight: 400;
+ margin-top: 10px;
+ width: 100%;
+ height: 50px;
+ text-align: left;
+ color: #636366;
+ font-size: 13px;
+ letter-spacing: 1px;
+ font-weight: 400;
}
.feat_regulation {
- width: 100%;
- height: 50px;
- padding-bottom: 20px;
- border-bottom: 1px solid #f1f2f3;
- text-align: left;
- color: #636366;
- margin-top: 10px;
- font-size: 13px;
- letter-spacing: 1px;
- font-weight: 400;
+ width: 100%;
+ height: 50px;
+ padding-bottom: 20px;
+ border-bottom: 1px solid #f1f2f3;
+ text-align: left;
+ color: #636366;
+ margin-top: 10px;
+ font-size: 13px;
+ letter-spacing: 1px;
+ font-weight: 400;
}
.feat-privacy__card {
- padding: 20px;
- width: 100%;
- border-radius: 16px;
- background-color: #ffffff;
- box-sizing: border-box;
- box-shadow: 2px 2px 10px #d6d6d6;
+ padding: 20px;
+ width: 100%;
+ border-radius: 16px;
+ background-color: #ffffff;
+ box-sizing: border-box;
+ box-shadow: 2px 2px 10px #d6d6d6;
}
.privacy-type__img {
- width: 100%;
- height: 100%;
- object-fit: contain;
- text-align: center;
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
+ text-align: center;
}
.privacy-type__heading {
- margin-top: 9px;
- color: #111;
- text-align: center;
- font-size: 15px;
- line-height: 19px;
- font-weight: 600;
+ margin-top: 9px;
+ color: #111;
+ text-align: center;
+ font-size: 15px;
+ line-height: 19px;
+ font-weight: 600;
}
.privacy-type__description {
- margin-top: 6px;
- color: #666;
- text-align: center;
- font-size: 13px;
- line-height: 19px;
- font-weight: 400;
+ margin-top: 6px;
+ color: #666;
+ text-align: center;
+ font-size: 13px;
+ line-height: 19px;
+ font-weight: 400;
}
.feta_info {
- display: flex;
- justify-content: space-between;
- align-items: center;
- font-size: 13px;
- line-height: 49px;
- border-bottom: 1px solid #f1f2f3;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 13px;
+ line-height: 49px;
+ border-bottom: 1px solid #f1f2f3;
}
.feta_info .left_info {
- color: #aaa;
+ color: #aaa;
}
.feta_info .right_info {
- color: #1d1d1f;
+ color: #1d1d1f;
+}
+
+.wx_open_link {
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: contain;
+ background-position: center;
}
diff --git a/customer_list/ch/ai_html/views/mobileDownload/image/wx_phone_tip.webp b/customer_list/ch/ai_html/views/mobileDownload/image/wx_phone_tip.webp
new file mode 100644
index 0000000..05df0c9
--- /dev/null
+++ b/customer_list/ch/ai_html/views/mobileDownload/image/wx_phone_tip.webp
Binary files differ
diff --git a/customer_list/ch/ai_html/views/mobileDownload/index.html b/customer_list/ch/ai_html/views/mobileDownload/index.html
index 0330838..5766b71 100644
--- a/customer_list/ch/ai_html/views/mobileDownload/index.html
+++ b/customer_list/ch/ai_html/views/mobileDownload/index.html
@@ -16,7 +16,7 @@
</head>
<body>
<div id="app">
- <div style="margin: 3px 10px">
+ <div style="margin: 3px 10px" v-show="!isWxOpenLink">
<div class="header_page">
<div class="left_img">
<img :src="m_mobileDownloadConfig.SoftwareConfig.Icon" style="width: 100%; height: 130px; border-radius: 15%" />
@@ -80,6 +80,10 @@
<div class="left_right">{{ item.infoContent }}</div>
</div>
</div>
+
+ <div class="wx_open_link" v-show="isWxOpenLink">
+ <img :src="m_mobileDownloadConfig.SoftwareConfig.downLoadGuideImg" style="width: 100%; height: 100%" />
+ </div>
</div>
</body>
</html>
@@ -92,6 +96,7 @@
m_mobileDownloadConfig: mobileDownloadConfig,
imagesDetail: [],
informationData: [],
+ isWxOpenLink: false,
};
},
mounted() {
@@ -102,12 +107,7 @@
getDownPath() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
- this.$dialog
- .alert({
- title: '娓╅Θ鎻愮ず', //鍔犱笂鏍囬
- message: '涓嬭浇App闇�瑕佹墦寮�鏂扮殑娴忚鍣ㄤ笅杞�', //鏀瑰彉寮瑰嚭妗嗙殑鍐呭
- })
- .then(() => {});
+ this.isWxOpenLink = true;
} else {
window.location.href = this.m_mobileDownloadConfig.SoftwareConfig.DownPath;
}
diff --git a/customer_list/ch/ai_html/views/mobileDownload/js/config.js b/customer_list/ch/ai_html/views/mobileDownload/js/config.js
index 7e2ccc7..389dfa2 100644
--- a/customer_list/ch/ai_html/views/mobileDownload/js/config.js
+++ b/customer_list/ch/ai_html/views/mobileDownload/js/config.js
@@ -6,7 +6,7 @@
Desc: "宸ュ叿",
Icon: "./image/corpIcon.webp",
DownPath: `${url}/static/phoneBak/WI姘村姟鏅鸿兘鍔╂墜.apk`,
-
+ downLoadGuideImg: "./image/wx_phone_tip.webp",
},
FunctionalVersion: {
Name: "褰撳墠鍔熻兘",
@@ -23,6 +23,7 @@
"./image/3.webp",
"./image/4.webp",
],
+
InformationData: [
{
infoTitle: "澶у皬",
diff --git a/src/layout/component/sidebar/SidebarOther.vue b/src/layout/component/sidebar/SidebarOther.vue
index 321c31e..00e4f8f 100644
--- a/src/layout/component/sidebar/SidebarOther.vue
+++ b/src/layout/component/sidebar/SidebarOther.vue
@@ -54,6 +54,8 @@
<template #default>
<div class="relative">
<div class="p-0 box-shadow-none rounded-[10px]">
+ <p class="text-center text-[#5e6772] m-0 p-0 leading-5 text-[12px]">娓╅Θ鎻愮ず:璇蜂娇鐢ㄦ墜鏈烘祻瑙堝櫒鎵弿浜岀淮鐮�</p>
+ <p class="text-center text-[red] m-0 p-0 leading-5 text-[12px]">(涓嶆敮鎸佸井淇℃壂鎻�)</p>
<div ref="setPhoneQRCode" class="mt-[8px] mb-[8px]"></div>
<p class="text-center text-[#5e6772] m-0 p-0 leading-5">
鎵爜涓嬭浇 <br />
@@ -148,7 +150,7 @@
isSharePage,
isShowLogin,
newChatRoomClick,
-selectFirstRoom,
+ selectFirstRoom,
} from '/@/stores/chatRoom';
import emitter from '/@/utils/mitt';
import { accessSessionKey, userNameKey } from '/@/utils/request';
--
Gitblit v1.9.3