openatc-components 0.2.73 → 0.2.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openatc-components",
-  "version": "0.2.73",
+  "version": "0.2.74",
   "description": "A Vue.js project",
   "author": "openatc developer",
   "private": false,

package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue

@@ -35,11 +35,11 @@
       <div class="phaseCountdown" v-show="isShowInterval" v-if="isLoaded && isHasPhase && isHasCountdown" :class="{'countdownBg': isLoaded}">
         <div v-for="curPhase in phaseCountdownList" :key="curPhase.id" :style="{color: curPhase.phaseCountdownColor}">
           <div v-if="curPhase.phaseCountdown !== undefined && curPhase.phaseCountdown !== -1" style="overflow: hidden;margin-bottom: 4px;">
-            <span style="float: left;width: 33px;height: 33px;position: relative;border: 1px solid rgba(255, 255, 255, 0.1);margin-right: 7px;">
-              <xdr-dir-selector :Data="xdrData" :Datas="xdrpedData" Width="42px" Height="42px" Widths="42px" Heights="42px" :showlist="curPhase.showlist" :roadDirection="roadDirection"></xdr-dir-selector>
+            <span style="float: left;width: 42px;height: 42px;position: relative;border: 1px solid rgba(255, 255, 255, 0.1);margin-right: 5px;">
+              <xdr-dir-selector :Data="xdrData" :Datas="xdrpedData" Width="55px" Height="55px" Widths="55px" Heights="55px" :showlist="curPhase.showlist" :roadDirection="roadDirection"></xdr-dir-selector>
             </span>
-            <span style="float: left;color: #fff;margin-right: 10px;width: 30px;">P{{curPhase.id}}:</span>
-            <span style="float: left;font-size: 20px;">{{curPhase.phaseCountdown}}</span>
+            <span style="float: left;color: #fff;margin-right: 8px;width: 30px;">P{{curPhase.id}}:</span>
+            <span style="float: left;font-size: 25px;">{{curPhase.phaseCountdown}}</span>
           </div>
         </div>
       </div>
@@ -97,11 +97,14 @@
     <div class="left-dir-road" v-if="roadDir === 'left'">
       <div class="centerText" v-if="mainType === '100' || mainType === '101'" :class="{'countdownBg': isLoaded}">
         <!-- 相位倒计时 -->
-        <div class="phaseCountdown" v-if="isLoaded && isHasPhase">
+        <div class="phaseCountdown" v-show="isShowInterval" v-if="isLoaded && isHasPhase && isHasCountdown" :class="{'countdownBg': isLoaded}">
           <div v-for="curPhase in phaseCountdownList" :key="curPhase.id" :style="{color: curPhase.phaseCountdownColor}">
-            <div v-if="curPhase.phaseCountdown !== -1">
-              <span style="float: left;font-size: 20px;color: #fff;width: 70px;">{{$t('openatccomponents.overview.phase')}}{{curPhase.id}}:</span>
-              <span style="float: left;">{{curPhase.phaseCountdown}}</span>
+            <div v-if="curPhase.phaseCountdown !== undefined && curPhase.phaseCountdown !== -1" style="overflow: hidden;margin-bottom: 4px;">
+              <span style="float: left;width: 42px;height: 42px;position: relative;border: 1px solid rgba(255, 255, 255, 0.1);margin-right: 5px;">
+                <xdr-dir-selector :Data="xdrData" :Datas="xdrpedData" Width="55px" Height="55px" Widths="55px" Heights="55px" :showlist="curPhase.showlist" :roadDirection="roadDirection"></xdr-dir-selector>
+              </span>
+              <span style="float: left;color: #fff;margin-right: 8px;width: 30px;">P{{curPhase.id}}:</span>
+              <span style="float: left;font-size: 25px;">{{curPhase.phaseCountdown}}</span>
             </div>
           </div>
         </div>
@@ -1224,8 +1227,8 @@ export default {
   /* padding-left: 16px; */
 }
 .phaseCountdown {
-  line-height: 32PX;
-  font-size: 14px;
+  line-height: 42PX;
+  font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   letter-spacing: 0px;
@@ -1236,7 +1239,7 @@ export default {
 .countdownBg {
   border-radius: 10PX;
   background-color: rgba(94, 90, 90, 0.8);
-  padding-left: 16PX;
+  padding-left: 14PX;
   padding-top: 10PX;
   padding-bottom: 10PX;
 }