diff --git a/src/assets/videos/sky.mp4 b/src/assets/videos/sky.mp4 new file mode 100644 index 0000000..797b70e Binary files /dev/null and b/src/assets/videos/sky.mp4 differ diff --git a/src/pages/exp/index.vue b/src/pages/exp/index.vue index fcc41fd..0d9b7d8 100644 --- a/src/pages/exp/index.vue +++ b/src/pages/exp/index.vue @@ -15,38 +15,35 @@
实验线站

EXPERIMENT STATIONS

- -
科学实验站是S³FEL面向国家重大需求、聚焦科学前沿和引领地区产业发展的关键,旨在重点探究量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的关键技术和科学难题。S³FEL的供光具有超高时间分辨(40飞秒)、超高重复频率(最高百万赫兹)和超高亮度(电子束能量达2.5 Gev)的特点。 - - S³FEL可在原子尺度上研究复杂生物分子和材料的结构及组成,进而绘制病毒或细胞的原子量级三维精细结构,有助于科学家更深入地了解生物分子的结构和功能,为新药研发提供依据。在能源催化领域,S³FEL可研究飞秒内的化学变化,如化学键的形成和断裂、反应体系中电荷和能量的转移、反应过程中催化剂表面结构的动态演变等, 有助于科学家更好地研究复杂催化过程的反应机理和动力学过程,进而提高传统能源的利用效率,加快新能源开发。S³FEL还可用于探索极端电场或磁场强度下的物质变化,如研究星云和恒星的演变,探索生命的起源等。 -
+ +
{{ modules[1].form.des }}
@@ -56,7 +53,6 @@ import mixins from '@/mixins/page' import Setting from '@/setting' import Util from '@/libs/util' -import Breadcrumb from '@/components/breadcrumb' import WOW from 'wow.js' export default { mixins: [mixins], @@ -65,12 +61,8 @@ export default { routes: [] } }, - components: { - Breadcrumb - }, mounted() { new WOW().init() - this.getColumn() }, methods: { // 获取文章详情 @@ -87,34 +79,6 @@ export default { } }).catch(err => {}) }, - // 获取父级所有栏目名称和id - getParent(data, id) { - for (const e of data) { - if (e.id == id) { - this.routes.push({ - name: e.columnName, - query: { - id: e.id - } - }) - break - } else if (e.children.length) { - this.routes.push({ - name: e.columnName, - query: { - id: e.id - } - }) - this.getParent(e.children, id) - } - } - }, - // 获取上级面包屑 - getColumn() { - this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}`).then(({ data }) => { - this.getParent(data, this.id) - }).catch(err => {}) - }, } }; diff --git a/src/pages/news/index.vue b/src/pages/news/index.vue index 1cd2698..adca568 100644 --- a/src/pages/news/index.vue +++ b/src/pages/news/index.vue @@ -563,7 +563,7 @@ export default { width: 754px; li { display: flex; - padding: 24px; + padding: 15px; margin-bottom: 13px; background-color: #fff; cursor: pointer; @@ -577,7 +577,7 @@ export default { } .pic { width: 188px; - height: 145px; + height: 147px; margin-right: 28px; } h6 { @@ -589,6 +589,9 @@ export default { display: flex; align-items: center; margin: 10px 0; + &:last-child { + margin-bottom: 0; + } } .icon { margin-right: 5px; diff --git a/src/pages/science/index.vue b/src/pages/science/index.vue index ae39ec4..56c8a53 100644 --- a/src/pages/science/index.vue +++ b/src/pages/science/index.vue @@ -13,25 +13,25 @@
-
+
{{ modules[1].form.title }}
{{ modules[1].form.des }}
-
+
-
X射线是什么
-
{{ modules[1].form.des }}
+
{{ modules[2].form.title }}
+
{{ modules[2].form.des }}
-
+
-
X射线自由电子激光
-
{{ modules[1].form.des }}
+
{{ modules[3].form.title }}
+
{{ modules[3].form.des }}
diff --git a/src/pages/survey/index.vue b/src/pages/survey/index.vue index 328b19a..b797c05 100644 --- a/src/pages/survey/index.vue +++ b/src/pages/survey/index.vue @@ -16,6 +16,17 @@
  • {{ item }}
  • + +
    + +
    +
    @@ -23,23 +34,17 @@ import mixins from '@/mixins/page' import Setting from '@/setting' import Util from '@/libs/util' -import Breadcrumb from '@/components/breadcrumb' import WOW from 'wow.js' export default { mixins: [mixins], data() { return { - routes: [], - active: 0, + active: 2, tabs: ['S³FEL介绍', '发展历程', 'S³FEL宣传片', '地理位置', '机构设置'] } }, - components: { - Breadcrumb - }, mounted() { new WOW().init() - this.getColumn() }, methods: { // 获取文章详情 @@ -56,34 +61,6 @@ export default { } }).catch(err => {}) }, - // 获取父级所有栏目名称和id - getParent(data, id) { - for (const e of data) { - if (e.id == id) { - this.routes.push({ - name: e.columnName, - query: { - id: e.id - } - }) - break - } else if (e.children.length) { - this.routes.push({ - name: e.columnName, - query: { - id: e.id - } - }) - this.getParent(e.children, id) - } - } - }, - // 获取上级面包屑 - getColumn() { - this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}`).then(({ data }) => { - this.getParent(data, this.id) - }).catch(err => {}) - }, // tab回调 tabChange(i) { this.active = i @@ -102,7 +79,7 @@ export default { .tabs { display: flex; justify-content: center; - box-shadow: 0px 2px 14px 0px rgba(167,167,167,0.26); + box-shadow: 0px 2px 10px 0px rgba(223,223,223,0.28); li { padding: 25px 19px; margin: 0 10px; @@ -117,4 +94,18 @@ export default { } } } +.tab-content { + width: 1000px; + padding: 77px 0; + margin: 0 auto; +} +.video { + width: 100%; + margin-bottom: 55px; +} +.text { + font-size: 18px; + color: #020202; + line-height: 32px; +} \ No newline at end of file diff --git a/src/pages/talent/index.vue b/src/pages/talent/index.vue index abc7bd1..a5e6814 100644 --- a/src/pages/talent/index.vue +++ b/src/pages/talent/index.vue @@ -13,72 +13,55 @@
    -
    - +
    +
    -
    人才队伍
    -
    S³FEL已拥有一支高学历、高素质、高技术水平、高执行力,并勇于创新的工程技术团队。团队结构合理,包含研究人员、工程技术人员和管理人员等多种核心技术人才。 - S³FEL正大力引进国内、外高端创新人才和团队,成长为竞争力和影响力卓越的世界一流科学大装置。
    +
    {{ modules[1].form.title }}
    +
    {{ modules[1].form.des }}
    -
    - +
    +
    -
    人才需求
    -
    S³FEL是集“世界一流、深圳特色”的标志性、稀缺性、先进性于一体的自由电子激光重大科研平台。S3FEL的建设将紧密围绕高水平建设综合性国家科学中心的战略目标,面向国民经济主战场和世界科技前沿,汇聚全球高端创新资源,依托先行示范区政策、产业、资本、市场和技术等优势。 -S³FEL将服务于集成电路、生物医药、先进材料和先进制造等大湾区高新技术产业,以及产业核心关键技术发展相关的物理、化学、生物、材料、医学等多学科前沿基础研究。 -S³FEL欢迎物理学、光学工程、机械工程、动力工程及工程热物理、仪器科学与技术、电气工程、电子科学与技术、控制科学与工程、信息与通信工程、计算机科学与技术、材料科学与工程、化学、生物学、力学、测绘科学与技术等各专业人才的加入,共享发展新机遇,共创湾区大未来。
    +
    {{ modules[2].form.title }}
    +
    {{ modules[2].form.des }}
    -
    人物风采
    -
      -
    • - - -
      - -

      这是描述

      -
      -
      - -
      - -

      这是描述

      -
      -
      - -
      - -

      这是描述

      -
      -
      -
      -
    • -
    +
    {{ modules[3].form.title }}
    + + +
    - +
    -

    校园招聘

    -
    在校生/毕业生
    -
    S³FEL已拥有一支高学历、高素质、高技术水平、高执行力,并勇于创新的工程技术团队。团队结构合理,包含研究人员、工程技术人员和管理人员等多种核心技术人才。 S³FEL正大力引进国内、外高端创新人才和团队,成长为竞争力和影响力卓越的世界一流科学大装置。
    - 查看更多 +

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

    +
    {{ modules[5].form.title }}
    +
    {{ modules[5].form.des }}
    + 查看更多
    - +
    -

    校园招聘

    -
    在校生/毕业生
    -
    S³FEL已拥有一支高学历、高素质、高技术水平、高执行力,并勇于创新的工程技术团队。团队结构合理,包含研究人员、工程技术人员和管理人员等多种核心技术人才。 S³FEL正大力引进国内、外高端创新人才和团队,成长为竞争力和影响力卓越的世界一流科学大装置。
    - 查看更多 +

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

    +
    {{ modules[6].form.title }}
    +
    {{ modules[6].form.des }}
    + 查看更多
    @@ -104,7 +87,6 @@ export default { }, mounted() { new WOW().init() - this.getColumn() }, methods: { // 获取文章详情 @@ -121,34 +103,6 @@ export default { } }).catch(err => {}) }, - // 获取父级所有栏目名称和id - getParent(data, id) { - for (const e of data) { - if (e.id == id) { - this.routes.push({ - name: e.columnName, - query: { - id: e.id - } - }) - break - } else if (e.children.length) { - this.routes.push({ - name: e.columnName, - query: { - id: e.id - } - }) - this.getParent(e.children, id) - } - } - }, - // 获取上级面包屑 - getColumn() { - this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}`).then(({ data }) => { - this.getParent(data, this.id) - }).catch(err => {}) - }, } }; diff --git a/src/pages/userSharing/index.vue b/src/pages/userSharing/index.vue index 22a2e2f..2534bb7 100644 --- a/src/pages/userSharing/index.vue +++ b/src/pages/userSharing/index.vue @@ -16,7 +16,7 @@
    用户共享

    USERS SHARE

    -
    S³FEL是由深圳市政府投资建设的新一代自由电子激光大科学装置,将成为世界上顶级的先进光源大科学装置,是支撑深圳社会主义先行示范区和大湾区综合性国家科学中心建设的大型公共科技创新平台,对提升我国的科技影响力、集聚顶尖科技人才、推动科技创新具有非常重要的意义。 S³FEL以“高效运行、分类开放”为共享理念,向全世界科技界实行开放共享,促进信息、材料、能源、生物化学等多个基础科学领域的极速发展。
    +
    {{ modules[1].form.des }}
    @@ -30,18 +30,18 @@
    • -
      机时申请
      -
      向全世界科技界实行开放共享,多个基础科学领域的极速发展。
      +
      {{ modules[2].form.title }}
      +
      {{ modules[2].form.des }}
    • -
      实时运行动态
      -
      促进信息、材料、能源、生物、环境、化学等多个基础科学领域的极速发展。
      +
      {{ modules[3].form.title }}
      +
      {{ modules[3].form.des }}
    • -
      用户常见问题
      -
      常见问题答案,也能提问由深圳市政府投资建设的新一代自由
      +
      {{ modules[4].form.title }}
      +
      {{ modules[4].form.des }}
    @@ -52,7 +52,6 @@ import mixins from '@/mixins/page' import Setting from '@/setting' import Util from '@/libs/util' -import Breadcrumb from '@/components/breadcrumb' import WOW from 'wow.js' export default { mixins: [mixins], @@ -61,12 +60,8 @@ export default { routes: [] } }, - components: { - Breadcrumb - }, mounted() { new WOW().init() - this.getColumn() }, methods: { // 获取文章详情 @@ -83,34 +78,6 @@ export default { } }).catch(err => {}) }, - // 获取父级所有栏目名称和id - getParent(data, id) { - for (const e of data) { - if (e.id == id) { - this.routes.push({ - name: e.columnName, - query: { - id: e.id - } - }) - break - } else if (e.children.length) { - this.routes.push({ - name: e.columnName, - query: { - id: e.id - } - }) - this.getParent(e.children, id) - } - } - }, - // 获取上级面包屑 - getColumn() { - this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}`).then(({ data }) => { - this.getParent(data, this.id) - }).catch(err => {}) - }, } }; diff --git a/src/setting.js b/src/setting.js index 401c3db..5588148 100644 --- a/src/setting.js +++ b/src/setting.js @@ -6,7 +6,7 @@ let host = `${location.origin}/` if (isDev) { host = 'http://192.168.31.136:10000/' // 测试服 // host = 'https://31k70639y6.zicp.fun/' // 测试服 - host = 'http://192.168.31.51:10000/' // 榕 + // host = 'http://192.168.31.51:10000/' // 榕 // host = 'http://192.168.31.116:10000/' // 赓 }