增加退出登录提示

src/App.vue

@@ -4,16 +4,16 @@
 
 
 <script setup>
-import { onLaunch } from '@dcloudio/uni-app';
+// import { onLaunch } from '@dcloudio/uni-app';
-onLaunch((opt) => {
+// onLaunch((opt) => {
-    console.log("onLaunch")
+//     console.log("onLaunch")
 
-    uni.preloadPage({ url: "/pages/login/login" });
+//     uni.preloadPage({ url: "/pages/login/login" });
-    uni.preloadPage({ url: "/pages/home/home" });
+//     uni.preloadPage({ url: "/pages/home/home" });
-    uni.preloadPage({ url: "/pages/business/business" });
+//     uni.preloadPage({ url: "/pages/business/business" });
-    uni.preloadPage({ url: "/pages/notice/notice" });
+//     uni.preloadPage({ url: "/pages/notice/notice" });
-    uni.preloadPage({ url: "/pages/userinfo/userinfo" });
+//     uni.preloadPage({ url: "/pages/userinfo/userinfo" });
-})
+// })
 
 
 </script>

src/components/customHeader.vue

@@ -58,15 +58,15 @@ const handleBack = () => {
     margin-left:-375rpx;
     z-index: 999;
     /* #ifdef APP-PLUS */
-    background: url('@/static/images/bg-Blue-header.png') no-repeat;
+    /* background: url('@/static/images/bg-Blue-header.png') no-repeat;
     background-size:750rpx 160rpx;
-    height:160rpx;
+    height:160rpx; */
     /* #endif */
 
     /* #ifndef APP-PLUS */
-    background: url('@/static/images/bg-Blue-header2.png') no-repeat;
+    /* background: url('@/static/images/bg-Blue-header2.png') no-repeat;
     background-size:750rpx 116rpx;
-    height:116rpx;
+    height:116rpx; */
     /* #endif */
    
 }

src/enums/cacheEnums.js

@@ -4,5 +4,5 @@ export const AGREEWELCOME_KEY="agreewelcome";
 // clientId 默认写2 
 export const CLIENT_ID="2";
 // #区分内外网 //1-内网，2-外网
-export const NETWORK_ENV=2;
+export const NETWORK_ENV=1;
 

src/main.js

@@ -1,16 +1,21 @@
 import { createSSRApp } from "vue";
 import App from "./App.vue";
-
+import { CLIENT_ID,NETWORK_ENV } from '@/enums/cacheEnums';
 import '@/static/font/iconfont.css'
 
 // pinia
 import { createPinia } from 'pinia'
 const pinia = createPinia()
 
