Jelajahi Sumber

手机求购样式调整

yangc 7 tahun lalu
induk
melakukan
cddc6e6cfe

+ 1 - 1
assets/scss/mobileCommon.scss

@@ -257,7 +257,7 @@ input {
     line-height: .58rem;
     border-radius: .14rem;
     margin: 0 0 0 .11rem;
-    font-size: .23rem;
+    font-size: .25rem;
     padding: 0 0 0 .21rem;
   }
   span {

+ 8 - 3
components/mobile/applyPurchase/PublishSeek.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mobile-modal" v-if="showSayPriceBox">
+  <div class="mobile-modal" v-if="showSayPriceBox" @click="setShowCurrencyList(false)">
     <div class="mobile-modal-box">
       <div class="mobile-modal-header">发布求购<i class="icon-guanbi iconfont" @click="cancel"></i></div>
       <div class="publish-seek">
@@ -24,7 +24,7 @@
         </div>
         <div class="content-line">
           <span>币种:</span>
-          <a v-text="applyObj.currency" @click="showCurrencyList = !showCurrencyList"></a>
+          <a v-text="applyObj.currency" @click="setShowCurrencyList(!showCurrencyList, $event)"></a>
           <img v-if="!showCurrencyList" src="/images/mobile/@2x/applyPurchase/currency-arrow-down.png" alt="">
           <img v-if="showCurrencyList" src="/images/mobile/@2x/applyPurchase/currency-arrow-up.png" alt="">
           <ul v-if="showCurrencyList">
@@ -152,6 +152,12 @@
       setRemindText: function (str) {
         this.$emit('remindAction', str)
       },
+      setShowCurrencyList: function (flag, e) {
+        if (e) {
+          e.stopPropagation()
+        }
+        this.showCurrencyList = flag
+      },
       goPublish: function () {
         if (this.checkAll()) {
           let inquiry = {}
@@ -213,7 +219,6 @@
       },
       setCurrency: function (type) {
         this.applyObj.currency = type
-        this.showCurrencyList = false
       },
       isValidDate: function (date) {
         let now = new Date(formatDate(new Date(), 'yyyy-MM-dd')).getTime()

+ 3 - 3
components/mobile/applyPurchase/SeekList.vue

@@ -206,11 +206,11 @@
         }
         .fr {
           width: 2.2rem;
-          padding: .66rem 0 0 .2rem;
+          padding: .66rem 0 0 0;
 
           p {
             font-size: .28rem;
-            text-align: left;
+            text-align: center;
 
             &.over-deadline {
               text-align: center;
@@ -236,7 +236,7 @@
             font-size: .32rem;
             color: #e62f36;
             border: 1px solid #ea494f;
-            margin-top: .34rem;
+            margin: .34rem auto 0;
             border-radius: .06rem;
 
             &.self-publish {