From d650dedcb6f89f2cf18c6a0c6b4c88336ef32d6f Mon Sep 17 00:00:00 2001 From: yanran200730 Date: Thu, 21 Jul 2022 14:33:00 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- examples/router/axios.js | 2 +- project/dv/apps/AppPdDv.vue | 94 +++++++++++++++++++++++++++++++++++-- 2 files changed, 92 insertions(+), 4 deletions(-) diff --git a/examples/router/axios.js b/examples/router/axios.js index 5e39299f..0b51e530 100644 --- a/examples/router/axios.js +++ b/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 => { diff --git a/project/dv/apps/AppPdDv.vue b/project/dv/apps/AppPdDv.vue index ca829c0a..25da464f 100644 --- a/project/dv/apps/AppPdDv.vue +++ b/project/dv/apps/AppPdDv.vue @@ -69,7 +69,7 @@
-
+
标签人群
@@ -99,9 +99,9 @@
07/19 09:45 - 书院社区-张三 + 书院社区-张三 添加居民" -

蓝天白云

+ 蓝天白云 "为好友
@@ -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;