+
+
 export function createApp() {
 
 	const app = createSSRApp(App);
 
+	app.config.globalProperties.$CLIENT_ID = CLIENT_ID;
+	app.config.globalProperties.$NETWORK_ENV = NETWORK_ENV;
+	
 	app.use(pinia)
 
 	return {

src/pages.json

@@ -145,14 +145,7 @@
 		"navigationBarTitleText": "718友晟",
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8",
-		"navigationStyle": "custom",
+		"navigationStyle": "custom"
-		// #ifdef APP-PLUS
-		"style": {
-			"app-plus": {
-				"background":"#F5F5F5"
-			}
-		}
-		// #endif
 	},
 	"tabBar": {
 		"color": "#919191",

src/pages/business/business.vue

@@ -2,12 +2,11 @@
     <view class="con-body">
         <view class="con-bg">
             <!-- 头部 -->
-            <customHeader ref="customHeaderRef" :title="'业务中心'" 
+            <customHeader ref="customHeaderRef" :title="!searchShow?'业务中心':'搜索'"
-                :leftFlag="false" :rightFlag="false"   v-if="!searchShow"
+                :leftFlag="!searchShow?false:true" 
-            ></customHeader>
+                :rightFlag="false"
-            <customHeader v-else ref="customHeaderRef" :title="'搜索'" 
+                @back="handleBack" 
-                :leftFlag="true" :rightFlag="false"
+                :searchType="searchShow?1:undefined"
-                @back="handleBack" :searchType="1"
             ></customHeader>
             <!-- 高度来避免头部遮挡 -->
             <view class="top-height"></view>
@@ -68,7 +67,7 @@
 
 <script setup>
 import { ref,onMounted } from 'vue'
-import { onLoad,onShow } from '@dcloudio/uni-app';
+import { onLoad,onHide } from '@dcloudio/uni-app';
 import customHeader from '@/components/customHeader.vue';
 import customSearch from '@/components/customSearch.vue'
 import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
@@ -99,6 +98,10 @@ let searchShow = ref(false);
 let searchText = ref(undefined);
 let searchTypeObj = ref({typeId:2});
 
+onHide(()=>{
+    searchShow.value=false;
+})
+
 // 搜索返回操作
 const handleBack=()=>{
     searchShow.value=false;
@@ -173,7 +176,7 @@ let handleJump=(url)=>{
 <style scope>
 .scroll-h{
     /* #ifdef APP-PLUS */
-    height: calc(100vh - 120px) !important;
+    height: calc(100vh - 130px) !important;
     /* #endif */
     /* #ifndef APP-PLUS */
     height: calc(100vh - 140px) !important;

src/pages/deviceAuth/deviceAuth.vue

@@ -6,13 +6,26 @@
             <view :style="{height: navBarPaddingTop + 'px'}"></view>
             <view class="auth-title">
                 <image src="@/static/images/icon-lock@2x.png"/>
-                <text>设备授权</text>
+                <text>{{networkEnv==1?'内网':''}}设备授权</text>
             </view>
             <view class="login-con">
                 <!-- 登录 -->
                 <block v-if="!bindStatus">
-                    <view class="login-form">
+                    <view class="login-form" :class="{network1:networkEnv==1}">
                         <uni-forms ref="form2" :model="formData2" :rules="rules2" label-position="top">
+                            <!-- networkEnv -->
+                            <uni-forms-item label="设备标识" required name="uniqCode" v-if="networkEnv==1">
+                                <view class="code-con code-device">
+                                    <uni-easyinput prefixIcon="person" :inputBorder="false" 
+                                        v-model="formData2.uniqCode" placeholder="请输入设备标识" 
+                                    >
+                                        <!-- <template #prefixIcon> -->
+                                            <!-- <image src="@/static/images/login-biaoshi.png" style="width: 20px; height: 20px;" /> -->
+                                        <!-- </template> -->
+                                        
+                                    </uni-easyinput>
+                                </view>
+                            </uni-forms-item>
                             <uni-forms-item label="用户名" required name="username">
                                 <view class="code-con">
                                     <uni-easyinput prefixIcon="person" :inputBorder="false" 
@@ -80,7 +93,6 @@ import { v4 as uuidv4 } from 'uuid'
 import { getNavBarPaddingTop} from '@/utils/system.js';
 import { getBindStatus,authDeviceApply,authInputCode } from '@/api/auth.js';
 import {showToast,showAlert} from '@/utils/message.js'
-import { CLIENT_ID,NETWORK_ENV } from '@/enums/cacheEnums';
 import encryptObj from '@/utils/encrypt.js'
 import { requestAndroidPermissionAsync } from '@/utils/common.js'
 
@@ -94,8 +106,10 @@ const safeSave = uni.requireNativePlugin("Tm-TmSafeSaveFileModule");
 // #endif
 let systemInfo = {};
 let deviceId = ref(undefined);
+let clientId = `${proxy.$CLIENT_ID || 2}`;
+let networkEnv = ref(proxy.$NETWORK_ENV);//1-内网 2-外网
 onLoad(async(opt) => {
-    console.log("deviceAuth=>onLoad");
+    console.log("deviceAuth=>onLoad",clientId,networkEnv.value);
     uni.setStorageSync('page_cache',true);
     // uni.preloadPage({url: "/pages/login/login"});
     // uni.preloadPage({url: "/pages/home/home"});
@@ -186,11 +200,17 @@ let refreshBindStatus = async ()=>{
 // 账号登录
 const form2 = ref(null);
 const formData2 = ref({
+    uniqCode:'',
     username: '',
     password: ''
 });
 
 const rules2 = {
+    uniqCode:{
+        rules: [
+            { required: true, errorMessage: '请输入设备标识' },
+        ]
+    },
     username: {
         rules: [
             { required: true, errorMessage: '请输入用户名' },
@@ -210,14 +230,19 @@ const submitForm = async() => {
     // 用户名和密码登录
     form2.value.validate().then(async param => {
         btnLoading.value = true;
-        deviceId.value = uuidv4();
+        //1-内网，2-外网
-        let clientId = `${CLIENT_ID || 2}`;
+        if(networkEnv.value==1){
+            deviceId.value = param.uniqCode;
+        }else{
+            deviceId.value = uuidv4(); //2-外网 生成的设备唯一标识
+        }
+        
         let password = encryptObj.Encrypt(param.username + clientId + "," + param.password);
         let params = {
             username:param.username,
             password,
-            networkEnv:NETWORK_ENV,//1-内网，2-外网
+            networkEnv:networkEnv.value,//1-内网，2-外网
-            uniqCode:deviceId.value,//生成的设备唯一标识
+            uniqCode:deviceId.value,
             ...systemInfo,//设备信息
             // #ifdef APP-PLUS
             verId:systemInfo.appWgtVersion,//当前版本号
@@ -402,6 +427,7 @@ const handleSubmit=()=>{
     border-bottom: 1px solid #E7E7E7;
 }
 
+
 :deep(.uni-forms-item__label){
     color:#239FDF;
     font-weight: bold;
@@ -443,6 +469,31 @@ const handleSubmit=()=>{
     content: "\e66c" !important;
 }
 
+/* 加设备ID样式 */
+.container .login-form.network1{
+    padding-bottom:50rpx;
+}
+.container .login-form.network1 .code-con{
+    padding:0 0 3rpx;
+}
+.container .login-form.network1 :deep(.uni-forms-item){
+    margin-bottom:10px !important
+}
+.container .login-form.network1 :deep(.uni-easyinput__content-input){
+    height: 30px !important;
+}
+
+.container .login-form .code-con.code-device :deep(.uni-easyinput__content .uniui-person){
+    background: url('@/static/images/login-biaoshi.png') 15rpx no-repeat;
+    background-size:25rpx 30rpx;
+    width: 25rpx;
+    height: 30rpx;
+    margin-right:10rpx;
+}
+.container .login-form .code-con.code-device :deep(.uniui-person:before){
+    display: none;
+}
+
 .btn-submit{
     width:496rpx;
     height:88rpx;

src/pages/h5-webview/h5-webview.vue

@@ -1,71 +1,71 @@
 <template>
-<view>
+<view id="test">
+    <!-- #ifdef h5 -->
     <web-view :src="url"></web-view>
+    <!-- #endif -->
 </view>
 </template>
 
 <script setup>
 import { ref,onMounted,getCurrentInstance } from 'vue';
-import { onLoad,onReady } from '@dcloudio/uni-app';
+import { onLoad,onReady,onBackPress } from '@dcloudio/uni-app';
 const { proxy } = getCurrentInstance();
 
 let windowInfo = ref(null);
 let url = ref('');
 let title = ref('');
-//将要创建的webview对象
-let wv;
 onLoad(async(opt) => {
-    // console.log(opt)
+    console.log(opt)
     url.value = opt.url;
     title.value = opt.title;
-   
+    // #ifdef APP-PLUS
+    titleNViewWebview(url.value,title.value);
+    // #endif
+    // uni.getSystemInfo({
+    //     success: (res)=> {
+    //         windowInfo.value = res;
+    //         createWvAndLoadUrl(url.value,title.value);
+    //     }
+    // });
 })
 
-onReady(()=>{
-    setTimeout(()=>{
-        uni.setNavigationBarTitle({
-            title:title.value
-        })
-    },2000)
-})
 
-onMounted(() => {
+
-    uni.getSystemInfo({
+// 带标题栏控件的Webview窗口
-        success: (res)=> {
+let webview = null;
-            windowInfo.value = res;
+function titleNViewWebview(url,title) {
-            createWvAndLoadUrl(url.value);
+    webview = plus.webview.create(url, 'test',	{
+        titleNView: {
+            backgroundColor: '#307AF5',
+            titleText: title,
+            titleColor: '#ffffff',
+            autoBackButton: true,
+            backgroundImage:'./../../static/images/bg-Blue-header.png',
+            buttons:[{onclick:clickButton}]
         }
     });
-})
+    webview.addEventListener('close', function(){
-
+        webview=null;
-/*创建web-view并加载url*/
+    });
-const createWvAndLoadUrl=(url)=>{
+    webview.addEventListener('titleUpdate', function(){
-    // #ifdef APP-PLUS
+        webview.show();
-    wv = plus.webview.create(url,"webview",{
+    });
-        // plusrequire:"none", //禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止
+    webview.addEventListener('loading', () => {
-        top: 0,//this.windowInfo.statusBarHeight + 126, //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值
-        scalable: true,
-        height: windowInfo.value.windowHeight - windowInfo.value.statusBarHeight //- 126
-    })
-    wv.addEventListener('loading', () => {
         plus.nativeUI.showWaiting("loading...",{
             width:'110px',
             padding:'10px'
         })
     }, false);
     //plus.nativeUI.showWaiting()
-    wv.addEventListener('loaded', () => {
+    webview.addEventListener('loaded', () => {
         plus.nativeUI.closeWaiting();
     }, false);
+}
 
-    //wv.loadURL(url)
+// 左侧按钮返回
-    let currentWebview = proxy.$scope.$getAppWebview();
+function clickButton(){
-    currentWebview = wv;
+	// plus.nativeUI.alert('clicked!');
-    // console.log(wv)
+    webview=null;
-    // setTimeout(()=> {
-    // 	console.log(wv.getStyle())
-    // }, 1000);
-    // #endif 
 }
 </script>
 

src/pages/home/home.vue

@@ -1,39 +1,24 @@
 <template>
   <view class="con-body">
     <view class="con-bg">
+      <!-- 头部 -->
+      <customHeader ref="customHeaderRef" :title="'首页'" 
+          :leftFlag="false" :rightFlag="false"
+      ></customHeader>
+      <!-- 高度来避免头部遮挡 -->
+      <view class="top-height"></view>
       <!-- 下拉刷新 -->
       <mescroll-uni ref="mescrollRef" @init="mescrollInit"
             :down="downOption"  @down="downCallback"
-            :fixed="false" class="scroll-h" :style="{ paddingTop: navBarPaddingTop + 'px' }"
+            :fixed="false" class="scroll-h" 
         >
-          <!-- #ifdef H5 -->
-          <view style="height:50rpx"></view>
-          <!-- #endif -->
           <!-- #ifdef APP-PLUS -->
           <!-- 删除设备ID--测试用 -->
-          <view class="del-cache" @click="handleDelete">
+          <!-- <view class="del-cache" @click="handleDelete">
             <uni-icons type="minus" size="30" color="#ffffff"></uni-icons>
-          </view>
+          </view> -->
           <!-- #endif -->
 
-          <!-- 搜索  @confirm="handleSearch"  -->
-          <customSearch v-if="searchShow"   
-                :searchKeywords="searchText" 
-                :searchType="searchTypeObj" 
-                @confirm="handleSearchConfirm"
-            ></customSearch>
-          <view class="search search-sao" v-else>
-              <uni-search-bar class="custom-search" radius="28" 
-                  placeholder="请输入您想查询的内容或服务"
-                  clearButton="auto" cancelButton="none" 
-                  bgColor="#6FA2F8" textColor="#ffffff"
-                  @focus="handleSearchFocus"
-                  v-model="searchText"
-              />
-              <uni-icons custom-prefix="iconfont" color="#ffffff" type="icon-phonesaoyisao" size="20"></uni-icons>
-          </view>
-
-          <block v-if="!searchShow">
           <!-- 待办内容 -->
           <view class="backlog-bg">
             <view class="backlog-b-item">
@@ -150,7 +135,6 @@
 
           <!-- 底部加高度来避免tabbar遮挡 -->
           <view class="bottom-height"></view>
-        </block>
       </mescroll-uni>
       </view>
   </view>
@@ -159,6 +143,7 @@
 <script setup>
 import { ref,onMounted,computed } from 'vue';
 import { onLoad } from '@dcloudio/uni-app';
+import customHeader from '@/components/customHeader.vue'
 import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
 import customSteps from '@/components/customSteps.vue'
 import customSearch from '@/components/customSearch.vue'
@@ -204,7 +189,7 @@ onLoad(async(opt) => {
 // 初始化调用方法
 const initLoad =()=>{
   try {
-    showLoading("加载中...")
+    showLoading("加载中...");
     getBackBlogCount();
     getSwiperList();
     getStepData();
@@ -251,24 +236,6 @@ onMounted(() => {
     navBarPaddingTop.value = getNavBarPaddingTop()*2;
 })
 
-// 搜索处理
-let searchShow = ref(false);
-let searchTypeObj = ref({typeId:1});
-let searchText = ref(undefined);
-
-// 获取input 焦点跳转
-const handleSearchFocus=()=>{
-    searchShow.value = true;
-}
-
-// 搜索完返回处理
-const handleSearchConfirm = (param1,param2)=>{
-    // console.log(param1,param2)
-    searchText.value=param2.value;;
-    searchShow.value=false;
-}
-
-
 let backBlogObj = ref({
   count1:0,
   count2:0,
@@ -409,10 +376,10 @@ const formatDateStr =(times)=>{
 
 .scroll-h{
   /* #ifdef APP-PLUS */
-  height:calc(100vh - 30px) !important;
+  height:calc(100vh - 78px) !important;
   /* #endif */
   /* #ifndef APP-PLUS */
-  height: calc(100vh - 30px) !important;
+  height: calc(100vh - 80px) !important;
   /* #endif */
 }
 :deep(.mescroll-upwarp){

src/pages/loading/loading.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref,getCurrentInstance } from 'vue';
 import { onLoad } from '@dcloudio/uni-app';
 import { versionCheck,getBindStatus } from '@/api/auth.js';
 import { formatIOS } from '@/utils/status.js'
@@ -28,6 +28,7 @@ import { requestAndroidPermissionAsync,requestAndroidPermission } from '@/utils/
 import {showAlert} from '@/utils/message.js'
 import { useUserStore } from '@/stores/user';
 const userStore = useUserStore();
+const { proxy } = getCurrentInstance();
 
 // #ifdef APP-PLUS
 // 获取 存储手机的module 
@@ -45,9 +46,9 @@ let versionData = ref({}); //版本参数
 onLoad(async(opt) => {
     console.log("onLoad");
 
-    uni.preloadPage({url: "/pages/login/login"});
+    // uni.preloadPage({url: "/pages/login/login"});
-    uni.preloadPage({url: "/pages/deviceAuth/deviceAuth"});
+    // uni.preloadPage({url: "/pages/deviceAuth/deviceAuth"});
-    uni.preloadPage({url: "/pages/home/home"});
+    // uni.preloadPage({url: "/pages/home/home"});
 
     // #ifdef APP-PLUS
     // 查询版本接口
@@ -89,8 +90,10 @@ onLoad(async(opt) => {
 
 // 检查版本是否是最新的s
 const getOSVesion = async()=>{
+    let networkEnv = proxy.$NETWORK_ENV;//1-内网 2-外网
     systemInfo = uni.getSystemInfoSync();
     let param = {
+        runEnv:networkEnv,
         // #ifdef APP-PLUS
         verNumber:systemInfo.appWgtVersion,//当前版本号
         // #endif

src/pages/login/login.vue

@@ -73,7 +73,7 @@
 </template>
 
 <script setup>
-import { ref,onMounted } from 'vue';
+import { ref,onMounted,getCurrentInstance } from 'vue';
 import { onLoad } from '@dcloudio/uni-app';
 import customTabs from '@/components/customTabs.vue';
 import {isPhoneNumber} from '@/utils/validate';
@@ -83,14 +83,17 @@ import { AGREEWELCOME_KEY } from '@/enums/cacheEnums';
 import { getNavBarPaddingTop} from '@/utils/system.js'
 import { useUserStore } from '@/stores/user';
 import encryptObj from '@/utils/encrypt.js'
-import { CLIENT_ID } from '@/enums/cacheEnums';
 import {showAlert} from '@/utils/message.js'
 
 // #ifdef APP-PLUS
 // 获取 存储手机的module 
 const safeSave = uni.requireNativePlugin("Tm-TmSafeSaveFileModule");
 // #endif
-const userStore = useUserStore()
+
+const { proxy } = getCurrentInstance();
+const userStore = useUserStore();
+let clientId = `${proxy.$CLIENT_ID || 2}`;
+let networkEnv = ref(proxy.$NETWORK_ENV);//1-内网 2-外网
 onLoad(async(opt) => {
     uni.setStorageSync('page_cache',true);
 })
@@ -248,13 +251,13 @@ const submitForm = () => {
         // 用户名和密码登录
         form2.value.validate().then(async param => {
             param.loginType = activeTab.value;
-            let clientId = `${CLIENT_ID || "2"}`;
             param.clientId = clientId;
             let password = encryptObj.Encrypt(param.username + clientId + "," + param.password);
             param.password = password;
+            param.runEnv = networkEnv.value;
 
             // #ifdef H5
-            param.uniqCode = '7f47cfb4-59e2-4cb9-ac46-9da5e23c4de2';//uni.getStorageSync('app_device_id');//先从缓存取之后处理 '7f47cfb4-59e2-4cb9-ac46-9da5e23c4de2'//
+            param.uniqCode = 'sn123456';//h5测试用 内网-sn123456 外网-e5687e80-526f-4522-ba7d-41d5db197a15
             let res = await login(param);
             userStore.login(res);
             uni.switchTab({ url: '/pages/home/home' })

src/pages/notice/notice.vue

@@ -2,17 +2,18 @@
     <view class="con-body">
         <view class="con-bg">
             <!-- 头部 -->
-            <customHeader ref="customHeaderRef" :title="'消息'" :leftFlag="false" :rightFlag="true"  v-if="!searchShow">
+            <customHeader ref="customHeaderRef" :title="!searchShow?'消息':'搜索'" 
-                <template #right>
+                :leftFlag="!searchShow?false:true" 
+                :rightFlag="true"  
+                @back="handleBack" :searchType="searchShow?1:undefined"
+            >
+                <template #right  v-if="!searchShow">
                     <view class="head-right" @click="handleRead">
                         <img :src="'static/images/icon-clean@2x.png'" />清除未读
                     </view>
                 </template>
             </customHeader>
-            <customHeader v-else ref="customHeaderRef" :title="'搜索'" 
+            
-                :leftFlag="true" :rightFlag="false"
-                @back="handleBack" :searchType="1"
-            ></customHeader>
             <!-- 高度来避免头部遮挡 -->
             <view class="top-height"></view>
           
@@ -54,7 +55,7 @@
 
 <script setup>
 import { ref, onMounted,computed } from 'vue'
-import { onLoad } from '@dcloudio/uni-app';
+import { onLoad,onHide } from '@dcloudio/uni-app';
 import customHeader from '@/components/customHeader.vue'
 import customSearch from '@/components/customSearch.vue'
 import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
@@ -85,6 +86,9 @@ let noticeTypeList=ref([
 ]);
 let notictTypeCheck = ref({});//选中类型
 
+onHide(()=>{
+    searchShow.value=false;
+})
 
 // 搜索返回操作
 const handleBack=()=>{

src/pages/userinfo/userinfo.vue

@@ -103,6 +103,7 @@ import MescrollUni from 'mescroll-uni/mescroll-uni.vue';
 import { getNavBarPaddingTop } from '@/utils/system.js'
 import { getUserInfo,versionCheck } from '@/api/auth.js'
 import { formatIOS } from '@/utils/status.js'
+import { showAlert } from '@/utils/message.js'
 import { useUserStore } from '@/stores/user';
 const userStore = useUserStore()
 
@@ -193,10 +194,14 @@ const getVersion = async ()=>{
 
 // 3.退出登录
 const handleLoginOut = async ()=>{
+
+    showAlert('是否确认退出？','提示',true,()=>{
         userStore.logout();
         uni.reLaunch({
             url: '/pages/login/login',
         });
+    })
+    
 }
 
 // 4.跳转到版本
@@ -213,7 +218,7 @@ onMounted(() => {
 <style scoped>
 .scroll-h{
   /* #ifdef APP-PLUS */
-  height:calc(100vh - 30px) !important;
+  height:calc(100vh - 50px) !important;
   /* #endif */
   /* #ifndef APP-PLUS */
   height: calc(100vh - 30px) !important;

src/static/common.css

@@ -5,7 +5,8 @@ page {
     height: 100%;
     padding: 0;
     margin: 0;
-    background-color: #F5F5F5;
+    background-color: #307AF5;
+    /* background-color: #F5F5F5; */
     color: #333;
 }
 
@@ -19,26 +20,30 @@ page {
     width: 100%;
     margin: 0;
     padding: 0;
+    background-color: #F5F5F5;
 }
 
-
 .con-bg {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     /* #ifdef APP-PLUS */
-    background: url('@/static/images/bg-Blue.png') no-repeat;
+    background-color: #F5F5F5;
-    background-size: 100vw 761rpx;
+    background-image: url('@/static/images/bg-Blue.png');
-    width: 100vw;
+    background-repeat:  no-repeat;
-    height: 761rpx;
+    background-size: 750rpx 761rpx;
+    width: 750rpx;
+    /* height: 761rpx; */
     left: 0;
     /* #endif */
     /* #ifndef APP-PLUS */
-    background: url('@/static/images/bg-Blue.png') no-repeat;
+    background-color: #F5F5F5;
+    background-image: url('@/static/images/bg-Blue.png');
+    background-repeat:  no-repeat;
     background-size: 750rpx 761rpx;
     width: 750rpx;
-    height: 761rpx;
+    /* height: 761rpx; */
     left: 50%;
     margin-left: -375rpx;
     /* #endif */
@@ -187,7 +192,7 @@ page {
     /* width:690rpx; */
     width:630rpx;
     height:56rpx;
-    margin:0 auto 30rpx;
+    margin:10rpx auto 30rpx;
     padding:0 30rpx;
     display: flex;
     color:#fff;