update: ui

src/components/layout/index.vue

@@ -14,7 +14,7 @@
               <span class="content-title">{{ contentTitle }}</span>
               <div v-html="layoutTips" class="layout--tips--wrap"></div>
             </div>
-            <div v-if="showDescription" class="intro_wrap"><img :src="require('@/assets/img/introlIcon.png')" class="introlIcon" alt="" /><span class="intro" @click="() => (drawer = true)">指标说明</span></div>
+            <div v-if="showDescription" class="intro_wrap"><i class="iconfont icon-zhibiaoshuoming introlIcon" alt="" /><span class="intro" @click="() => (drawer = true)">指标说明</span></div>
           </h3>
         </div>
         <div class="layout-content__wrap">
@@ -152,8 +152,8 @@ export default {
         display: flex;
         align-items: center;
         .introlIcon {
-          width: 16px;
-          height: 16px;
+          color: #1890ff;
+          font-size: 16px;
           margin-right: 5px;
         }
         .intro {

src/views/ecm/touch-components/description.vue

 <template>
   <!--文字说明-->
-  <el-drawer title="触达效果说明" :visible.sync="drawer" :direction="direction" custom-class="touch_drawer h790" v-if="contentTitle == '触达效果'">
+  <el-drawer title="触达效果说明" :visible.sync="drawer" :modal="false" :direction="direction" custom-class="touch_drawer h" v-if="contentTitle == '触达效果'">
     <ul class="content">
       <li>数据更新频率：1天1次</li>
       <li>
@@ -46,7 +46,7 @@
       </li>
     </ul>
   </el-drawer>
-  <el-drawer title="数据说明" :visible.sync="drawer" :direction="direction" custom-class="touch_drawer h795" v-else-if="contentTitle == '智能营销'">
+  <el-drawer title="数据说明" :visible.sync="drawer" :modal="false" :direction="direction" custom-class="touch_drawer h" v-else-if="contentTitle == '智能营销'">
     <ul class="content">
       <li>更新频率：营销人次实时统计，其余指标1天更新1次；</li>
       <li>
@@ -124,20 +124,17 @@ export default {
 </script>
 
 <style lang="scss">
-.h790 {
-  height: 790px !important;
+.h {
+  height: 80vh !important;
   overflow-y: scroll;
 }
-.h795 {
-  height: 795px !important;
-}
 .touch_drawer {
   width: 395px !important;
   background: #ffffff;
   box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15) !important;
   border-radius: 2px !important;
   border: 1px solid #dcdfe6 !important;
-  position: absolute;
+  position: fixed;
   top: 64px !important;
   right: 24px !important;
   padding: 14px 24px 21px 20px;