Merge branch 'dev' into zcZhang_dev

JCCDex · Feb 23, 2019 · d58e6bd · d58e6bd
2 parents 3d89b25 + 82e173c
commit d58e6bd
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 19 deletions.
diff --git a/src/components/fullScreenMobileKline.vue b/src/components/fullScreenMobileKline.vue
@@ -21,12 +21,9 @@
             <font class="mobile-tooltip-name-fullScreen">{{message.closingMobile}}</font><font class="mobile-tooltip-data">{{this.toolTipData.closing}}</font>
             <font class="mobile-tooltip-name-fullScreen">{{message.maxMobile}}</font><font class="mobile-tooltip-data">{{this.toolTipData.max}}</font>
             <font class="mobile-tooltip-name-fullScreen">{{message.minMobile}}</font><font class="mobile-tooltip-data">{{this.toolTipData.min}}</font>
-            <div style="float:right">
-              <font class="mobile-tooltip-volume">{{message.volumeMobile}}</font><font class="mobile-tooltip-volume">{{this.toolTipData.volume}}</font>
-            </div>
+            <font class="mobile-tooltip-name-fullScreen">{{message.volumeMobile}}</font><font class="mobile-tooltip-data">{{this.toolTipData.volume}}</font>
           </div>
         </div>
-
         <!-- timeDivision tootip 数据显示 -->
         <div :class="this.message.language === 'en' ? 'time-sharing-en-data' : 'time-sharing-zh-data'" v-if="timeDivisionTipData">
           <font :class="timeDivisionTipData.color === 1 ? 'tooltip-data-green' : 'tooltip-data-red'">{{this.timeDivisionTipData.time}}</font>

diff --git a/src/components/mobileKline.vue b/src/components/mobileKline.vue
@@ -10,21 +10,19 @@
         </div>
         <!-- tooltip 数据显示 -->
         <div :class="this.message.language === 'zh' ? 'mobile-tooltip-zh' : 'mobile-tooltip-en'" v-if="toolTipData">
-          <div style="font-size:0.16rem; margin-top: 0.1rem;">
+          <div style="margin-top: 0.1rem;">
             <font class="mobile-tooltip-data-ma5">MA5: </font><font class="tooltip-ma5">{{this.toolTipData.MA5}}</font>
             <font class="mobile-tooltip-data-ma10">MA10: </font><font class="tooltip-ma10">{{this.toolTipData.MA10}}</font>
             <font class="mobile-tooltip-data-ma20">MA20: </font><font class="tooltip-ma20">{{this.toolTipData.MA20}}</font>
             <font class="mobile-tooltip-data-ma30">MA30: </font><font class="tooltip-ma30">{{this.toolTipData.MA30}}</font>
-            <font class="mobile-tooltip-data-ma60">MA60: </font><font class="tooltip-ma60">{{this.toolTipData.MA60}}</font>
+            <font class="mobile-tooltip-data-ma60">MA60: {{this.toolTipData.MA60}}</font>
           </div>
-          <div style="font-size:0.16rem; margin-left: -0.1rem; margin-top: 0.05rem;">
-            <font class="mobile-tooltip-name">{{message.openingMobile}}</font><font class="mobile-tooltip-data">{{this.toolTipData.opening}}</font>
-            <font class="mobile-tooltip-name">{{message.closingMobile}}</font><font class="mobile-tooltip-data">{{this.toolTipData.closing}}</font>
-            <font class="mobile-tooltip-name">{{message.maxMobile}}</font><font class="mobile-tooltip-data">{{this.toolTipData.max}}</font>
-            <font class="mobile-tooltip-name">{{message.minMobile}}</font><font class="mobile-tooltip-data">{{this.toolTipData.min}}</font>
-            <div style="float:right">
-              <font class="mobile-tooltip-volume">{{message.volumeMobile}}</font><font class="mobile-tooltip-volume">{{this.toolTipData.volume}}</font>
-            </div>
+          <div style="margin-left: -0.1rem; margin-top: 0.05rem;">
+            <font class="mobile-tooltip-name">{{message.openingMobile}} </font><font class="mobile-tooltip-data">{{this.toolTipData.opening}}</font>
+            <font class="mobile-tooltip-name">{{message.closingMobile}} </font><font class="mobile-tooltip-data">{{this.toolTipData.closing}}</font>
+            <font class="mobile-tooltip-name">{{message.maxMobile}} </font><font class="mobile-tooltip-data">{{this.toolTipData.max}}</font>
+            <font class="mobile-tooltip-name">{{message.minMobile}} </font><font class="mobile-tooltip-data">{{this.toolTipData.min}}</font>
+            <font class="mobile-tooltip-name">{{message.volumeMobile}} </font><font class="mobile-tooltip-data">{{this.toolTipData.volume}}</font>
           </div>
         </div>
         <!-- timeDivision tootip 数据显示 -->

diff --git a/src/css/common.css b/src/css/common.css
@@ -135,7 +135,8 @@
 }
 
 .tooltip-ma30 {
-    color: #f6d026
+    color: #f6d026;
+    margin-right: 0.1rem;
 }
 
 .tooltip-data-ma60 {
@@ -368,12 +369,14 @@
     text-align: left;
     padding: 0.5rem 0.2rem 0.23rem 0.2rem;
     z-index: 1;
+    font-size: 0.16rem;
 }
 
 .mobile-tooltip-en {
     text-align: left;
     padding: 0.5rem 0.2rem 0.23rem 0.2rem;
     z-index: 1;
+    font-size: 0.16rem;
 }
 
 .mobile-tooltip-en-outspread {
@@ -481,7 +484,7 @@
 .mobile-tooltip-volume {
     color: #e6e6e6;
     font: 0.16rem "Microsoft YaHei";
-    float: felt
+    float: right
 }
 
 .mobile-depthMapname {
@@ -513,8 +516,8 @@
 }
 
 .mobile-tooltip-data-ma60 {
-    margin-left: 0.1rem;
-    color: #e03bfa
+    color: #e03bfa;
+    display: inline-block;
 }
 
 .mobileCycleFullScreen {

diff --git a/src/js/DepthOption.js b/src/js/DepthOption.js
@@ -264,7 +264,7 @@ var mobileDepthOption = {
                 color: '#09e988',
                 width: 2 // 线宽
             },
-            areaStyle: {
+            areaStyle: { // 区域填充样式
                 normal: {
                     color: 'rgba(9,233,136,0.3)' // 填充区颜色
                 }