From 4dc3e3b6e004de4bdc9280b424ea39c38bc90400 Mon Sep 17 00:00:00 2001 From: zhangjun1 Date: Tue, 21 Jul 2020 10:00:27 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B6=88=E6=81=AF=E6=8E=A8=E9=80=81=E5=8D=A1?= =?UTF-8?q?=E7=89=87=E9=80=89=E6=8B=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/recommen/recommen-box.vue | 122 +++++++++++ src/components/recommen/screen-type.vue | 207 ++++++++++++++++++ .../recommended/recommened-selected-list.vue | 73 +++++- 3 files changed, 397 insertions(+), 5 deletions(-) create mode 100644 src/components/recommen/recommen-box.vue create mode 100644 src/components/recommen/screen-type.vue diff --git a/src/components/recommen/recommen-box.vue b/src/components/recommen/recommen-box.vue new file mode 100644 index 0000000..41c206d --- /dev/null +++ b/src/components/recommen/recommen-box.vue @@ -0,0 +1,122 @@ + + + + + diff --git a/src/components/recommen/screen-type.vue b/src/components/recommen/screen-type.vue new file mode 100644 index 0000000..dfaa7c3 --- /dev/null +++ b/src/components/recommen/screen-type.vue @@ -0,0 +1,207 @@ + + + + + + diff --git a/src/pages/message-management/recommended/recommened-selected-list.vue b/src/pages/message-management/recommended/recommened-selected-list.vue index 92e99b0..80cf309 100644 --- a/src/pages/message-management/recommended/recommened-selected-list.vue +++ b/src/pages/message-management/recommended/recommened-selected-list.vue @@ -9,6 +9,10 @@ 推荐位管理

+ +
+ +
@@ -21,14 +25,23 @@ @@ -74,7 +119,7 @@ export default { } .selected_box{ float: left; - width: 400px; + width: 380px; background-color: #ffffff; box-shadow: 0px 3px 6px 0px #f4f7fc; @@ -94,5 +139,23 @@ export default { background-color: #515fe7; border-radius: 2px; display: inline-block; + vertical-align: -2px; + margin-left: 30px; + margin-right: 10px; +} +.select_box_contain{ + padding: 30px; + width: 100%; + overflow: hidden; +} +.select_box_in{ + width: calc((100% - 40px)/3); + height: 100px; + float: left; + background-color: #ccc; + margin-right: 20px; +} +.select_box_contain .select_box_in:nth-of-type(3n){ + margin-right: 0px; } -- 2.26.0