From d1f4161e8c90b8b4267da14b7854e768570797e0 Mon Sep 17 00:00:00 2001 From: yujialong <479214531@qq.com> Date: Wed, 21 Jun 2023 15:53:24 +0800 Subject: [PATCH] =?UTF-8?q?=E9=95=BF=E9=A1=B5=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/modules/module.vue | 3 +- src/const/modules.js | 254 +++++++++--- src/pages/column/page/iasf.vue | 33 ++ src/pages/column/page/overview.vue | 527 ++++++++++++++----------- src/pages/column/page/talentCentre.vue | 121 +++++- 5 files changed, 648 insertions(+), 290 deletions(-) diff --git a/src/components/modules/module.vue b/src/components/modules/module.vue index d00c907..4d5c06c 100644 --- a/src/components/modules/module.vue +++ b/src/components/modules/module.vue @@ -81,7 +81,8 @@ width="60" label="序号" align="center"> - @@ -707,4 +714,30 @@ export default { } } } +.tools { + z-index: 100; + position: fixed; + top: 430px; + right: 0; + li { + display: flex; + justify-content: center; + align-items: center; + width: 160px; + margin-bottom: 1px; + font-size: 1rem; + color: #0084ff; + line-height: 56px; + background-color: rgba(255, 255, 255, 0.94); + cursor: pointer; + &.active { + width: 192px; + color: #fff; + background-color: rgba(1, 129, 247, 0.94); + } + } + .icon { + margin-right: 10px; + } +} \ No newline at end of file diff --git a/src/pages/column/page/overview.vue b/src/pages/column/page/overview.vue index b26bfbe..a41a276 100644 --- a/src/pages/column/page/overview.vue +++ b/src/pages/column/page/overview.vue @@ -3,96 +3,128 @@

页面设置/关于IASF-研究院概况

- 预览 + 预览 保存为草稿 - 发布 + 发布 放弃编辑
- +
- +
-
点击更换banner与链接
+
点击更换banner与链接
-
-
-
- -
点击更换图片
+
+
+
+
+

{{ modules[1].form.title }}

+
+
{{ modules[1].form.des }}
+
+
-
-
+
点击更改图片、标题概述与链接
+
+
+ +
+
+
+ +
{{ modules[2].form.title }}
-
-
点击更换标题与描述
+
+
-
+
点击更换图片、标题、描述与链接
+
+
+ +
{{ modules[3].form.title }}
-
-
点击更换标题与描述
+
+
+
点击更换图片、标题、描述与链接
- +
-
-

{{ modules[4].form.title }}

-

{{ modules[4].form.des }}

-
点击更换标题与描述
+
+
{{ modules[4].form.title }}
+

{{ modules[4].form.subTitle }}

+
+ +
点击更换标题、小标题、描述与链接
-
    +
    • - +
      {{ modules[5].form.title }}
      -
      - +
      -
      点击更换图片、标题、描述与链接
      +
      点击更换图片、标题、描述与链接
    • - +
      {{ modules[6].form.title }}
      -
      - +
      -
      点击更换图片、标题、描述与链接
      +
      点击更换图片、标题、描述与链接
      • -
    -
    • - +
      {{ modules[7].form.title }}
      -
      +
      -
      点击更换图片、标题、描述与链接
      -
      • -
    • - -
      -
      {{ modules[8].form.title }}
      -
      -
      -
      点击更换图片、标题、描述与链接
      -
      • -
    • - -
      -
      {{ modules[9].form.title }}
      -
      -
      -
      点击更换图片、标题、描述与链接
      +
      点击更换图片、标题、描述与链接
@@ -100,43 +132,59 @@
-

{{ modules[10].form.title }}

-

{{ modules[10].form.des }}

-
点击更换标题与描述
+

{{ modules[8].form.title }}

+

{{ modules[8].form.des }}

+
点击更换标题与描述
-
{{ item.title }}
-
点击更换标题
+
{{ item.title }}
+
点击更换标题
  • -

    {{ modules[12].form.title }}

    -

    {{ modules[12].form.des }}

    -
    标题描述
    +

    {{ modules[10].form.title }}

    +

    {{ modules[10].form.des }}

    +
    标题描述
  • -

    {{ modules[13].form.title }}

    -

    {{ modules[13].form.des }}

    -
    标题描述
    +

    {{ modules[11].form.title }}

    +

    {{ modules[11].form.des }}

    +
    标题描述
  • -

    {{ modules[14].form.title }}

    -

    {{ modules[14].form.des }}

    -
    标题描述
    +

    {{ modules[12].form.title }}

    +

    {{ modules[12].form.des }}

    +
    标题描述
- -
点击更换图片
+ +
点击更换图片
- +
@@ -145,12 +193,12 @@ import mixins from '@/mixins/page' import Modules from '@/const/modules' export default { mixins: [mixins], - data() { + data () { return { modules: Modules.overview } }, - mounted() { + mounted () { this.$store.commit('user/setCrumbs', [ { name: '站点管理', @@ -170,186 +218,217 @@ export default { ]) }, methods: { - + } }; diff --git a/src/pages/column/page/talentCentre.vue b/src/pages/column/page/talentCentre.vue index b9c834a..8fa3205 100644 --- a/src/pages/column/page/talentCentre.vue +++ b/src/pages/column/page/talentCentre.vue @@ -70,6 +70,30 @@
+ +
+
+ +
点击更换标题与链接
+
+ +

人才资讯

+
    +
  • +

    喜报 | 深圳粒子研究院荣获全国科研…

    + 2022-08-09 +
    • +
    点击关联栏目
    +
+
@@ -88,7 +112,11 @@ export default { mixins: [mixins], data () { return { - modules: Modules.talentCentre + modules: Modules.talentCentre, + defaultProps: { + value: 'id', + label: 'title' + }, } }, mounted () { @@ -122,11 +150,30 @@ export default { margin-top: 20px; background-color: #fff; } +.l-title { + position: relative; + padding-bottom: 20px; + font-size: 1rem; + font-family: PingFangSC-Medium, PingFang SC; + color: #000; + line-height: 1.6; + border-bottom: 1px solid #ddd; + &:after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 30px; + height: 2px; + background-color: #156ceb; + } +} .article { display: flex; justify-content: center; .left { - width: 80%; + width: 66%; + margin-right: 20px; .talent-title { padding-bottom: 10px; font-size: 1.2rem; @@ -147,49 +194,83 @@ export default { margin-top: 4rem; li { position: relative; - display: flex; - align-items: center; + height: 450px; margin-bottom: 2rem; &:nth-child(even) { - flex-direction: row-reverse; .texts { - padding: 75px 83px 75px 40px; - margin: 0 -50px 0 0; + left: 50px; + right: auto; + background: rgba(255, 255, 255, 0.43); } } } .pic { - width: 430px; - height: 430px; + width: 100%; + height: 100%; } .texts { - position: relative; - width: 530px; - height: 330px; - padding: 75px 41px 75px 83px; - margin-left: -50px; - background-color: rgba(247, 247, 247, 0.72); + position: absolute; + top: 60px; + right: 50px; + width: 380px; + padding: 50px 25px; + background: rgba(243, 251, 255, 0.82); } h6 { font-size: 1.2rem; - font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; - color: #333; + color: #2a4b65; } .line { width: 93px; height: 1px; margin: 1rem 0; - background: #d8d8d8; + background: #3e6473; } .text { + margin-bottom: 1rem; font-size: 1rem; - font-family: PingFangSC-Regular, PingFang SC; - color: #666; + color: #2a4b65; line-height: 1.6; } } + .right { + width: 20%; + } + .column { + width: 100%; + margin-bottom: 25px; + } + /deep/.el-tree-node__content { + height: 44px; + background-color: #e5edf8; + border-bottom: 2px solid #fff; + } + /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { + color: #fff; + background-color: #0f5698; + } + .list { + position: relative; + margin-bottom: 20px; + li { + padding: 16px 0; + border-bottom: 1px solid #d8d8d8; + } + .text { + margin-bottom: 5px; + font-size: 14px; + cursor: pointer; + &:hover { + color: $main-color; + } + } + .date { + font-size: 12px; + color: #999; + } + } } \ No newline at end of file