소스 검색

样式优化

songxy 2 달 전
부모
커밋
997ea4b14e
3개의 변경된 파일47개의 추가작업 그리고 17개의 파일을 삭제
  1. BIN
      web_ui/src/assets/image/title_wh.png
  2. 21 6
      web_ui/src/views/industrial-land/AiIndustriaLandDetail.vue
  3. 26 11
      web_ui/src/views/znzt-land/AiZtzsDetail.vue

BIN
web_ui/src/assets/image/title_wh.png


+ 21 - 6
web_ui/src/views/industrial-land/AiIndustriaLandDetail.vue

@@ -121,7 +121,10 @@
                 </div>
               </div>
               <div class="two_box">
-                <p class="title">你可以试着这样问我:</p>
+                <p class="title">
+                  <span class="logo"></span>
+                  <span class="txt">你可以试着这样问我:</span>
+                </p>
                 <ul>
                   <li v-for="(item, index) in kws" :key="index" @click="hotQuestionReset(item['kw'], (index+1).toString())">
                     <div class="left_box">
@@ -1995,7 +1998,7 @@ export default {
   background: #ffffff;
   position: relative;
   padding: 17px 0px 0px 19px;
-  box-shadow: 0px 8px 16px 1px rgba(0, 57, 124, 0.2);
+  box-shadow: 0px 6px 12px 1px rgba(11,53,103,0.08);
   border-radius: 16px 16px 16px 16px;
   position: relative;
   padding-bottom: 50px;
@@ -2297,6 +2300,7 @@ export default {
                     &.desc {
                       color: #0C254A;
                       font-size: 15px;
+                      line-height: 19px;
                     }
                   }
                 }
@@ -2306,10 +2310,21 @@ export default {
                   border-radius: 16px;
                   padding: 20px;
                   > .title {
+                    display: flex;
+                    align-items: center;
                     padding-bottom: 10px;
-                    color: #326EF4;
-                    font-weight: bold;
-                    font-size: 18px;
+                    >.logo {
+                      width: 24px;
+                      height: 24px;
+                      background: url("../../assets/image/title_wh.png") no-repeat;
+                      background-size: 100% 100%;
+                      margin-right: 5px;
+                    }
+                    >.txt {
+                      color: #326EF4;
+                      font-weight: bold;
+                      font-size: 17px;
+                    }
                   }
                   > ul {
                     list-style: none;
@@ -2333,7 +2348,7 @@ export default {
                               display: block;
                               &.title {
                                 font-size: 18px;
-                                color: #111111;
+                                color: #183258;
                                 font-weight: bold;
                               }
                               &.txt {

+ 26 - 11
web_ui/src/views/znzt-land/AiZtzsDetail.vue

@@ -61,14 +61,16 @@
             </div>
             <div class="content_box">
               <div class="one_box">
-                <div class="title">智搜地块,慧定乾坤</div>
+                <div class="title">智搜地块,慧析数仓</div>
                 <div class="desc">
-                  你好,我可以根据你的指令进行图层控制、智能找地、统计
-                  分析等功能。
+                  你好,我可以根据你的指令进行图层控制、智能找地、统计分析等功能。
                 </div>
               </div>
               <div class="two_box">
-                <p class="title">你可以试着这样问我:</p>
+                <p class="title">
+                  <span class="logo"></span>
+                  <span class="txt">你可以试着这样问我:</span>
+                </p>
                 <ul>
                   <li v-for="(item, index) in kws" :key="index" @click="hotQuestionReset(item['kw'], (index+1).toString())">
                     <div class="left_box">
@@ -317,7 +319,7 @@ export default {
           desc: '例:帮我在萧山区找出面积大于100亩的永久基本农田图斑'
         },
         {
-          title: '图层控制',
+          title: '统计分析',
           kw: '请帮统计萧山区永久基本农田规模',
           desc: '例:请帮统计萧山区永久基本农田规模'
         }
@@ -1788,7 +1790,7 @@ export default {
   background: #ffffff;
   position: relative;
   padding: 17px 0px 0px 19px;
-  box-shadow: 0px 8px 16px 1px rgba(0, 57, 124, 0.2);
+  box-shadow: 0px 6px 12px 1px rgba(11,53,103,0.08);
   border-radius: 16px 16px 16px 16px;
   position: relative;
   padding-bottom: 50px;
@@ -2086,19 +2088,31 @@ export default {
                     &.desc {
                       color: #0C254A;
                       font-size: 15px;
+                      line-height: 19px;
                     }
                   }
                 }
                 &.two_box {
                   background: #f1f9fe;
-                  box-shadow: 0px 4px 10px 1px rgba(0,54,116,0.15);
+                  box-shadow: 0px -1px 6px 1px rgba(24,83,178,0.15);
                   border-radius: 16px;
                   padding: 20px;
                   > .title {
+                    display: flex;
+                    align-items: center;
                     padding-bottom: 10px;
-                    color: #326EF4;
-                    font-weight: bold;
-                    font-size: 18px;
+                    >.logo {
+                      width: 24px;
+                      height: 24px;
+                      background: url("../../assets/image/title_wh.png") no-repeat;
+                      background-size: 100% 100%;
+                      margin-right: 5px;
+                    }
+                    >.txt {
+                      color: #326EF4;
+                      font-weight: bold;
+                      font-size: 17px;
+                    }
                   }
                   > ul {
                     list-style: none;
@@ -2132,10 +2146,11 @@ export default {
                               display: block;
                               &.title {
                                 font-size: 18px;
-                                color: #111111;
+                                color: #183258;
                                 font-weight: bold;
                               }
                               &.txt {
+                                color: #183258;
                                 font-size: 15px;
                               }
                             }