li.shaoyi 2 vuotta sitten
vanhempi
commit
a177230eff

+ 1 - 1
public/html/mjgz_b.htm

@@ -6,7 +6,7 @@ xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
 xmlns="http://www.w3.org/TR/REC-html40">
 
 <head>
-<meta http-equiv=Content-Type content="text/html; charset=gb2312">
+<meta http-equiv=Content-Type content="text/html; charset=utf-8">
 <meta name=ProgId content=Word.Document>
 <meta name=Generator content="Microsoft Word 15">
 <meta name=Originator content="Microsoft Word 15">

+ 1 - 1
public/html/mjgz_s.htm

@@ -6,7 +6,7 @@ xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
 xmlns="http://www.w3.org/TR/REC-html40">
 
 <head>
-<meta http-equiv=Content-Type content="text/html; charset=gb2312">
+<meta http-equiv=Content-Type content="text/html; charset=utf-8">
 <meta name=ProgId content=Word.Document>
 <meta name=Generator content="Microsoft Word 15">
 <meta name=Originator content="Microsoft Word 15">

+ 1 - 1
public/html/ptgz.htm

@@ -6,7 +6,7 @@ xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
 xmlns="http://www.w3.org/TR/REC-html40">
 
 <head>
-<meta http-equiv=Content-Type content="text/html; charset=gb2312">
+<meta http-equiv=Content-Type content="text/html; charset=utf-8">
 <meta name=ProgId content=Word.Document>
 <meta name=Generator content="Microsoft Word 15">
 <meta name=Originator content="Microsoft Word 15">

+ 14 - 8
src/packages/mobile/components/layouts/page/index.backup.less

@@ -1,11 +1,8 @@
-.route-in-enter-from {
-    z-index: 1;
-    transform: translate3d(100%, 0, 0);
-}
-
+.route-in-leave-from,
+.route-in-enter-from,
+.route-out-enter-from,
 .route-out-enter-from {
-    z-index: 1;
-    transform: translate3d(-100%, 0, 0);
+    will-change: transform;
 }
 
 .route-in-enter-active,
@@ -14,11 +11,20 @@
 .route-out-leave-active {
     pointer-events: none;
     position: absolute;
-    will-change: transform;
     transition: transform 200ms;
     background-color: #fff;
 }
 
