update

src/components/base/iconfont/index.less

@@ -4,7 +4,7 @@
     align-items: center;
 
     &__label {
-        font-size: .24rem;
+        font-size: 12px;
         line-height: normal;
     }
 }

src/packages/gstj/views/user/login/index.less

@@ -3,11 +3,11 @@
 
     &-logo {
         img {
-            height: 1.6rem;
+            height: 80px;
         }
     }
 
     &-form {
-        box-shadow: 0 0 .72rem 0 rgba(0, 0, 0, .15);
+        box-shadow: 0 0 36px 0 rgba(0, 0, 0, .15);
     }
 }

src/packages/mobile/assets/themes/base/reset.less

@@ -25,7 +25,7 @@ html {
 body {
     position: relative;
     height: inherit;
-    font-size: .28rem;
+    font-size: 14px;
     color: #333;
     background-color: #666;
     margin: auto !important;

src/packages/mobile/assets/themes/default/default.less

@@ -16,7 +16,7 @@
     --color-down: #04c786;
 
     /* 导航栏 */
-    --navbar-height: .88rem;
+    --navbar-height: 44px;
     --navbar-color: #fff;
     --navbar-background: #C30D23;
     --navbar-backbutton-color: #fff;
@@ -27,7 +27,7 @@
     --tabbar-icon-active: #c30d23;
 
     /* 内容边距 */
-    --content-inset: .24rem;
+    --content-inset: 12px;
 
     /* Vant-Button */
     --van-button-border-width: 0;
@@ -52,12 +52,12 @@
                 align-items: center;
                 color: #626675;
                 cursor: pointer;
-                border-radius: .04rem;
+                border-radius: 2px;
                 background-color: #f0f0f1;
-                padding: .08rem .16rem;
+                padding: 4px 8px;
 
                 &:not(:first-child) {
-                    margin-left: .1rem;
+                    margin-left: 5px;
                 }
 
                 &.is-active {

src/packages/mobile/assets/themes/global/global.less

@@ -51,16 +51,16 @@
     &__container {
         display: flex;
         flex-direction: column;
-        padding-bottom: .32rem;
+        padding-bottom: 16px;
 
         /* 父元素的第一个子元素 */
         .van-cell-group--inset:first-of-type {
-            margin-top: .32rem;
+            margin-top: 16px;
         }
 
         /* 相邻兄弟元素 */
         .van-cell-group--inset+.van-cell-group--inset {
-            margin-top: .24rem;
+            margin-top: 12px;
         }
 
         .van-field {
@@ -85,8 +85,8 @@
         }
 
         &.inset {
-            gap: .2rem;
-            padding: .2rem .32rem;
+            gap: 10px;
+            padding: 10px 16px;
         }
     }
 }
@@ -132,33 +132,33 @@
 .g-navmenu {
     .app-iconfont {
         .g-icon {
-            width: .36rem;
-            height: .36rem;
-            font-size: .36rem;
+            width: 18px;
+            height: 18px;
+            font-size: 18px;
         }
 
         &__label {
-            margin-left: .24rem;
+            margin-left: 12px
         }
     }
 }
 
 /* 商品列表 */
 .g-goods-list {
-    padding: .2rem;
+    padding: 10px;
 
     .list {
-        padding: .2rem .2rem 0 .2rem;
+        padding: 10px 10px 0 10px;
 
         &-item {
             display: flex;
             align-items: center;
-            border-radius: .1rem;
+            border-radius: 5px;
             overflow: hidden;
-            padding: .2rem;
+            padding: 10px;
 
             &:not(:last-child) {
-                margin-bottom: .2rem;
+                margin-bottom: 10px;
             }
 
             .img {
@@ -167,18 +167,18 @@
                     align-items: center;
 
                     img {
-                        width: 1.8rem;
-                        height: 1.8rem;
+                        width: 90px;
+                        height: 90px;
                         object-fit: cover;
-                        border-radius: .16rem;
-                        margin-right: .3rem;
+                        border-radius: 8px;
+                        margin-right: 15px;
                     }
                 }
 
                 &:last-child {
                     .van-button {
-                        width: 1.3rem;
-                        height: .5rem;
+                        width: 60px;
+                        height: 25px;
                     }
                 }
             }
@@ -188,20 +188,20 @@
 
                 .title {
                     color: #333;
-                    font-size: .30rem;
+                    font-size: 15px;
                 }
 
                 .desc {
                     color: #666;
-                    font-size: .24rem;
-                    padding: .1rem 0;
+                    font-size: 12px;
+                    padding: 5px 0;
                 }
 
                 .price {
 
                     .buyprice,
                     .sellprice {
-                        padding-bottom: .02rem;
+                        padding-bottom: 1px;
                     }
                 }
             }
@@ -210,44 +210,44 @@
 }
 
 .g-goods-waterfall {
-    padding: .2rem;
+    padding: 10px;
 
     .goods {
         background-color: #fff;
-        border-radius: .12rem;
+        border-radius: 6px;
         overflow: hidden;
 
         &-image {
             display: flex;
             justify-content: center;
             align-items: center;
-            min-height: 2.4rem;
+            min-height: 120px;
             font-size: 0;
         }
 
         &-info {
-            padding: .2rem;
+            padding: 10px;
 
             &__title {
-                font-size: .26rem;
-                margin-bottom: .1rem;
+                font-size: 13px;
+                margin-bottom: 5px;
             }
 
             &__desc {
-                font-size: .24rem;
+                font-size: 12px;
                 color: #999;
-                margin-bottom: .1rem;
+                margin-bottom: 5px;
             }
 
             &__price {
                 color: #f2270c;
 
                 .unit {
-                    font-size: .24rem;
+                    font-size: 12px;
                 }
 
                 .integer {
-                    font-size: .3rem;
+                    font-size: 15px;
                 }
             }
         }
@@ -256,24 +256,24 @@
 
 /* 订单列表 */
 .g-order-list {
-    padding: .2rem;
+    padding: 10px;
     padding-bottom: 0;
 
     &__box {
         &:not(:first-child) {
-            margin-top: .2rem;
+            margin-top: 10px;
         }
 
         background-color: #fff;
-        border-radius: .16rem;
-        padding: .24rem;
+        border-radius: 8px;
+        padding: 12px;
 
     }
 
     &__titlebar {
         display: flex;
         justify-content: space-between;
-        margin-bottom: .2rem;
+        margin-bottom: 10px;
 
         .left {
             h4 {
@@ -281,19 +281,19 @@
             }
 
             span {
-                font-size: .24rem;
+                font-size: 12px;
                 color: #999;
             }
         }
 
         .right {
-            font-size: .24rem;
+            font-size: 12px;
             color: #999;
         }
     }
 
     &__content {
-        font-size: .24rem;
+        font-size: 12px;
 
         ul {
             display: flex;
@@ -303,14 +303,14 @@
             li {
                 display: flex;
                 justify-content: space-between;
-                line-height: .4rem;
-                width: calc(~"50% - .24rem");
+                line-height: 20px;
+                width: calc(~"50% - 12px");
 
                 span {
                     &:first-child {
                         color: #999;
                         white-space: nowrap;
-                        padding-right: .24rem;
+                        padding-right: 12px;
                     }
                 }
             }
@@ -320,11 +320,11 @@
     &__btnbar {
         display: flex;
         justify-content: flex-end;
-        gap: .16rem;
-        margin-top: .2rem;
+        gap: 8px;
+        margin-top: 10px;
 
         .van-button {
-            width: 1.6rem;
+            width: 80px;
             border-width: 1px;
         }
     }
@@ -340,30 +340,30 @@
             align-items: center;
             color: #fff;
             background-image: linear-gradient(to right, #ee0a24, #ff6034);
-            padding: .2rem .24rem;
+            padding: 10px 12px;
 
             &-left {
                 .price-text {
-                    font-size: .24rem;
+                    font-size: 12px;
                 }
 
                 .price-integer {
-                    font-size: .44rem;
+                    font-size: 22px;
                 }
             }
 
             &-right {
                 display: flex;
                 flex-direction: column;
-                font-size: .24rem;
+                font-size: 12px;
             }
         }
 
         .title {
-            font-size: .3rem;
+            font-size: 15px;
             font-weight: bold;
-            line-height: .48rem;
-            padding: .24rem;
+            line-height: 24px;
+            padding: 12px;
             padding-bottom: 0;
 
             .van-tag {
@@ -371,34 +371,34 @@
             }
 
             span {
-                margin-right: .1rem;
+                margin-right: 5px;
             }
         }
 
         .desc {
-            padding: 0 .24rem;
+            padding: 0 12px;
         }
 
         .qty {
-            font-size: .24rem;
+            font-size: 12px;
             color: #999;
-            padding: .1rem .24rem 0 .24rem;
+            padding: 5px 12px 0 12px;
         }
 
         .info {
             background-color: #fff;
-            padding: .2rem;
+            padding: 10px;
 
             ul {
                 display: flex;
                 flex-wrap: wrap;
-                font-size: .26rem;
+                font-size: 13px;
 
                 li {
                     display: flex;
                     justify-content: space-between;
                     width: 50%;
-                    padding: .08rem .24rem;
+                    padding: 4px 12px;
 
                     span {
                         &:first-child {
@@ -412,22 +412,22 @@
 
     &__desc {
         background-color: #fff;
-        margin-top: .24rem;
+        margin-top: 12px;
     }
 
     &__footer {
         display: flex;
         justify-content: space-between;
         align-items: center;
-        height: .88rem;
+        height: 44px;
         background-color: #fff;
 
         .price {
-            padding-left: .32rem;
+            padding-left: 16px;
 
             &-text,
             &-unit {
-                font-size: .24rem;
+                font-size: 12px;
             }
 
             &-unit {
@@ -435,7 +435,7 @@
             }
 
             &-integer {
-                font-size: .32rem;
+                font-size: 16px;
                 color: #f2270c;
             }
         }
@@ -450,10 +450,10 @@
                 justify-content: center;
                 align-items: center;
                 height: 100%;
-                min-width: 2rem;
+                min-width: 100px;
                 font-weight: bold;
                 color: #fff;
-                padding: 0 .48rem;
+                padding: 0 24px;
 
                 &.warning {
                     background-image: linear-gradient(to right, #ffd01e, #ff8917);
@@ -478,7 +478,7 @@
     &__stepper {
         display: flex;
         align-items: center;
-        gap: .1rem;
+        gap: 5px;
         width: 100%;
 
         .van-stepper {
@@ -495,12 +495,12 @@
         display: flex;
         flex-wrap: wrap;
         width: 100%;
-        margin-top: .2rem;
+        margin-top: 10px;
     }
 
     .van-radio {
         width: calc(~'100% / 3');
-        padding: .04rem;
+        padding: 2px;
         margin-right: 0;
 
         .van-radio__icon {
@@ -510,12 +510,12 @@
         &__label {
             display: block;
             width: 100%;
-            font-size: .24rem;
+            font-size: 12px;
             text-align: center;
             color: #666;
             border: 1px solid #e5e5e5;
-            border-radius: .08rem;
-            padding: .04rem;
+            border-radius: 4px;
+            padding: 2px;
             margin-left: 0;
         }
 
@@ -531,8 +531,8 @@
 .van {
     &-dialog {
         &__message {
-            font-size: .28rem;
-            line-height: .44rem;
+            font-size: 14px;
+            line-height: 22px;
         }
     }
 

src/packages/mobile/components/base/html-panel/index.less

@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     height: 100%;
-    padding: .2rem;
+    padding: 10px;
 
     iframe {
         flex: 1;

src/packages/mobile/components/base/list/index.less

@@ -2,14 +2,14 @@
     min-width: 100%;
     background-color: #fff;
     overflow-x: auto;
-    padding: 0 .32rem;
+    padding: 0 16px;
 
     &__table {
         width: 100%;
         text-align: center;
 
         th {
-            font-size: .24rem;
+            font-size: 12px;
             font-weight: normal;
             color: #999;
             white-space: nowrap;
@@ -36,11 +36,11 @@
     }
 
     &__column {
-        padding: .12rem .16rem;
+        padding: 6px 8px;
     }
 
     &__header &__column {
-        padding: 0 .16rem;
+        padding: 0 8px;
     }
 
     &__column:first-child &__cell {
@@ -57,15 +57,15 @@
         display: flex;
         flex-direction: column;
         justify-content: center;
-        min-height: .72rem;
+        min-height: 36px;
 
         .text-small {
-            font-size: .24rem;
+            font-size: 12px;
             color: #999;
         }
     }
 
     &__body &__cell {
-        font-size: .28rem;
+        font-size: 14px;
     }
 }

src/packages/mobile/components/base/notify/index.less

@@ -24,21 +24,21 @@
         flex-direction: column;
         justify-content: center;
         align-items: center;
-        font-size: .3rem;
-        padding: .32rem;
+        font-size: 15px;
+        padding: 16px;
     }
 
     &__content {
         width: 100%;
         line-height: normal;
         background-color: #fff;
-        box-shadow: 0 0 0.32rem rgba(0, 0, 0, .15);
-        border-radius: .32rem;
-        padding: .48rem .64rem;
+        box-shadow: 0 0 16px rgba(0, 0, 0, .15);
+        border-radius: 16px;
+        padding: 24px 32px;
 
         h4 {
             font-weight: bold;
-            margin-bottom: .16rem;
+            margin-bottom: 8px;
         }
     }
 }

src/packages/mobile/components/base/popup/index.less

@@ -1,7 +1,7 @@
 .app-popup {
     .app-modal__container {
         min-height: 50%;
-        border-radius: var(--van-popup-round-border-radius, .28rem) var(--van-popup-round-border-radius, .28rem) 0 0;
+        border-radius: var(--van-popup-round-border-radius, 14px) var(--van-popup-round-border-radius, 14px) 0 0;
         overflow: hidden;
     }
 
@@ -14,11 +14,11 @@
         justify-content: space-between;
         align-items: center;
         background-color: #fff;
-        padding: .32rem;
+        padding: 16px;
         padding-bottom: 0;
 
         .title {
-            font-size: .32rem;
+            font-size: 16px;
             font-weight: bold;
         }
     }
@@ -26,12 +26,12 @@
     &__container {
         background-color: #fff;
 
-        padding: .2rem;
+        padding: 10px;
     }
 
     &__footer {
         background-color: #fff;
-        padding-top: .48rem;
+        padding-top: 24px;
 
         &:empty {
             display: none;

src/packages/mobile/components/base/popup/index.vue

@@ -5,7 +5,7 @@
                 <slot name="header">
                     <div class="app-popup__header">
                         <div class="title">{{ title }}</div>
-                        <Icon name="close" size=".36rem" @click="closed" />
+                        <Icon name="close" size="18px" @click="closed" />
                     </div>
                 </slot>
             </template>

src/packages/mobile/components/base/tabbar/index.less

@@ -1,12 +1,12 @@
 .app-tabbar {
-    height: 1rem;
+    height: 50px;
     background-color: #fff;
 
     &__wrapper {
         bottom: 0;
         display: flex;
         width: 100%;
-        height: ~"calc(1rem - 1px)";
+        height: ~"calc(50px - 1px)";
         border-top: 1px solid #eee;
         box-sizing: content-box;
     }
@@ -27,17 +27,17 @@
             align-items: center;
 
             img {
-                width: .52rem;
-                height: .52rem;
+                width: 26px;
+                height: 26px;
                 object-fit: contain;
             }
 
             span {
-                font-size: .24rem;
+                font-size: 12px;
             }
 
             &:before {
-                font-size: .52rem;
+                font-size: 26px;
             }
         }
     }

src/packages/mobile/components/base/tabbar/index.vue

@@ -27,7 +27,7 @@
 <script lang="ts" setup>
 import { PropType, computed } from 'vue'
 import { Tabbar } from './types'
-import { useGlobalStore } from '@/stores'
+//import { useGlobalStore } from '@/stores'
 import AppIconfont from '@/components/base/iconfont/index.vue'
 
 const emit = defineEmits(['click'])
@@ -50,11 +50,11 @@ const props = defineProps({
   }
 })
 
-const globalStore = useGlobalStore()
+//const globalStore = useGlobalStore()
 
 const styles = computed(() => ({
   position: props.fixed ? 'fixed' : 'static',
-  width: globalStore.clientWidth + 'px',
+  //width: globalStore.clientWidth + 'px',
 }))
 
 const onClick = (index: number) => {

src/packages/mobile/components/base/table/index.less

@@ -5,7 +5,7 @@
         width           : 100%;
         text-align      : center;
         background-color: #fff;
-        margin-bottom   : .2rem;
+        margin-bottom   : 10px;
         border          : 0;
     }
 
@@ -14,7 +14,7 @@
     }
 
     & thead &__cell {
-        padding: .12rem 0;
+        padding: 6px 0;
     }
 
     & tbody &__row {
@@ -23,6 +23,6 @@
 
     & tbody &__cell {
         color  : #666;
-        padding: .12rem 0;
+        padding: 6px 0;
     }
 }

src/packages/mobile/components/base/updater/index.less

@@ -1,6 +1,6 @@
 .app-updater {
     &-message {
-        font-size: .32rem;
+        font-size: 16px;
         text-align: center;
     }
 
@@ -10,9 +10,9 @@
         justify-content: center;
         align-items: center;
         width: 100%;
-        height: .48rem;
+        height: 24px;
         background-color: #ebedf0;
-        border-radius: .24rem;
+        border-radius: 12px;
         overflow: hidden;
 
         &__bar {
@@ -25,12 +25,12 @@
 
         &__text {
             z-index: 1;
-            font-size: .24rem;
+            font-size: 12px;
             color: #fff;
         }
     }
 
     .van-dialog__content {
-        padding: .64rem;
+        padding: 32px;
     }
 }

src/packages/mobile/components/layouts/block/index.less

@@ -1,14 +1,14 @@
 .app-block {
-    padding: .2rem;
+    padding: 10px;
     padding-bottom: 0;
 
     &:last-of-type {
-        padding-bottom: .2rem;
+        padding-bottom: 10px;
     }
 
     &__wrapper {
         background-color: #fff;
-        border-radius: .1rem;
+        border-radius: 5px;
         overflow: hidden;
     }
 

src/packages/mobile/components/layouts/login/index.less

@@ -11,18 +11,18 @@
 
     &-logo {
         text-align: center;
-        padding: 1rem 0;
+        padding: 50px 0;
 
         img {
-            height: 1.2rem;
+            height: 60px;
         }
     }
 
     &-form {
         background-color: #fff;
-        border-radius: .32rem;
-        padding: .32rem;
-        margin: 0 .36rem;
+        border-radius: 16px;
+        padding: 16px;
+        margin: 0 18px;
 
         .van-cell {
             &::after {
@@ -37,8 +37,8 @@
         .van-field {
             &__control {
                 background-color: #f3f8fa;
-                border-radius: .1rem;
-                padding: .12rem .2rem;
+                border-radius: 5px;
+                padding: 6px 10px;
             }
         }
 
@@ -46,7 +46,7 @@
             &-link {
                 display: flex;
                 justify-content: space-between;
-                padding: .32rem 0;
+                padding: 16px 0;
 
                 a {
                     color: #333;
@@ -56,8 +56,8 @@
             &-submit {
                 --van-button-primary-background: #00577c;
                 //--van-button-primary-background: linear-gradient(to right, #dc364a, #1973e1);
-                padding: .24rem;
-                padding-top: .48rem;
+                padding: 12px;
+                padding-top: 24px;
             }
         }
     }
@@ -65,9 +65,9 @@
     &-link {
         display: flex;
         justify-content: space-between;
-        font-size: .26rem;
-        padding: .28rem .48rem;
-        margin: 0 .48rem;
+        font-size: 13px;
+        padding: 14px 24px;
+        margin: 0 24px;
 
         span:only-child {
             margin-left: auto;
@@ -75,7 +75,7 @@
     }
 
     &-footer {
-        padding: .36rem;
+        padding: 18px;
         margin-top: auto;
 
         &__trem {
@@ -83,18 +83,18 @@
             justify-content: center;
             align-items: center;
             flex-wrap: wrap;
-            font-size: .24rem;
+            font-size: 12px;
 
             .van-checkbox {
-                margin-right: .12rem;
+                margin-right: 6px;
             }
         }
 
         &__version {
-            font-size: .24rem;
+            font-size: 12px;
             color: #999;
             text-align: center;
-            margin-top: .08rem;
+            margin-top: 4px;
         }
     }
 }

src/packages/mobile/components/layouts/login/index.vue

@@ -26,7 +26,7 @@
     </div>
     <div class="login-footer">
       <div class="login-footer__trem">
-        <Checkbox shape="square" icon-size=".32rem" v-model="checked">我已阅读并同意</Checkbox>
+        <Checkbox shape="square" icon-size="16px" v-model="checked">我已阅读并同意</Checkbox>
         <span @click="routerTo('rules-zcxy')">《用户注册协议》</span>
         <span>、</span>
         <span @click="routerTo('rules-yhkhfxgzs')" v-if="showYhkhfxgzs">《用户开户风险告知书》</span>

src/packages/mobile/components/layouts/navback/index.less

@@ -15,9 +15,9 @@
         justify-content: center;
         height: var(--navbar-height);
         line-height: 1;
-        font-size: .36rem;
+        font-size: 18px;
         color: var(--navbar-backbutton-color);
         cursor: pointer;
-        padding: 0 .28rem;
+        padding: 0 14px;
     }
 }

src/packages/mobile/components/layouts/navbar/index.less

@@ -20,10 +20,10 @@
             justify-content: center;
             height: var(--navbar-height);
             line-height: 1;
-            font-size: .36rem;
+            font-size: 18px;
             color: var(--navbar-backbutton-color);
             cursor: pointer;
-            padding: 0 .28rem;
+            padding: 0 14px;
         }
     }
 
@@ -51,13 +51,13 @@
             }
 
             &--right>.column-block {
-                padding-right: .28rem;
+                padding-right: 14px;
                 margin-left: auto;
             }
 
             &--center {
                 flex: auto;
-                font-size: .36rem;
+                font-size: 18px;
             }
         }
     }

src/packages/mobile/components/layouts/navbar/index.vue

@@ -31,7 +31,7 @@
 <script lang="ts" setup>
 import { useAttrs, computed } from 'vue'
 import { useRouter } from 'vue-router'
-import { useGlobalStore } from '@/stores'
+//import { useGlobalStore } from '@/stores'
 
 const emit = defineEmits<{ (event: string, ...args: unknown[]): void }>()
 
@@ -49,11 +49,11 @@ const props = defineProps({
 
 const router = useRouter();
 const attrs = useAttrs();
-const globalStore = useGlobalStore()
+//const globalStore = useGlobalStore()
 
 const styles = computed(() => ({
   position: props.fixed ? 'fixed' : 'static',
-  width: globalStore.clientWidth + 'px',
+  //width: globalStore.clientWidth + 'px',
 }))
 
 // 返回按钮事件

src/packages/mobile/components/layouts/scroll-view/index.less

@@ -6,6 +6,7 @@
         position: fixed;
         top     : 0;
         z-index : 1;
+        width: 100%;
 
         &:empty {
             display: none;

src/packages/mobile/components/modules/contact/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-address :show-radio="true" @change="onChange" />
     </app-modal>
 </template>

src/packages/mobile/components/modules/delivery/index.vue

@@ -1,6 +1,6 @@
 <!-- 交收操作 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="交收" @back="closed" />

src/packages/mobile/components/modules/delivery/warehouse-receipt.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%">
+    <app-modal direction="right-top" height="100%" width="100%">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="选择点选仓单" @back="closed" />
@@ -9,7 +9,7 @@
                     <Cell>
                         <template #title>
                             <Radio :name="item" checked-color="#ee0a24">
-                                <ul style="margin-left: .2rem;">
+                                <ul style="margin-left: 10px;">
                                     <li>
                                         <span>持有人：</span>
                                         <span>{{ item.username }}</span>

src/packages/mobile/components/modules/echarts/line/index.less

@@ -1,3 +1,3 @@
 .app-linechart {
-    height: 3.8rem;
+    height: 190px;
 }

src/packages/mobile/components/modules/hqchart/candlestick/index.less

@@ -2,9 +2,9 @@
     flex: 1;
     display: flex;
     flex-direction: column;
-    height: 8rem;
+    height: 400px;
     overflow: hidden;
-    padding:0 .2rem;
+    padding:0 10px;
 
     .app-hqchart {
         flex: 1;
@@ -13,11 +13,11 @@
     .app-tabs--indicator {
         .tabs {
             width: 100%;
-            font-size: .24rem;
+            font-size: 12px;
             border: 1px solid #f6f6f6;
             border-left: 0;
             border-right: 0;
-            padding:.12rem .1rem;
+            padding:6px 5px;
 
             &-item {
                 flex: 1;
@@ -27,7 +27,7 @@
                 align-items: center;
                 color: #222;
                 cursor: pointer;
-                padding: .16rem 0;
+                padding: 8px 0;
 
                 &:not(:first-child) {
                     margin-left: 0;

src/packages/mobile/components/modules/hqchart/index.less

@@ -1,6 +1,6 @@
 .app-quote-chart {
     background-color: #fff;
-    margin-top: .2rem;
+    margin-top: 10px;
 
     &__header {
         display: flex;

src/packages/mobile/components/modules/hqchart/index.vue

@@ -14,7 +14,7 @@
                 <Tab title="周线" />
                 <Tab title="月线" />
             </Tabs>
-            <Icon name="setting-o" style="padding: 0 .32rem;" v-if="false" />
+            <Icon name="setting-o" style="padding: 0 16px;" v-if="false" />
         </div>
         <MLine v-bind="{ symbol, goodsCode }" v-if="tabIndex === 0" />
         <KLine v-bind="{ symbol, goodsCode, cycleType }" v-else />

src/packages/mobile/components/modules/hqchart/timeline/index.less

@@ -2,7 +2,7 @@
     flex: 1;
     display: flex;
     flex-direction: column;
-    height: 8rem;
+    height: 400px;
     overflow: hidden;
 
     .app-hqchart {
@@ -12,11 +12,11 @@
     .app-tabs--indicator {
         .tabs {
             width: 100%;
-            font-size: .24rem;
+            font-size: 12px;
             border: 1px solid #f6f6f6;
             border-left: 0;
             border-right: 0;
-            padding: .1rem;
+            padding: 5px;
 
             &-item {
                 flex: 1;
@@ -26,7 +26,7 @@
                 align-items: center;
                 color: #222;
                 cursor: pointer;
-                padding: .1rem .2rem;
+                padding: 5px 10px;
 
                 &:not(:first-child) {
                     margin-left: 0;

src/packages/mobile/components/modules/performance/list/index.less

@@ -1,7 +1,7 @@
 .app-performance {
     &__step {
         display: flex;
-        padding-top: .1rem;
+        padding-top: 5px;
         overflow-x: auto;
 
         li {
@@ -10,10 +10,10 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            font-size: .24rem;
+            font-size: 12px;
 
             &:not(:first-child) {
-                margin-left: .1rem;
+                margin-left: 5px;
             }
 
             span {
@@ -26,13 +26,13 @@
     .van-radio {
         &__label {
             overflow: hidden;
-            padding: .1rem;
+            padding: 5px;
         }
     }
 
     .van-cell {
         &-group {
-            margin-top: .2rem;
+            margin-top: 10px;
         }
 
         &__title {

src/packages/mobile/components/modules/performance/list/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="app-performance">
             <template #header>
                 <app-navbar title="履约模板" @back="showModal = false" />

src/packages/mobile/components/modules/quote/chart/index.vue

@@ -14,7 +14,7 @@
                 <Tab title="周线" />
                 <Tab title="月线" />
             </Tabs>
-            <Icon name="setting-o" style="padding: 0 .32rem;" v-if="false" />
+            <Icon name="setting-o" style="padding: 0 16px;" v-if="false" />
         </div>
         <TimeLine v-bind="{ goodsCode }" v-if="tabIndex === 0" />
         <KLine v-bind="{ goodsCode, cycleType }" v-else />

src/packages/mobile/components/modules/quote/chart/kline/index.less

@@ -1,7 +1,7 @@
 .app-echats-kline {
     display: flex;
     flex-direction: column;
-    height: 8rem;
+    height: 400px;
 
     &__tip {
         margin: auto;
@@ -32,13 +32,13 @@
     }
 
     .app-tabs {
-        height: 3rem;
+        height: 150px;
 
         .tabs {
-            padding: .1rem;
+            padding: 5px;
 
             &-item {
-                font-size: .24rem;
+                font-size: 12px;
             }
         }
     }

src/packages/mobile/components/modules/quote/forex/index.less

@@ -1,20 +1,20 @@
 .app-quote-forex {
     display: flex;
     background-color: #fff;
-    margin-top: .2rem;
+    margin-top: 10px;
 
     dl {
         flex: 1;
-        padding: .24rem;
+        padding: 12px;
 
         dt {
             display: flex;
             justify-content: space-between;
-            padding-bottom: .24rem;
+            padding-bottom: 12px;
 
             span {
                 &:last-child {
-                    font-size: .24rem;
+                    font-size: 12px;
                     color: #999;
                 }
             }
@@ -22,9 +22,9 @@
 
         dd {
             display: flex;
-            font-size: .24rem;
+            font-size: 12px;
             text-align: center;
-            padding: .1rem 0;
+            padding: 5px 0;
 
             span {
                 flex: 1;

src/packages/mobile/components/modules/quote/price/index.less

@@ -1,7 +1,7 @@
 .app-quote-price {
     color: #333;
     background-color: #fff;
-    padding: .2rem 0;
+    padding: 10px 0;
 
     .van-divider {
         margin: 0;
@@ -14,19 +14,19 @@
 
         .block {
             &-left {
-                width: 3rem;
+                width: 150px;
 
                 .top-content {
-                    font-size: .56rem;
-                    margin-bottom: .1rem;
+                    font-size: 28px;
+                    margin-bottom: 5px;
                 }
 
                 .bottom-content {
-                    font-size: .32rem;
+                    font-size: 16px;
 
                     span {
                         +span {
-                            margin-left: .2rem;
+                            margin-left: 10px;
                         }
 
                         &.g-price-up {
@@ -49,13 +49,13 @@
                         display: flex;
                         flex-direction: column;
                         width: calc(~'100% / 3');
-                        margin-bottom: .2rem;
+                        margin-bottom: 10px;
 
                         span {
                             &:first-child {
                                 color: #888;
-                                font-size: .24rem;
-                                margin-bottom: .1rem;
+                                font-size: 12px;
+                                margin-bottom: 5px;
                             }
                         }
                     }
@@ -76,11 +76,11 @@
                 justify-content: space-between;
                 align-items: center;
                 width: 50%;
-                padding: .1rem .24rem;
+                padding: 5px 12px;
 
                 span {
                     &:first-child {
-                        font-size: .24rem;
+                        font-size: 12px;
                         color: #888;
                     }
                 }

src/packages/mobile/components/modules/quote/tik/index.less

@@ -1,3 +1,3 @@
 .app-quote-tik {
-    margin-top: .2rem;
+    margin-top: 10px;
 }

src/packages/mobile/components/modules/receipt/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-invoice :show-radio="true" @change="onChange" />
     </app-modal>
 </template>

src/packages/mobile/components/modules/register-code/index.less

@@ -4,17 +4,17 @@
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        min-height: 4rem;
-        padding: .32rem;
+        min-height: 200px;
+        padding: 16px;
     }
 
     &__qrcode {
-        max-width: 4.8rem;
-        max-height: 4.8rem;
+        max-width: 240px;
+        max-height: 240px;
     }
 
     &__content {
-        font-size: .32rem;
+        font-size: 16px;
         font-weight: bold;
     }
 }

src/packages/mobile/main.ts

@@ -10,8 +10,8 @@ import 'hqchart/src/jscommon/umychart.resource/font/iconfont.css'
 import layouts from './components/layouts' // 全局布局组件
 import 'vant/lib/index.css'
 import './assets/themes/style.less' // 主题样式
-import { timerInterceptor } from '@/utils/timer'
-import { useGlobalStore } from '@/stores'
+// import { timerInterceptor } from '@/utils/timer'
+// import { useGlobalStore } from '@/stores'
 // import Vconsole from 'vconsole'
 // new Vconsole()
 
@@ -22,10 +22,10 @@ app.use(layouts)
 app.mount('#app')
 
 // 等待 html 加载完成
-document.addEventListener('DOMContentLoaded', () => {
-    const { screenAdapter } = useGlobalStore()
-    // 适配客户端
-    screenAdapter(true)
-    // 监听窗口大小变化
-    window.addEventListener('resize', timerInterceptor.setDebounce(() => screenAdapter(true)))
-}, false)
+// document.addEventListener('DOMContentLoaded', () => {
+//     const { screenAdapter } = useGlobalStore()
+//     // 适配客户端
+//     screenAdapter(true)
+//     // 监听窗口大小变化
+//     window.addEventListener('resize', timerInterceptor.setDebounce(() => screenAdapter(true)))
+// }, false)

src/packages/mobile/postcss.config.js

@@ -1,9 +1,10 @@
 module.exports = {
     plugins: {
-        // 'postcss-px-to-viewport': {
-        //     viewportWidth: 375,
-        //     landscape: true,
-        //     landscapeWidth: 980,
-        // },
+        'postcss-px-to-viewport': {
+            viewportWidth: 375,
+            landscape: true, // 是否处理横屏情况
+            landscapeUnit: 'vw', // 横屏时使用的单位
+            landscapeWidth: 844, // 横屏时使用的视口宽度
+        },
     },
 }

src/packages/mobile/views/ballot/list/Index.vue

@@ -3,7 +3,7 @@
         <template #header>
             <app-navbar :title="titleName" :show-back-button="showBackButton">
                 <template #right>
-                    <Icon name="bars" size=".4rem" @click="isWaterfall = !isWaterfall" />
+                    <Icon name="bars" size="20px" @click="isWaterfall = !isWaterfall" />
                 </template>
             </app-navbar>
         </template>

src/packages/mobile/views/bank/capital/information/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div style="padding-top: .2rem;">
+    <div style="padding-top: 10px;">
         <CellGroup v-for="(item, index) in accountStore.accountComputedList" :key="index">
             <Cell title="资金账号" :value="item.accountid" />
             <Cell title="期初余额" :value="formatDecimal(item.balance)" />

src/packages/mobile/views/bank/capital/statement/history/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="bank-hisstatement">
             <template #header>
                 <app-navbar title="历史资金流水" @back="closed">
@@ -121,12 +121,12 @@ defineExpose({
             &:first-child {
                 span:last-child {
                     color: #999;
-                    font-size: .24rem;
+                    font-size: 12px;
                 }
             }
 
             &:not(:first-child) {
-                font-size: .32rem;
+                font-size: 16px;
             }
         }
     }

src/packages/mobile/views/bank/capital/statement/index.vue

@@ -73,19 +73,19 @@ const onConfirm = (value: number) => {
 
 <style lang="less">
 .bank-statement {
-    padding-top: .2rem;
+    padding-top: 10px;
 
     &__table {
         td.app-list__column {
             &:first-child {
                 span:last-child {
                     color: #999;
-                    font-size: .24rem;
+                    font-size: 12px;
                 }
             }
 
             &:not(:first-child) {
-                font-size: .32rem;
+                font-size: 16px;
             }
         }
     }

src/packages/mobile/views/bank/sign/components/edit/Index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar :title="isedit ? '修改签约账户' : '添加签约账户'" @back="closed" />

src/packages/mobile/views/bank/sign/components/edit/search/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="查询支行">
@@ -10,12 +10,12 @@
                     </template>
                 </app-navbar>
             </template>
-            <RadioGroup v-model="checked" style="padding-bottom: 1rem;" v-if="dataList.length">
+            <RadioGroup v-model="checked" style="padding-bottom: 50px;" v-if="dataList.length">
                 <CellGroup title="选择支行">
                     <template v-for="(item, index) in dataList" :key="index">
                         <Cell :title="item.branchname" :label="item.branchnum" clickable @click="onChange(item)">
                             <template #icon>
-                                <Radio :name="item" style="padding: 0 .2rem;" />
+                                <Radio :name="item" style="padding: 0 10px;" />
                             </template>
                         </Cell>
                     </template>

src/packages/mobile/views/bank/sign/index.less

@@ -1,6 +1,6 @@
 .bank-sign {
     &__container {
-        padding-top: .2rem;
+        padding-top: 10px;
 
         .van-cell {
             &__title {

src/packages/mobile/views/bank/wallet/components/deposit/index.less

@@ -4,9 +4,9 @@
 
         table {
             width: 100%;
-            font-size: .24rem;
+            font-size: 12px;
             border: 1px dashed #ddd;
-            border-radius: .1rem;
+            border-radius: 5px;
 
             td {
                 &:not(:first-child) {
@@ -21,8 +21,8 @@
 
                 button {
                     background-color: #e1e1e1;
-                    border-radius: .1rem;
-                    padding: .02rem .2rem;
+                    border-radius: 5px;
+                    padding: 1px 10px;
                 }
             }
         }

src/packages/mobile/views/bank/wallet/components/inoutapply/Index.vue

@@ -1,6 +1,6 @@
 <!-- 出入金- 申请流水 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="申请流水" @back="closed" />

src/packages/mobile/views/bank/wallet/components/withdraw/index.less

@@ -7,7 +7,7 @@
         }
 
         &__tips {
-            font-size: .24rem;
+            font-size: 12px;
         }
     }
 

src/packages/mobile/views/goods/detail/components/listing/Index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="goods-listing g-form">
             <template #header>
                 <app-navbar :title="quote ? `${quote.goodscode}/${quote.goodsname}` : '挂牌'" @back="closed" />

src/packages/mobile/views/goods/trade/components/delisting/index.less

@@ -5,12 +5,12 @@
         .van-radio-group {
             display: flex;
             flex-wrap: wrap;
-            margin-top: .2rem;
+            margin-top: 10px;
         }
 
         .van-radio {
             width: calc(~'100% / 3');
-            padding: .04rem;
+            padding: 2px;
             margin-right: 0;
 
             .van-radio__icon {
@@ -20,12 +20,12 @@
             &__label {
                 display: block;
                 width: 100%;
-                font-size: .24rem;
+                font-size: 12px;
                 text-align: center;
                 color: #666;
                 border: 1px solid #e5e5e5;
-                border-radius: .08rem;
-                padding: .04rem;
+                border-radius: 4px;
+                padding: 2px;
                 margin-left: 0;
             }
 

src/packages/mobile/views/goods/trade/components/delisting/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="goods-delisting g-form">
             <template #header>
                 <app-navbar :title="quote ? `${quote.goodscode}/${quote.goodsname}` : '摘牌'" @back="closed" />

src/packages/mobile/views/goods/trade/index.vue

@@ -21,7 +21,7 @@
                     </template>
                     <template #operate="{ row, index }">
                         <Button size="small" type="primary" v-if="index === 0" round @click="onDelisting(row)"
-                            style="width: 1rem;">
+                            style="width: 50px;">
                             {{ tabIndex === BuyOrSell.Buy ? '卖出' : '买入' }}
                         </Button>
                     </template>

src/packages/mobile/views/home/main/index.less

@@ -3,17 +3,17 @@
 .home-main {
     &__header {
         background: linear-gradient(var(--navbar-background), var(--navbar-background) 60%, transparent 60%);
-        padding: .2rem;
+        padding: 10px;
     }
 
     &__iconbar {
         ul {
             display: flex;
             flex-wrap: wrap;
-            padding-top: .24rem;
+            padding-top: 12px;
 
             &:last-child {
-                padding-bottom: .24rem;
+                padding-bottom: 12px;
             }
 
             li {
@@ -24,13 +24,13 @@
                 text-align: center;
 
                 .g-icon {
-                    width: .72rem;
-                    height: .72rem;
-                    font-size: .44rem;
+                    width: 36px;
+                    height: 36px;
+                    font-size: 22px;
                     color: #fff;
                     background-color: #000;
                     border-radius: 50%;
-                    margin-bottom: .08rem;
+                    margin-bottom: 4px;
 
                     &-listing--line {
                         background-color:#4e9ddb; 
@@ -70,7 +70,7 @@
 
     &__titlebar {
         .van-cell__title {
-            font-size: .32rem;
+            font-size: 16px;
             font-weight: bold;
         }
 
@@ -83,7 +83,7 @@
     &__market {
         .scrollbar {
             width: 100%;
-            padding: .2rem;
+            padding: 10px;
         }
 
         .van-swipe {
@@ -95,7 +95,7 @@
                 justify-content: space-around;
                 align-items: center;
                 height: inherit;
-                font-size: .26rem;
+                font-size: 13px;
             }
         }
     }
@@ -111,8 +111,8 @@
 
                 .van-cell__value {
                     flex: initial;
-                    font-size: .24rem;
-                    margin-left: .48rem;
+                    font-size: 12px;
+                    margin-left: 24px;
                 }
             }
         }

src/packages/mobile/views/mine/address/components/edit/Index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <template #default="{ animation }">
             <app-view class="g-form">
                 <template #header>

src/packages/mobile/views/mine/address/index.less

@@ -1,6 +1,6 @@
 .mine-address {
     &__container {
-        padding: .32rem;
+        padding: 16px;
 
         .list {
             &-item {
@@ -9,35 +9,35 @@
                 background-color: #fff;
                 border-radius   : 8px;
                 overflow        : hidden;
-                padding         : .24rem;
+                padding         : 12px;
 
                 &:not(:first-child) {
-                    margin-top: .2rem;
+                    margin-top: 10px;
                 }
 
                 &__checkbox {
-                    margin-right: .24rem;
+                    margin-right: 12px;
                 }
 
                 &__info {
                     flex: 1;
 
                     &-name {
-                        margin-bottom: .12rem;
+                        margin-bottom: 6px;
                     }
 
                     &-address {
-                        font-size: .28rem;
+                        font-size: 14px;
                     }
 
                     span {
-                        margin-right: .12rem;
+                        margin-right: 6px;
                     }
                 }
 
                 &__button {
                     .van-icon {
-                        font-size: .36rem;
+                        font-size: 18px;
                     }
                 }
             }

src/packages/mobile/views/mine/index.less

@@ -1,7 +1,7 @@
 @import '../../assets/themes/base/mixin.less';
 
 .mine {
-    @backgroundImage: linear-gradient(var(--navbar-background), var(--navbar-background) 3rem, transparent 3rem);
+    @backgroundImage: linear-gradient(var(--navbar-background), var(--navbar-background) 150px, transparent 150px);
 
     .app-navbar {
         background-image: @backgroundImage;
@@ -16,13 +16,13 @@
         color: #000;
         background-color: #fff;
         background-image: @backgroundImage;
-        padding: 0 .36rem;
+        padding: 0 18px;
 
         &__wrapper {
             background-color: #fff;
-            border-top-left-radius: .2rem;
-            border-top-right-radius: .2rem;
-            padding: .24rem;
+            border-top-left-radius: 10px;
+            border-top-right-radius: 10px;
+            padding: 12px;
         }
 
         .profile {
@@ -34,21 +34,21 @@
                 align-items: center;
 
                 .g-image--avatar {
-                    width: .8rem;
-                    height: .8rem;
+                    width: 40px;
+                    height: 40px;
                     border-radius: 50%;
                     font-size: 0;
-                    margin-right: .16rem;
+                    margin-right: 8px;
                 }
 
                 &__info {
                     flex: 1;
-                    padding-right: .32rem;
+                    padding-right: 16px;
 
                     .top {
                         display: flex;
                         align-items: center;
-                        font-size: .24rem;
+                        font-size: 12px;
                         color: #A1B1C5;
 
                         span {
@@ -57,12 +57,12 @@
 
                         .van-icon {
                             line-height: normal;
-                            margin-left: .04rem;
+                            margin-left: 2px;
                         }
                     }
 
                     .bottom {
-                        line-height: .4rem;
+                        line-height: 20px;
                         font-weight: bold;
                     }
                 }
@@ -74,16 +74,16 @@
                 justify-content: center;
 
                 span {
-                    line-height: .4rem;
+                    line-height: 20px;
 
                     &:first-child {
-                        font-size: .24rem;
+                        font-size: 12px;
                         color: #46D63C;
 
                         &::before {
                             content: '资金账户';
                             color: #A1B1C5;
-                            margin-right: .12rem;
+                            margin-right: 6px;
                         }
                     }
 
@@ -97,24 +97,24 @@
         .bank {
             display: flex;
             justify-content: space-around;
-            padding: .36rem 0;
+            padding: 18px 0;
 
             ul {
                 li {
                     display: flex;
                     flex-direction: column;
-                    padding-bottom: .1rem;
+                    padding-bottom: 5px;
 
                     span {
-                        line-height: .4rem;
+                        line-height: 20px;
 
                         &:first-child {
-                            font-size: .24rem;
+                            font-size: 12px;
                             color: #A1B1C5;
                         }
 
                         &:last-child {
-                            font-size: .3rem;
+                            font-size: 15px;
                             font-weight: bold;
                         }
                     }
@@ -127,8 +127,8 @@
             justify-content: space-around;
 
             .van-button {
-                width: 2.8rem;
-                box-shadow: 0 .06rem .14rem 0 #e0e2e8;
+                width: 140px;
+                box-shadow: 0 3px 7px 0 #e0e2e8;
             }
         }
     }
@@ -137,10 +137,10 @@
         ul {
             display: flex;
             background-color: #fff;
-            padding-top: .24rem;
+            padding-top: 12px;
 
             &:last-child {
-                padding-bottom: .24rem;
+                padding-bottom: 12px;
             }
 
             li {
@@ -150,8 +150,8 @@
                 width: calc(~'100% / 4');
 
                 .g-icon {
-                    font-size: .56rem;
-                    margin-bottom: .04rem;
+                    font-size: 28px;
+                    margin-bottom: 2px;
                 }
             }
         }
@@ -159,7 +159,7 @@
 
     &-footer {
         text-align: center;
-        padding: .2rem 0;
+        padding: 10px 0;
 
         .button-logout {
             width: 50%;

src/packages/mobile/views/mine/invoice/components/edit/Index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar :title="selectedRow.autoid ? '修改发票信息' : '新增发票信息'" @back="closed">

src/packages/mobile/views/mine/invoice/index.less

@@ -1,6 +1,6 @@
 .mine-invoice {
     &__container {
-        padding: .32rem;
+        padding: 16px;
 
         .list {
             &-item {
@@ -9,27 +9,27 @@
                 background-color: #fff;
                 border-radius   : 8px;
                 overflow        : hidden;
-                padding         : .24rem;
+                padding         : 12px;
 
                 &:not(:first-child) {
-                    margin-top: .2rem;
+                    margin-top: 10px;
                 }
 
                 &__checkbox {
-                    margin-right: .24rem;
+                    margin-right: 12px;
                 }
 
                 &__info {
                     flex: 1;
 
                     span {
-                        margin-right: .12rem;
+                        margin-right: 6px;
                     }
                 }
 
                 &__button {
                     .van-icon {
-                        font-size: .36rem;
+                        font-size: 18px;
                     }
                 }
             }

src/packages/mobile/views/mine/setting/Index.vue

@@ -3,7 +3,7 @@
         <template #header>
             <app-navbar title="设置" />
         </template>
-        <div class="g-navmenu" style="margin-top:.2rem">
+        <div class="g-navmenu" style="margin-top:10px">
             <CellGroup>
                 <Cell is-link :to="{ name: 'user-password' }">
                     <template #title>

src/packages/mobile/views/news/detail/Index.vue

@@ -4,10 +4,10 @@
             <app-navbar title="资讯详情">
                 <!-- <template #right>
                     <div @click="sendShareMessage" v-if="plus.hasPlus()">
-                        <Icon name="share" size=".36rem" />
+                        <Icon name="share" size="18px" />
                     </div>
                     <div :data-clipboard-text="getNewsShareUrl(newsId)" v-copy="onCopy" v-else>
-                        <Icon name="share" size=".36rem" />
+                        <Icon name="share" size="18px" />
                     </div>
                 </template> -->
             </app-navbar>

src/packages/mobile/views/news/detail/index.less

@@ -4,41 +4,41 @@
     background-color: #fff;
 
     .app-view__body {
-        padding-bottom: 1.2rem;
+        padding-bottom: 60px;
     }
 
     &__container {
-        padding: .32rem;
+        padding: 16px;
 
         >h1 {
-            font-size: .35rem;
+            font-size: 18px;
             font-weight: bold;
         }
 
         >h4 {
             display: flex;
             align-items: center;
-            gap: .12rem;
-            font-size: .24rem;
+            gap: 6px;
+            font-size: 12px;
             color: #999;
-            padding: .32rem 0;
+            padding: 16px 0;
 
             img {
-                width: .48rem;
-                height: .48rem;
+                width: 24px;
+                height: 24px;
                 border-radius: 50%;
                 font-size: 0;
             }
         }
 
         >div.content p {
-            font-size: .32rem;
-            line-height: .64rem;
+            font-size: 16px;
+            line-height: 32px;
         }
 
         >p.footer {
             color: #999;
-            margin-top: .24rem;
+            margin-top: 12px;
 
             img {
                 max-width: 100%;
@@ -56,7 +56,7 @@
 
             &__time {
                 flex: initial;
-                margin-left: .48rem;
+                margin-left: 24px;
             }
         }
     }

src/packages/mobile/views/news/list/index.less

@@ -2,7 +2,7 @@
 
 .news-list {
     &__container {
-        padding-top: .2rem;
+        padding-top: 10px;
 
         .article-item {
             &__title {
@@ -13,7 +13,7 @@
 
             &__time {
                 flex: initial;
-                margin-left: .48rem;
+                margin-left: 24px;
             }
         }
     }

src/packages/mobile/views/notice/list/components/detail/index.less

@@ -2,29 +2,29 @@
     background-color: #fff;
 
     .app-view__body {
-        padding-bottom: 1.2rem;
+        padding-bottom: 60px;
     }
 
     &__container {
-        padding: .32rem;
+        padding: 16px;
 
         >h1 {
-            font-size: .35rem;
+            font-size: 18px;
             font-weight: bold;
         }
 
         >h4 {
             display: flex;
             align-items: center;
-            gap: .12rem;
-            font-size: .24rem;
+            gap: 6px;
+            font-size: 12px;
             color: #999;
-            padding: .32rem 0;
+            padding: 16px 0;
         }
 
         >p {
-            font-size: .28rem;
-            line-height: .48rem;
+            font-size: 14px;
+            line-height: 24px;
 
             img {
                 max-width: 100%;

src/packages/mobile/views/notice/list/components/detail/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="notice-detail">
             <template #header>
                 <app-navbar title="公告详情" @back="closed" />

src/packages/mobile/views/notice/list/index.vue

@@ -12,7 +12,7 @@
         </template>
         <app-pull-refresh ref="pullRefreshRef" v-model:loading="loading" v-model:error="error" v-model:pageIndex="pageIndex"
             :page-count="pageCount" @refresh="onRefresh">
-            <CellGroup class="article" style="background-color: transparent;padding-top: .2rem;" v-if="dataList.length">
+            <CellGroup class="article" style="background-color: transparent;padding-top: 10px;" v-if="dataList.length">
                 <template v-for="(item, index) in dataList" :key="index">
                     <Cell :value="formatDate(item.createtime, 'YYYY-MM-DD')" @click="openDetail(item)">
                         <template #title>

src/packages/mobile/views/order/delivery/components/offline/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 交收提货-线下交收单-详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="线下交收单" @back="closed" />

src/packages/mobile/views/order/delivery/components/spot/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 交收提货-现货提货单-详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="现货提货单" @back="closed" />

src/packages/mobile/views/order/inout/components/add/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="新增" @back="closed" />

src/packages/mobile/views/order/inout/components/add/search/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="选择客户">
@@ -10,12 +10,12 @@
                     </template>
                 </app-navbar>
             </template>
-            <RadioGroup v-model="checked" style="padding-bottom: 1rem;" v-if="dataList.length">
+            <RadioGroup v-model="checked" style="padding-bottom: 50px;" v-if="dataList.length">
                 <CellGroup title="选择客户">
                     <template v-for="(item, index) in dataList" :key="index">
                         <Cell :title="item.customername" clickable @click="onChange(item)">
                             <template #icon>
-                                <Radio :name="item.userid" style="padding: 0 .2rem;" />
+                                <Radio :name="item.userid" style="padding: 0 10px;" />
                             </template>
                         </Cell>
                     </template>

src/packages/mobile/views/order/inout/index.vue

@@ -3,7 +3,7 @@
         <template #header>
             <app-navbar title="持仓过户">
                 <template #right>
-                    <Icon name="add" size=".4rem" @click="openComponent('add')" />
+                    <Icon name="add" size="20px" @click="openComponent('add')" />
                 </template>
             </app-navbar>
         </template>

src/packages/mobile/views/order/list/components/goodsorder/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 订单委托 - 详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="订单委托单" @back="closed" />

src/packages/mobile/views/order/list/components/goodsorder/history/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 订单订单 - 委托 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="历史订单委托" @back="closed">

src/packages/mobile/views/order/list/components/goodstrade/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 订单成交 - 详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="订单成交单" @back="closed" />

src/packages/mobile/views/order/list/components/goodstrade/history/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 订单订单 - 成交 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="历史订单成交" @back="closed">

src/packages/mobile/views/order/list/components/listingorder/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 挂牌委托 - 详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="挂牌委托单" @back="closed" />

src/packages/mobile/views/order/list/components/listingorder/history/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 历史挂牌订单 - 委托 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="历史挂牌委托" @back="closed">

src/packages/mobile/views/order/list/components/listingtrade/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 挂牌成交 - 详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="挂牌成交单" @back="closed" />

src/packages/mobile/views/order/list/components/listingtrade/history/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 历史挂牌订单 - 成交 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="历史挂牌成交" @back="closed">

src/packages/mobile/views/order/list/components/presale/history/index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单-预售认购-历史 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="历史预售认购" @back="closed">

src/packages/mobile/views/order/list/components/pricingorder/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 订单委托 - 详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="详细" @back="closed" />

src/packages/mobile/views/order/list/components/pricingtrade/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 点价成交 - 详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="详细" @back="closed" />

src/packages/mobile/views/order/list/components/swaporder/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 掉期委托 - 详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="掉期委托单" @back="closed" />

src/packages/mobile/views/order/list/components/swaporder/history/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 历史掉期订单 - 委托 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="历史掉期委托" @back="closed">

src/packages/mobile/views/order/list/components/swaptrade/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 掉期成交 - 详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="掉期成交单" @back="closed" />

src/packages/mobile/views/order/list/components/swaptrade/history/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 历史掉期订单 - 成交 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="历史掉期成交" @back="closed">

src/packages/mobile/views/order/list/components/transferorder/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单-转让委托-详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="转让委托单" @back="closed" />

src/packages/mobile/views/order/list/components/transferorder/history/index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单-转让委托-历史 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="历史转让委托" @back="closed">

src/packages/mobile/views/order/list/components/transfertrade/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单-转让成交-详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="转让成交单" @back="closed" />

src/packages/mobile/views/order/list/components/transfertrade/history/index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单-转让成交-历史 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="历史转让成交" @back="closed">

src/packages/mobile/views/order/performance/components/breach/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 我的履约 - 违约申请 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="违约申请 " @back="closed" />

src/packages/mobile/views/order/performance/components/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 我的履约 - 详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="履约详情" @back="closed" />

src/packages/mobile/views/order/performance/components/detail/index.less

@@ -7,7 +7,7 @@
     border: 0.5px solid #387BDC;
     border-radius: 10px;
     color: #333;
-    font-size: 0.25rem;
+    font-size: 13px;
     margin: 15px 10px;
 
     &__up, &__mid, &__dwn {

src/packages/mobile/views/order/performance/components/modify/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 我的履约 - 修改 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar :title="selectedRow.buyorsell === 0 ? '买方信息' : '卖方信息'" @back="closed" />

src/packages/mobile/views/order/position/components/goods/close/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的持仓- 订单持仓 - 转让 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="转让" @back="closed" />

src/packages/mobile/views/order/position/components/goods/delivery50/index.vue

@@ -1,6 +1,6 @@
 <!-- 我的订单- 订单持仓 - 交收 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="交收" @back="closed" />

src/packages/mobile/views/order/position/components/goods/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的持仓-订单明细 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="订单明细" @back="closed" />

src/packages/mobile/views/order/position/components/goods/detail/components/transfer/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的持仓- 明细 - 转让 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal" :refresh="refresh">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal" :refresh="refresh">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="转让" @back="closed" />

src/packages/mobile/views/order/position/components/presale/detail/Index.vue

@@ -1,6 +1,6 @@
 <!-- 我的持仓-预售持仓-详情 -->
 <template>
-    <app-modal direction="right-top" height="100%" v-model:show="showModal">
+    <app-modal direction="right-top" height="100%" width="100%" v-model:show="showModal">
         <app-view class="g-form">
             <template #header>
                 <app-navbar title="预售持仓详情" @back="closed" />