theme color update

src/assets/styles/mixin.less

@@ -192,7 +192,7 @@
 
     .ant-select-item-option-active,.ant-select-item-option-selected,.ant-select-item-option-hover {
         background: @m-blue0;
-        color: @m-white1;
+        color: @m-white8;
     }
 }
 
@@ -659,6 +659,16 @@
             width: calc(100% - 70px);
         }
     }
+    .btnCenter.ant-form-item {
+        width: 100%;
+        .ant-form-item-label {
+            width: 0;
+        }
+        .ant-form-item-control-wrapper {
+            width: 100%;
+            text-align: center;
+        }
+    }
 }
 .ant-select-single {
     .ant-select-selector {
@@ -2101,6 +2111,12 @@ input:-internal-autofill-selected {
 }
 // 表单里面的内容
 .formBar {
+    width: 100%;
+    flex: 1;
+    padding: 28px 16px 0;
+    max-height: calc(100% - 70px);
+    overflow-y: auto;
+    overflow-x: hidden;
     ::v-deep.formProgress {
         width: 140px;
         // height: 3px;
@@ -2147,7 +2163,10 @@ input:-internal-autofill-selected {
         }
     }
 }
-
+.fixedBtns {
+    .position(absolute, auto, 0, 9px, 0);
+    z-index: 2;
+}
 .ant-slider.formSlider {
     width: 140px;
     margin-left: 70px;
@@ -2400,4 +2419,5 @@ input:-internal-autofill-selected {
 .ant-menu-dark .ant-menu-sub .ant-menu-item-selected,
 .ant-menu-dark .ant-menu-sub .ant-menu-item-selected {
   color: @m-white8;
-}
+}
+

src/assets/styles/theme.css

@@ -82,6 +82,8 @@
     --m-black34: #212629;
     --m-black35: #181E22;
     --m-black36: #181e22;
+    --m-black37: #2794ff;
+    --m-black38: #15293a;
 
     --m-blue0: #3a87f7;
     --m-blue0-hover: rgba(58, 135, 247, .8);
@@ -117,6 +119,7 @@
     --m-blue25: #0C95FF;
     --m-blue26: #3A87F7;
     --m-blue27: #1F3245;
+    --m-blue28: #15293a;
 
     --body-bg: #e9eef3;
     --m-white0: #ffffff;
@@ -134,6 +137,9 @@
     --m-green1: #10251d;
 
     --m-red2: #271112;
+
+    --m-yellow4: #3a2215;
+    --m-yellow5: #fc9618;
     
     --m-nodata: url("../images/nodata.png");
 
@@ -144,152 +150,7 @@
     --m-boxShadow: rgba(18, 22, 24, 0.36);
     
 } 
-/* 白色主题 */
-/* :root[theme="light"] { */
-:root[theme="light"] { 
-    --m-grey0: #5179E2;
-    --m-grey1: #7A8A94;
-    --m-grey1-hover: rgba(122, 138, 148, .8);
-    --m-grey2: #7A8A94;
-    --m-grey5: #B2C4DD;
-    --m-grey6: #ffffff;
-    --m-grey7: #F5FAFC;
-    --m-grey8: #D2DAEF;
-    --m-grey9: #FFFFFF;
-    --m-grey10: #99B5FF;
-    --m-grey11: #ffffff; 
-    --m-grey12: #727C98;
-    --m-grey12-hover: rgba(114, 124, 152, .8);
-    --m-grey13: #727C98;
-    --m-grey13-hover: rgba(114, 124, 152, .8);
-    --m-grey14: #ECF2F5;
-    --m-grey15: #727C98;
-    --m-grey15-hover: rgba(114, 124, 152, .8);
-    --m-grey16: #727C98;
-    --m-grey16-hover: rgba(114, 124, 152, .8);
-    --m-grey17: #808E97; 
-    --m-grey18: #FFFFFF; /* #ECF2F5 */
-    --m-grey19: #F6F8FA;
-    --m-grey20: #DAE5EC;
-    --m-grey21: #F6F8FA;
-    --m-grey22: #E4F5FF;  
-    --m-grey22-hover: rgba(228, 245, 255, .8);
-    --m-grey23: #A5CDFF;
-    --m-grey26: #5179E2;
-
-    --m-grey31: #D6DEE3;
-    --m-grey32: #FEFFFF;
-    --m-grey33: #5E6E78;
-    --m-grey34: #808E97;
-    --m-grey35: #ffffff;
-    --m-grey36: #ffffff;
-    --m-grey37: #CBD7DD;
-    --m-grey38: #7A8A94;
-    --m-grey39: #5179E2;
-    --m-grey39-hover: rgba(81, 121, 226, .8);
-    --m-grey40: #5179E2;
-    --m-grey40-hover: rgba(81, 121, 226, .8);
-    --m-grey41: #ACBBC5;
-
-    --m-black0: #F8FBFF;
-    --m-black1: #ECF2F5;
-    --m-black2: #FFFFFF;
-    --m-black3: #718FAE;
-    --m-black4: #EDF2F7;
-    --m-black5: #ECF2F5;
-    --m-black6: #DAE5EC;
-    --m-black7: #D4E0FF;
-    --m-black7-hover: rgba(212, 224, 255, .8);
-    --m-black8: #DAE5EC; 
-    --m-black9: #e3ebf1;
-    --m-black10: #ddebed;
-    --m-black11: #ECF2F5;
-    --m-black12: #ECF2F5;
-    --m-black13: #ECF2F5;
-    --m-black14: #FFFFFF;
-    --m-black15: #F6F8FA;
-    --m-black16: #CBD7DD;
-    --m-black17: #DAE5EC;
-    --m-black18: rgba(18, 22, 24, 0.15);
-    --m-black19: rgba(246 248 250 / 20%);
-    --m-black20: #EDF2F7;
-    --m-black21: #182635;
-    --m-black22: #ffffff;
-    --m-black23: #173025;
-    --m-black24: #2c3e50;
-    --m-black25: #E4F5FF;
-    --m-black26: #3A87F7;
-    --m-black27: #ffffff;
-    --m-black28: #DDE3E8;
-    --m-black29: #2B3F52;
-    --m-black30: #15202B;
-    --m-black31: #FFFFFF;
-    --m-black32: #CED8E6;
-    --m-black33: #ffffff;
-    --m-black34: #F6F8FA;
-    --m-black35: #ECF2F5;
-    --m-black36: #ffffff;
 
-    --m-blue0: #5179E2;
-    --m-blue0-hover: rgba(81, 121, 226, .8);
-    --m-blue2: #5179E2;
-    --m-blue2-hover: rgba(81, 121, 226, .8);
-    --m-blue3: #DEEFFF;
-    --m-blue4: #5179E2;
-    --m-blue5: #7497F4;
-    --m-blue6: #5179E2;
-    --m-blue6-hover: rgba(81, 121, 226, .8);
-    --m-blue7: #5179E2;
-    --m-blue7-hover: rgba(81, 121, 226, .8);
-    --m-blue8: #5179E2;
-    --m-blue8-hover: rgba(81, 121, 226, .8);
-    --m-blue9: #5179E2;
-    --m-blue9-hover: rgba(81, 121, 226, .8);
-    --m-blue10: #0C95FF;
-    --m-blue10-hover: rgba(12, 149, 255, .8);
-    --m-blue11: #ffffff;
-    --m-blue12: #D4E0FF;
-    --m-blue13: #DEEFFF;
-    --m-blue14: #ECF2F5;
-    --m-blue15: #0D8AEB;
-    --m-blue16: #ADBCC5;
-    --m-blue17: #3A87F7;
-    --m-blue18:#5179E2;
-    --m-blue19: #ECF2F5;
-    --m-blue20: #D6E0F0;
-    --m-blue21: #5179E2;
-
-
-    --m-blue25: #ffffff;
-    --m-blue26: #3A87F7;
-    --m-blue27: #ECF2F5;
-
-    --body-bg: #FFFFFF;
-    --m-white0: #ffffff;
-    --m-white0-hover: rgba(255, 255, 255, .8);
-    --m-white1: #333333;
-    --m-white5: #FFFFFF;
-    --m-white6: #333333;
-    --m-white7: #718FAE;
-    --m-white8: #ffffff;
-    --m-white9: #5179E2;
-    --m-white10: #FEFEFF;
-    --m-white11: #333333;
-
-    --m-green0: #00A843;
-    --m-green1: #e8ffef;
-
-    --m-red2: #ffe2e2;
-
-    --m-nodata: url("../images/nodata_white.png");
-
-    --m-tabbg: url("../images/tabbg_white.png");
-    --m-tabbg-active: url("../images/tabbg_active_white.png");
-    --m-arrowRight: url("../images/titleArrow_white.png");
-
-    --m-boxShadow: rgba(18, 22, 24, 0.15);
-    
-}
 
 /* 黑色主题 */
 :root[theme="black"] {
@@ -376,6 +237,8 @@
     --m-black34: #212629;
     --m-black35: #181E22;
     --m-black36: #181e22;
+    --m-black37: #2794ff;
+    --m-black38: #15293a;
 
     --m-blue0: #3a87f7;
     --m-blue0-hover: rgba(58, 135, 247, .8);
@@ -410,6 +273,7 @@
     --m-blue25: #0C95FF;
     --m-blue26: #3A87F7;
     --m-blue27: #1F3245;
+    --m-blue28: #15293a;
 
     --body-bg: #e9eef3;
     --m-white0: #ffffff;
@@ -428,6 +292,9 @@
 
     --m-red2: #271112;
 
+    --m-yellow4: #3a2215;
+    --m-yellow5: #fc9618;
+
     --m-nodata: url("../images/nodata.png");
 
     --m-tabbg: url("../images/tabbg.png");
@@ -437,3 +304,155 @@
     --m-boxShadow: rgba(18, 22, 24, 0.36);
 }
 
+/* 白色主题 */
+/* :root[theme="light"] { */
+:root[theme="light"] { 
+    --m-grey0: #5179E2;
+    --m-grey1: #7A8A94;
+    --m-grey1-hover: rgba(122, 138, 148, .8);
+    --m-grey2: #7A8A94;
+    --m-grey5: #B2C4DD;
+    --m-grey6: #ffffff;
+    --m-grey7: #F5FAFC;
+    --m-grey8: #D2DAEF;
+    --m-grey9: #FFFFFF;
+    --m-grey10: #99B5FF;
+    --m-grey11: #ffffff; 
+    --m-grey12: #727C98;
+    --m-grey12-hover: rgba(114, 124, 152, .8);
+    --m-grey13: #727C98;
+    --m-grey13-hover: rgba(114, 124, 152, .8);
+    --m-grey14: #ECF2F5;
+    --m-grey15: #727C98;
+    --m-grey15-hover: rgba(114, 124, 152, .8);
+    --m-grey16: #727C98;
+    --m-grey16-hover: rgba(114, 124, 152, .8);
+    --m-grey17: #808E97; 
+    --m-grey18: #FFFFFF; /* #ECF2F5 */
+    --m-grey19: #F6F8FA;
+    --m-grey20: #DAE5EC;
+    --m-grey21: #F6F8FA;
+    --m-grey22: #E4F5FF;  
+    --m-grey22-hover: rgba(228, 245, 255, .8);
+    --m-grey23: #A5CDFF;
+    --m-grey26: #5179E2;
+
+    --m-grey31: #D6DEE3;
+    --m-grey32: #FEFFFF;
+    --m-grey33: #5E6E78;
+    --m-grey34: #808E97;
+    --m-grey35: #ffffff;
+    --m-grey36: #ffffff;
+    --m-grey37: #CBD7DD;
+    --m-grey38: #7A8A94;
+    --m-grey39: #5179E2;
+    --m-grey39-hover: rgba(81, 121, 226, .8);
+    --m-grey40: #5179E2;
+    --m-grey40-hover: rgba(81, 121, 226, .8);
+    --m-grey41: #ACBBC5;
+
+    --m-black0: #F8FBFF;
+    --m-black1: #ECF2F5;
+    --m-black2: #FFFFFF;
+    --m-black3: #718FAE;
+    --m-black4: #EDF2F7;
+    --m-black5: #ECF2F5;
+    --m-black6: #DAE5EC;
+    --m-black7: #D4E0FF; 
+    --m-black7-hover: rgba(212, 224, 255, .8);
+    --m-black8: #DAE5EC; 
+    --m-black9: #e3ebf1;
+    --m-black10: #ddebed;
+    --m-black11: #ECF2F5;
+    --m-black12: #ECF2F5;
+    --m-black13: #ECF2F5;
+    --m-black14: #FFFFFF;
+    --m-black15: #F6F8FA;
+    --m-black16: #CBD7DD;
+    --m-black17: #DAE5EC;
+    --m-black18: rgba(18, 22, 24, 0.15);
+    --m-black19: rgba(246 248 250 / 20%);
+    --m-black20: #EDF2F7;
+    --m-black21: #182635;
+    --m-black22: #ffffff;
+    --m-black23: #173025;
+    --m-black24: #2c3e50;
+    --m-black25: #E4F5FF;
+    --m-black26: #3A87F7;
+    --m-black27: #ffffff;
+    --m-black28: #DDE3E8;
+    --m-black29: #2B3F52;
+    --m-black30: #15202B;
+    --m-black31: #FFFFFF;
+    --m-black32: #CED8E6;
+    --m-black33: #ffffff;
+    --m-black34: #F6F8FA;
+    --m-black35: #ECF2F5;
+    --m-black36: #ffffff;
+    --m-black37: #73BAFF;
+    --m-black38: #ECF2F5;
+
+    --m-blue0: #5179E2;
+    --m-blue0-hover: rgba(81, 121, 226, .8);
+    --m-blue2: #5179E2;
+    --m-blue2-hover: rgba(81, 121, 226, .8);
+    --m-blue3: #DEEFFF;
+    --m-blue4: #5179E2;
+    --m-blue5: #7497F4;
+    --m-blue6: #5179E2;
+    --m-blue6-hover: rgba(81, 121, 226, .8);
+    --m-blue7: #5179E2;
+    --m-blue7-hover: rgba(81, 121, 226, .8);
+    --m-blue8: #5179E2;
+    --m-blue8-hover: rgba(81, 121, 226, .8);
+    --m-blue9: #5179E2;
+    --m-blue9-hover: rgba(81, 121, 226, .8);
+    --m-blue10: #0C95FF;
+    --m-blue10-hover: rgba(12, 149, 255, .8);
+    --m-blue11: #ffffff;
+    --m-blue12: #D4E0FF;
+    --m-blue13: #DEEFFF;
+    --m-blue14: #ECF2F5;
+    --m-blue15: #0D8AEB;
+    --m-blue16: #ADBCC5;
+    --m-blue17: #3A87F7;
+    --m-blue18:#5179E2;
+    --m-blue19: #ECF2F5;
+    --m-blue20: #D6E0F0;
+    --m-blue21: #5179E2;
+
+
+    --m-blue25: #ffffff;
+    --m-blue26: #3A87F7;
+    --m-blue27: #ECF2F5;
+    --m-blue28: #DBF3FF;
+
+    --body-bg: #FFFFFF;
+    --m-white0: #ffffff;
+    --m-white0-hover: rgba(255, 255, 255, .8);
+    --m-white1: #333333;
+    --m-white5: #FFFFFF;
+    --m-white6: #333333;
+    --m-white7: #718FAE;
+    --m-white8: #ffffff;
+    --m-white9: #5179E2;
+    --m-white10: #FEFEFF;
+    --m-white11: #333333;
+
+    --m-green0: #00A843;
+    --m-green1: #e8ffef;
+
+    --m-red2: #ffe2e2;
+
+    --m-yellow4: #FFE8DB;
+    --m-yellow5: #FFC277;
+
+    --m-nodata: url("../images/nodata_white.png");
+
+    --m-tabbg: url("../images/tabbg_white.png");
+    --m-tabbg-active: url("../images/tabbg_active_white.png");
+    --m-arrowRight: url("../images/titleArrow_white.png");
+
+    --m-boxShadow: rgba(18, 22, 24, 0.15);
+    
+}

src/assets/styles/variables.less

@@ -92,6 +92,8 @@
 @m-black34: var(--m-black34);
 @m-black35: var(--m-black35);
 @m-black36: var(--m-black36);
+@m-black37: var(--m-black37);
+@m-black38: var(--m-black38);
 
 @m-blue0: var(--m-blue0);
 @m-blue0-hover: var(--m-blue0-hover);
@@ -128,6 +130,7 @@
 @m-blue25: var(--m-blue25);
 @m-blue26: var(--m-blue26);
 @m-blue27: var(--m-blue27);
+@m-blue28: var(--m-blue28);
 
 @body-bg: #e9eef3;
 @m-white0: var(--m-white0);
@@ -179,6 +182,8 @@
 @m-yellow1: #FC9618;
 @m-yellow2: #ffae00;
 @m-yellow3: #653f0d;
+@m-yellow4: var(--m-yellow4);
+@m-yellow5: var(--m-yellow5);
 
 @m-orange0: #F52929;
 

src/common/components/drawer/index.vue

@@ -94,11 +94,17 @@ export default defineComponent({
 }
 .top {
     .position(fixed, 101px, 0, auto, auto);
-    width: 486px;
-    height: 479px;
+    width: 430px;
+    height: 450px;
     background: transparent;
     z-index: 10;
     .ant-drawer-content-wrapper {
+        width: 430px !important;
+    }
+}
+.top486 {
+    width: 486px;
+    .ant-drawer-content-wrapper {
         width: 486px !important;
     }
 }

src/views/market/spot_trade/components/buy-sell-market/components/delisting/index.vue

@@ -314,11 +314,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 ::v-deep.ant-slider.formSlider {
     width: 260px;
@@ -337,9 +332,6 @@ export default defineComponent({
     height: 14px;
     line-height: 14px;
 }
-.listedBtn:first-child {
-    margin-left: -35px;
-}
 .listedBtn {
     width: 120px;
     height: 30px;

src/views/market/spot_trade/components/buy-sell-market/components/financing_delisting/index.vue

@@ -362,11 +362,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
     .need {
         color: @m-grey0;
         font-size: 12px;
@@ -426,9 +421,6 @@ export default defineComponent({
     height: 14px;
     line-height: 14px;
 }
-.listedBtn:first-child {
-    margin-left: -35px;
-}
 .listedBtn {
     width: 120px;
     height: 30px;

src/views/market/spot_trade/components/detail/index.vue

@@ -1,6 +1,12 @@
 <template>
     <!-- 买卖大厅详情 -->
-    <Drawer :title="'详情'" :placement="'right'" :visible="visible" class="top" @cancel="cancel">
+    <Drawer
+        :title="'详情'"
+        :placement="'right'"
+        :visible="visible"
+        class="top top486"
+        @cancel="cancel"
+    >
         <div class="detailCont">
             <div class="rows">
                 <div class="row" v-for="item in lstitem" :key="item.name">
@@ -11,9 +17,9 @@
             <div class="ruleTitle">履约规则：</div>
             <div class="rulesCont">
                 <a-row>
-                    <a-col :span="24" v-for="(item, index) in lststep" :key="item.autoid">
-                        <div class="line">
-                            <div class="no">{{index + 1}}</div>
+                    <a-col :span="24" class="ruleCol">
+                        <div class="line" v-for="item in lststep" :key="item.autoid">
+                            <!-- <div class="no">{{index + 1}}</div> -->
                             <div class="name">{{item.steptypename}}</div>
                             <div class="time">{{item.stepdate}}</div>
                         </div>
@@ -118,57 +124,59 @@ export default defineComponent({
     .rulesCont {
         margin-top: 10px;
         .flex;
+        overflow-x: auto;
+        overflow-y: hidden;
+        max-width: 450px;
+        .ruleCol.ant-col {
+            margin-bottom: 10px;
+        }
     }
 }
 .ant-row {
     margin-left: 0 !important;
     margin-right: 0 !important;
     .ant-col {
-        height: 30px;
-        line-height: 30px;
         padding-left: 0 !important;
         padding-right: 0 !important;
         margin-bottom: 20px;
         .rounded-corners(3px);
+        display: inline-flex;
         .line {
             width: 100%;
-            display: inline-flex;
-        }
-        > div {
-            font-size: 14px;
-            color: @m-white11;
-            align-self: center;
-            align-items: center;
-            background: @m-blue27;
-        }
-        .no {
-            width: 30px;
-            background: @m-blue26;
-            .rounded-corners(3px);
-            text-align: center;
-            color: @m-white8;
+            .flex;
+            flex-direction: column;
+            .name {
+                min-width: 120px;
+                height: 30px;
+                background: @m-blue28;
+                border: 1px solid @m-black37;
+                .rounded-corners(3px);
+                text-align: center;
+                font-size: 16px;
+                color: @m-white6;
+            }
+
+            .time {
+                margin: 6px auto 0;
+                width: 50px;
+                height: 28px;
+                background: @m-black38;
+                .rounded-corners(5px);
+                color: @m-blue26;
+                font-size: 14px;
+                text-align: center;
+            }
         }
-        .name {
-            padding-left: 15px;
-            flex: 1;
-            font-size: 16px;
-            width: calc(100% - 93px);
-            text-overflow: ellipsis;
-            overflow: hidden;
-            white-space: nowrap;
+        .line:nth-child(2n) {
+            .name {
+                background: @m-yellow4;
+                border-color: @m-yellow5;
+            }
         }
-        .time {
-            width: 40px;
-            text-align: right;
-            color: @m-blue26;
-            margin-right: 8px;
+
+        .line + .line {
+            margin-left: 5px;
         }
     }
-    // .ant-col:nth-child(even) {
-    //     padding-left: 10px !important;
-    // }
-    // .ant-col:nth-child(odd) {
-    //     padding-right: 10px !important;
-    // }
 }
 </style>

src/views/market/spot_trade/components/post_buying/index.vue

@@ -2,13 +2,8 @@
     <!-- 挂牌求购 -->
     <Drawer :title="'挂牌求购'" :placement="'right'" :visible="visible" @cancel="cancel" class="top">
         <div class="post_buying">
-            <div class="formBar">
-                <a-form
-                    class="inlineForm dialogForm"
-                    ref="formRef"
-                    :model="formState"
-                    :rules="rules"
-                >
+            <a-form class="inlineForm dialogForm" ref="formRef" :model="formState" :rules="rules">
+                <div class="formBar">
                     <a-row :gutter="24">
                         <a-col :span="24">
                             <a-form-item label="交易账户" name="accountid">
@@ -123,16 +118,16 @@
                             </a-form-item>
                         </a-col>
                     </a-row>
-                    <a-row :gutter="24" type="flex" justify="center">
-                        <a-col :span="24" class="mt20">
-                            <a-form-item class="tc">
-                                <a-button class="listedBtn" @click="submit">买入</a-button>
-                                <a-button class="ml10 cancelBtn" @click="cancel">取消</a-button>
-                            </a-form-item>
-                        </a-col>
-                    </a-row>
-                </a-form>
-            </div>
+                </div>
+                <a-row :gutter="24">
+                    <a-col :span="24" class="fixedBtns">
+                        <a-form-item class="btnCenter">
+                            <a-button class="listedBtn" @click="submit">买入</a-button>
+                            <a-button class="ml10 cancelBtn" @click="cancel">取消</a-button>
+                        </a-form-item>
+                    </a-col>
+                </a-row>
+            </a-form>
         </div>
     </Drawer>
 </template>
@@ -290,6 +285,11 @@ export default defineComponent({
     height: 100%;
     .flex;
     flex-direction: column;
+    position: relative;
+    overflow: hidden;
+    .ant-form {
+        height: 100%;
+    }
     .condition {
         width: 100%;
         height: 48px;
@@ -317,11 +317,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 
 .unit {
@@ -334,9 +329,6 @@ export default defineComponent({
     height: 14px;
     line-height: 14px;
 }
-.listedBtn:first-child {
-    margin-left: -35px;
-}
 .listedBtn {
     width: 120px;
     height: 30px;

src/views/market/spot_trade/spot_trade_order_transaction/components/buy-sell-market/components/delisting/index.vue

@@ -315,11 +315,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 ::v-deep.ant-slider.formSlider {
     width: 260px;
@@ -338,9 +333,6 @@ export default defineComponent({
     height: 14px;
     line-height: 14px;
 }
-.listedBtn:first-child {
-    margin-left: -35px;
-}
 .listedBtn {
     width: 120px;
     height: 30px;

src/views/market/warehouseTrade/components/delisting/index.vue

@@ -141,11 +141,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 .mt-20 {
     margin-top: -20px;

src/views/market/warehouseTrade/components/listed/index.vue

@@ -141,11 +141,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 .mt-20 {
     margin-top: -20px;

src/views/order/pre_sale_warehouse_receipt/components/pre_sale_warehouse_receipt_order_summary/components/listed/index.vue

@@ -373,11 +373,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 .mt-20 {
     margin-top: -20px;

src/views/order/spot_warran/components/spot_warrant_inventory_summary/components/listing.vue

@@ -141,11 +141,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 .mt-20 {
     margin-top: -20px;

src/views/order/spot_warran/components/spot_warrant_inventory_summary/components/listing/index.vue

@@ -201,11 +201,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 .mt-20 {
     margin-top: -20px;

src/views/order/spot_warran/components/spot_warrant_spot_details/components/listing/index.vue

@@ -372,11 +372,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 .mt-20 {
     margin-top: -20px;

src/views/order/spot_warran/components/spot_warrant_spot_details/components/pick_up/index.vue

@@ -209,11 +209,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 
 ::v-deep.formProgress {
@@ -247,9 +242,6 @@ export default defineComponent({
     height: 14px;
     line-height: 14px;
 }
-.listedBtn:first-child {
-    margin-left: -35px;
-}
 .listedBtn {
     width: 120px;
     height: 30px;

src/views/order/spot_warran/components/spot_warrant_spot_summary/components/index.vue

@@ -80,11 +80,6 @@ export default defineComponent({
             margin-left: 10px;
         }
     }
-    .formBar {
-        width: 100%;
-        flex: 1;
-        padding: 28px 16px 7px;
-    }
 }
 
 ::v-deep.formProgress {