大屏

examples/router/axios.js

@@ -3,7 +3,7 @@ import {Message} from 'element-ui'
 
 let baseURLs = {
   production: "/",
-  development: '/saas'
+  development: '/lan'
 }
 instance.defaults.baseURL = baseURLs[process.env.NODE_ENV]
 instance.interceptors.request.use(config => {

project/dv/apps/AppPdDv.vue

@@ -69,7 +69,7 @@
             </div>
             <div class="chart2"></div>
           </div>
-          <div class="item">
+          <div class="item item-tags">
             <div class="title">标签人群</div>
             <div class="item-bottom">
               <div class="item-bottom__item">
@@ -99,9 +99,9 @@
         <div class="bottom-list">
           <div class="item" v-for="(item, index) in 3" :key="index">
             <i>07/19 09:45</i>
-            <span>书院社区-张三</span>
+            <span>书院社区-张三 </span>
             <em>添加居民"</em>
-            <p>蓝天白云</p>
+            <span>蓝天白云</span>
             <em>"为好友</em>
           </div>
         </div>
@@ -256,15 +256,103 @@
           }
         }
       }
+
+      .item-tags {
+        margin-top: 20px;
+
+        .item-bottom__item {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          width: 100%;
+          height: 36px;
+          padding: 0 20px 0 39px;
+          background: url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/tag-title.png);
+          background-size: 100% 100%;
+
+          h2 {
+            color: #aeacaf;
+            font-size: 13px;
+          }
+
+          span {
+            color: #FFFFFF;
+            font-size: 16px;
+            font-weight: bold;
+          }
+        }
+      }
     }
 
     & > .middle {
+      display: flex;
+      flex-direction: column;
       flex: 1;
       height: 100%;
       margin: 0 16px;
+
+      .top {
+        flex: 1;
+      }
+
+      .bottom {
+        width: 100%;
+        height: 160px;
+        padding: 20px 24px;
+        background: rgba(15,20,47,0.5000);
+        box-shadow: inset 0px 0px 24px 4px rgba(163,247,255,0.7000);
+        border-radius: 8px;
+
+        .bottom-title {
+          display: flex;
+          align-items: center;
+          margin-bottom: 10px;
+
+          h2 {
+            margin-left: 4px;
+            font-size: 16px;
+            font-family: MicrosoftYaHeiSemibold;
+            color: #FFFFFF;
+            text-shadow: 0px 0px 10px #1C2F92;
+          }
+        }
+
+        .bottom-list {
+          height: 80px;
+          overflow-y: auto;
+
+          .item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 8px;
+            font-size: 14px;
+
+            &:last-child {
+              margin-bottom: 0;
+            }
+
+            i {
+              margin-right: 24px;
+              color: #aeacaf;
+              font-style: normal;
+              font-size: 14px;
+            }
+
+            span {
+              color: #FFD458;
+            }
+
+            em {
+              font-style: normal;
+              color: #2CF0F4;
+            }
+          }
+        }
+      }
     }
 
     & > .right {
+      position: relative;
       width: 360px;
       height: 100%;
       box-shadow: inset 0px 0px 5px 0px #D5E6FF;