优化样式

src/components/trip/calendarproduct.vue

@@ -27,7 +27,7 @@
            style="padding: 0 4px; width: 14.285%" v-for="(x, i) in dayList" :key="i"
             @click="chosenDateHandler(x)">
             <div
-            style="padding: 4px 0px; "
+            :style="{padding: x.price && x.price.remainNum==0?'9px 0px':'4px 0px'} "
             :class="{
               'cursor-pointer hover-date': x.value != '' && x.price,
               'cursor-not-allowed': (!x.price || x.price.remainNum==0) && x.value != '',
@@ -46,7 +46,7 @@
                 <!-- {{
                   x.price && x.price.remainNum>0 ? moneyFormat(x.price.originalB2CPrice, 0) :(x.price && x.price.remainNum==0?'售罄':'&nbsp;')
                 }} -->
-                <p v-if="x.price && x.price.remainNum>0">{{ x.price && x.price.remainNum>0 ? '可售:'+x.price.remainNum:'' }}  </p>
+                <p v-if="x.price && x.price.remainNum>0">{{ x.price && x.price.remainNum>0 ? '可售:'+x.price.remainNum:'&nbsp;' }}  </p>
                 {{
                   x.price && x.price.remainNum>0 ? moneyFormat(x.price.originalB2CPrice, 0) :(x.price && x.price.remainNum==0?'售罄':'&nbsp;')
                 }}