【fix】基础微件，主题切换背景优化， review by songym

xiongjiaojiao · xiongjiaojiao · commit d0c9de47a0a7 · 2019-04-25T21:03:46.000+08:00
diff --git a/examples/mapboxgl/widgets_basic_vue.html b/examples/mapboxgl/widgets_basic_vue.html
@@ -32,6 +32,7 @@
       top: 10px;
       left: 10px;
       z-index: 1000;
+      overflow: hidden;
     }
     .sm-progress-wrap {
       height: 100px;
@@ -50,7 +51,7 @@
     <sm-web-map :web-map-options="webOptions" map-id="1649097980" ref="map"></sm-web-map>
     <el-card class="box-card">
       <!-- 图标微件 -->
-      <sm-icon class-name="location" size="18px" text-color='rgb(63, 177, 227)'>
+      <sm-icon class-name="location" size="18px" text-color='rgb(63, 177, 227)' :style="{float: 'left'}">
       </sm-icon>
       <!-- 文本微件 -->
       <sm-text title="点击图上点切换显示机场数据" :font-style='{ fontSize: "14px"}' text-color="#333">
diff --git a/examples/mapboxgl/widgets_theme_vue.html b/examples/mapboxgl/widgets_theme_vue.html
@@ -41,6 +41,7 @@
       top: 10px;
       right: 10px;
       z-index: 1000;
+      overflow: hidden;
     }
 
     .radio-group {
@@ -73,7 +74,7 @@
     </el-radio-group>
     <div class="box-card">
       <!-- 图标微件 -->
-      <sm-icon class-name="location" size="18px">
+      <sm-icon class-name="location" background="unset" size="18px" :style="{float: 'left'}">
       </sm-icon>
       <!-- 文本微件 -->
       <sm-text title="点击图上点切换显示机场数据" :font-style='{ fontSize: "14px"}' text-color="#333"></sm-text>
@@ -89,7 +90,7 @@
       <sm-indicator title="2017货邮吞吐量" unit="吨" :num="goodsNumber" style="width: 100%"></sm-indicator>
       <sm-text title="同比增速" :font-style='{ fontSize: "12px",fontWeight: "bolder"}' text-color="rgb(51,51,51)"></sm-text>
 
-      <div :style="divStyle">
+      <div  :style="divStyle">
         <!-- 水球微件 -->
         <sm-liquid-fill :value="speedIncreaseValue" :wave-count="3" :wave-animation="true">
         </sm-liquid-fill>