+.route-in-enter-from {
+    z-index: 1;
+    transform: translate3d(100%, 0, 0);
+}
+
+.route-out-enter-from {
+    z-index: 1;
+    transform: translate3d(-100%, 0, 0);
+}
+
 .route-out-leave-active {
     //transition-delay: 35ms;
     transform: translate3d(100%, 0, 0);

+ 63 - 16
src/packages/mobile/components/layouts/page/index.less

@@ -1,32 +1,79 @@
-.route-in-enter-from {
-    z-index: 1;
-    transform: translate3d(100%, 0, 0);
-}
-
+.route-in-leave-from,
+.route-in-enter-from,
+.route-out-enter-from,
 .route-out-enter-from {
-    z-index: 1;
-    transform: translate3d(-100%, 0, 0);
+    will-change: transform, opacity;
 }
 
-.route-in-enter-active,
 .route-in-leave-active,
+.route-in-enter-active,
 .route-out-enter-active,
 .route-out-leave-active {
     pointer-events: none;
-    position: absolute;
-    will-change: transform;
-    transition: transform 200ms;
-    background-color: #fff;
+    transition: transform 300ms;
+}
+
+.route-in-leave-from {
+    &::after {
+        content: '';
+        opacity: 0;
+    }
+}
+
+.route-in-leave-active {
+    transition: transform 280ms;
+
+    &::after {
+        content: '';
+        position: fixed;
+        z-index: 100;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        background-color: rgba(0, 0, 0, .5);
+        opacity: 1;
+        transition: opacity 300ms;
+    }
+}
+
+.route-in-enter-from {
+    z-index: 1;
+    transform: translate3d(100%, 0, 0);
+}
+
+.route-in-enter-active {
+    position: fixed;
+    z-index: 1000;
+    top: 0;
 }
 
 .route-out-leave-active {
-    //transition-delay: 35ms;
+    position: fixed;
+    z-index: 1000;
     transform: translate3d(100%, 0, 0);
 }
 
-.route-in-leave-active {
-    //transition-delay: 35ms;
-    transform: translate3d(-100%, 0, 0);
+.route-out-enter-from {
+    &::after {
+        content: '';
+        opacity: 1;
+    }
+}
+
+.route-out-enter-to {
+    &::after {
+        content: '';
+        position: fixed;
+        z-index: 100;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        background-color: rgba(0, 0, 0, .5);
+        opacity: 0;
+        transition: opacity 300ms;
+    }
 }
 
 .app-page {

+ 1 - 1
src/packages/mobile/components/layouts/view/index.vue

@@ -36,7 +36,7 @@ const props = defineProps({
     },
 })
 
-const showAnimation = shallowRef(false)
+const showAnimation = shallowRef(true)
 const showLoading = computed(() => {
     return props.loading ? showAnimation.value : false
 })

+ 4 - 2
src/packages/mobile/views/rules/buyrule/index.vue

@@ -3,10 +3,12 @@
     <template #header>
       <app-navbar title="买方规则" />
     </template>
-    <app-html url="./html/mjgz_b.htm" />
+    <component :is="asyncComponent" url="./html/mjgz_b.htm" />
   </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from "@mobile/components/base/html-panel/index.vue";
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 </script>

+ 4 - 2
src/packages/mobile/views/rules/ccwl/index.vue

@@ -13,7 +13,7 @@
                 </div>
             </Tab>
             <Tab title="仓储服务">
-                <app-html url="./html/ccfw.htm" />
+                <component :is="asyncComponent" url="./html/ccfw.htm" />
             </Tab>
         </Tabs>
     </app-view>
@@ -21,7 +21,9 @@
 
 <script lang="ts" setup>
 import { Tab, Tabs, Button } from 'vant'
-import AppHtml from '@mobile/components/base/html-panel/index.vue'
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 
 const download = () => {
     window.open('./html/yswtmb.docx')

+ 4 - 2
src/packages/mobile/views/rules/fpsm/index.vue

@@ -3,10 +3,12 @@
         <template #header>
             <app-navbar title="发票说明" />
         </template>
-        <app-html url="./html/fpsm.htm" />
+        <component :is="asyncComponent" url="./html/fpsm.htm" />
     </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from '@mobile/components/base/html-panel/index.vue'
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 </script>

+ 4 - 2
src/packages/mobile/views/rules/fwrx/index.vue

@@ -3,10 +3,12 @@
         <template #header>
             <app-navbar title="服务热线" />
         </template>
-        <app-html url="./html/fwrx.htm" />
+        <component :is="asyncComponent" url="./html/fwrx.htm" />
     </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from '@mobile/components/base/html-panel/index.vue'
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 </script>

+ 4 - 2
src/packages/mobile/views/rules/fxgzs/index.vue

@@ -3,10 +3,12 @@
         <template #header>
             <app-navbar title="用户开户风险告知书" />
         </template>
-        <app-html url="./html/yhkhfxgzs.htm" />
+        <component :is="asyncComponent" url="./html/yhkhfxgzs.htm" />
     </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from '@mobile/components/base/html-panel/index.vue'
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 </script>

+ 4 - 2
src/packages/mobile/views/rules/gywm/index.vue

@@ -3,10 +3,12 @@
         <template #header>
             <app-navbar title="关于我们" />
         </template>
-        <app-html url="./html/gywm.htm" />
+        <component :is="asyncComponent" url="./html/gywm.htm" />
     </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from '@mobile/components/base/html-panel/index.vue'
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 </script>

+ 4 - 2
src/packages/mobile/views/rules/jfgz/index.vue

@@ -3,10 +3,12 @@
     <template #header>
       <app-navbar title="积分规则" />
     </template>
-    <app-html url="./html/jfgz.htm" />
+    <component :is="asyncComponent" url="./html/jfgz.htm" />
   </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from "@mobile/components/base/html-panel/index.vue";
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 </script>

+ 10 - 10
src/packages/mobile/views/rules/myrz/index.vue

@@ -4,20 +4,20 @@
             <app-navbar title="贸易融资" />
         </template>
         <Tabs>
-            <Tab title="银行授信">
-                <app-html url="./html/yhsxzc.htm" />
-            </Tab>
-            <Tab title="仓单质押">
-                <app-html url="./html/cdzyzc.htm" />
-            </Tab>
-            <Tab title="联名互保">
-                <app-html url="./html/lmhbzc.htm" />
-            </Tab>
+            <Tab title="银行授信" />
+            <Tab title="仓单质押" />
+            <Tab title="联名互保" />
         </Tabs>
+        <component :is="asyncComponent" url="./html/yhsxzc.htm" v-show="active === 0" />
+        <component :is="asyncComponent" url="./html/cdzyzc.htm" v-show="active === 1" />
+        <component :is="asyncComponent" url="./html/lmhbzc.htm" v-show="active === 2" />
     </app-view>
 </template>
 
 <script lang="ts" setup>
+import { shallowRef, defineAsyncComponent } from 'vue'
 import { Tab, Tabs } from 'vant'
-import AppHtml from '@mobile/components/base/html-panel/index.vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
+const active = shallowRef(0)
 </script>

+ 4 - 2
src/packages/mobile/views/rules/ptgz/index.vue

@@ -3,10 +3,12 @@
     <template #header>
       <app-navbar title="平台规则" />
     </template>
-    <app-html url="./html/ptgz.htm" />
+    <component :is="asyncComponent" url="./html/ptgz.htm" />
   </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from "@mobile/components/base/html-panel/index.vue";
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 </script>

+ 4 - 10
src/packages/mobile/views/rules/sellrule/index.vue

@@ -1,20 +1,14 @@
-<!--
- * @Author: deng.yinping deng.yinping@muchinfo.cn
- * @Date: 2022-12-10 10:54:54
- * @LastEditors: deng.yinping deng.yinping@muchinfo.cn
- * @LastEditTime: 2022-12-10 10:55:50
- * @FilePath: \THJ_Mobile\src\packages\mobile\views\rules\sellrule\index.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
 <template>
   <app-view class="app-html">
     <template #header>
       <app-navbar title="卖方规则" />
     </template>
-    <app-html url="./html/mjgz_s.htm" />
+    <component :is="asyncComponent" url="./html/mjgz_s.htm" />
   </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from "@mobile/components/base/html-panel/index.vue";
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 </script>

+ 9 - 8
src/packages/mobile/views/rules/yszc/index.vue

@@ -3,18 +3,19 @@
         <template #header>
             <app-navbar title="隐私政策" />
         </template>
-        <Tabs class="mine-generalize__tabs">
-            <Tab title="隐私政策">
-                <app-html url="./html/yszc.htm" />
-            </Tab>
-            <Tab title="物流隐私条款">
-                <app-html url="./html/wlystk.htm" />
-            </Tab>
+        <Tabs class="mine-generalize__tabs" v-model:active="active">
+            <Tab title="隐私政策" />
+            <Tab title="物流隐私条款" />
         </Tabs>
+        <component :is="asyncComponent" url="./html/yszc.htm" v-show="active === 0" />
+        <component :is="asyncComponent" url="./html/wlystk.htm" v-show="active === 1" />
     </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from '@mobile/components/base/html-panel/index.vue'
+import { shallowRef, defineAsyncComponent } from 'vue'
 import { Tab, Tabs } from 'vant'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
+const active = shallowRef(0)
 </script>

+ 4 - 2
src/packages/mobile/views/rules/zcxy/index.vue

@@ -3,10 +3,12 @@
         <template #header>
             <app-navbar title="用户注册协议" />
         </template>
-        <app-html url="./html/yhzcxy.htm" />
+        <component :is="asyncComponent" url="./html/yhzcxy.htm" />
     </app-view>
 </template>
 
 <script lang="ts" setup>
-import AppHtml from '@mobile/components/base/html-panel/index.vue'
+import { defineAsyncComponent } from 'vue'
+
+const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
 </script>