发布器样式

src/view/iframe/publish/components/top-up.vue

@@ -180,7 +180,7 @@ onMounted(() => {
             justify-content: space-between;
 
             .item {
-                width: 48%;
+                width: 49%;
 
                 .label {
                     color: #A0A0A0;

src/view/iframe/publish/give-dialog.vue

@@ -2,11 +2,13 @@
     <div class="overlay" v-if="visible">
         <div class="content"
             :style="{
-                height: dialogStyle.dialogHeight + 'px',
-                width: showComType == 'default' ?  dialogStyle.dialogContentWidth + 'px' : '880px'}">   
-            <div class="pop-mask"  
-                v-show="showCurrencyPop || showCurrencySelect" 
-                @click.stop="showCurrencyPop = false; showCurrencySelect=false"></div>
+                height: showComType === 'preview' ? 'calc(100vh - 40px)' : dialogStyle.dialogHeight + 'px',
+                width: dialogStyle.dialogContentWidth + 'px',
+            }">
+            <div class="pop-mask"
+                v-show="showCurrencyPop || showCurrencySelect"
+                @click.stop="showCurrencyPop = false; showCurrencySelect=false">
+            </div>
 
             <!-- 头部 -->
             <div class="head">
@@ -416,8 +418,8 @@ let visible = ref(false);
 
 //弹窗高度
 let dialogStyle = reactive({
-    dialogHeight: 680,
-    dialogContentWidth: 1080
+    dialogHeight: 670,
+    dialogContentWidth: 1100
 })
 
 // 当前展示组件内容 default(表单)  preview(预览)  topUp(充值)
@@ -1642,6 +1644,7 @@ onMounted(() => {
         transform: translate(-50%, -50%);
         box-sizing: border-box;
         z-index: 2000;
+        max-height: 825px;
 
         .pop-mask {
             width: 100%;
@@ -2156,10 +2159,11 @@ onMounted(() => {
     overflow-y: auto;
     .card {
         float: left;
+        width: 480px;
         position: relative;
         .flash {
             overflow: hidden;
-            height: 460px;
+            height: 600px;
             border-radius: 26px;
             border: solid 1px #ECECEC;
         }
@@ -2187,7 +2191,7 @@ onMounted(() => {
     }
     .card-content {
         float: right;
-        width: 430px;
+        width: 500px;
     }
     .card-amount {
         overflow: hidden;