修改微信扫码后引导提示页

yangyin

2024-11-29 ae25a95132dd9d9ec2968cc27241c40ddabd4305

修改微信扫码后引导提示页

 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;
}

 customer_list/ch/ai_html/views/mobileDownload/image/wx_phone_tip.webp

Binary files differ

 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;
                }

 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: "大小",

 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';