From f115edeb003327109dd185a204d1f996de21f051 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期二, 08 四月 2025 17:58:36 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase
---
src/views/honors/index.vue | 415 ++++++++------
src/views/achievements/index.vue | 67 +
src/views/achievements/details.vue | 1170 +++++++++++++++++++++--------------------
src/views/directory/index.vue | 21
4 files changed, 897 insertions(+), 776 deletions(-)
diff --git a/src/views/achievements/details.vue b/src/views/achievements/details.vue
index e504786..dbeedac 100644
--- a/src/views/achievements/details.vue
+++ b/src/views/achievements/details.vue
@@ -1,613 +1,647 @@
<template>
- <div class="page">
- <div class="page-header">
- <p>鐜嬫案鐐庨櫌澹鏈垚鏋�</p>
- </div>
- <ul class="page-main">
- <li class="page-main-name">
- <p><el-button icon="el-icon-arrow-left" @click="goBack()">杩斿洖</el-button></p>
- <p>{{ detailsList.name }}</p>
- </li>
- <li class="page-main-time">
- <p>
- <span>{{ detailsList.sources }}</span>
- <span>{{ detailsList.time }}</span>
- </p>
- </li>
- <li class="page-main-title">
- <p>
- <span v-for="(item, index) in detailsList.characterList" :key="index">{{ item.name }}</span>
- </p>
- <p>
- <span>鎽樿锛�</span>{{ detailsList.title }}
- </p>
- <p>
- <span>鍏抽敭璇嶏細</span>
- <span class="page-main-keyword" v-for="(item, index) in detailsList.keyword" :key="index">{{
- item.name }}</span>
- </p>
- <p>
- <el-button >鏌ョ湅鍏ㄦ枃</el-button>
- </p>
- <p class="page-main-video">
- <video :src="detailsList.videoUrl" controls autoplay class="video" width="70%"></video>
- </p>
- <p class="page-main-audio">
- <audio :src="detailsList.videoUrl" controls autoplay class="video" width="100%"></audio>
- </p>
- </li>
- <li class="page-main-literature">
- <p class="literature-header">鐩稿叧鏂囩尞</p>
- <div class="content-right">
- <!-- 缁撴灉灞曠ず -->
- <ul class="right-main" v-for="(item, index) in resultList" :key="index">
- <li class="main-name">
- <p>{{ item.name }}</p>
- <p>
- <el-button @click="goPage(item)">璇︽儏</el-button>
- <el-button>AI鏅鸿兘闃呰</el-button>
- </p>
- </li>
- <li class="main-sources">
- <span>{{ item.type }}</span>
- <span>{{ item.sources }}</span>
- <span>{{ item.time }}</span>
- </li>
- <li class="main-author">
- {{ item.author }}
- </li>
- <li class="main-title" :title="item.title">
- <span>鎽樿: </span>{{ item.title }}
- </li>
- <li class="main-keyword">
- <span>鍏抽敭璇嶏細</span>
- <span class="keyWord" v-for="(citem, cindex) in item.keyword" :key="cindex">
- {{ citem.name }}
- </span>
- </li>
- </ul>
- </div>
- </li>
- </ul>
+ <div class="page">
+ <div class="page-header">
+ <p>鐜嬫案鐐庨櫌澹鏈垚鏋�</p>
</div>
+ <div class="page-main-father">
+ <ul class="page-main">
+ <li class="page-main-name">
+ <p>
+ <el-button icon="el-icon-arrow-left" @click="goBack()"
+ >杩斿洖</el-button
+ >
+ </p>
+ <p>{{ detailsList.name }}</p>
+ </li>
+ <li class="page-main-time">
+ <p>
+ <span>{{ detailsList.sources }}</span>
+ <span>{{ detailsList.time }}</span>
+ </p>
+ </li>
+ <li class="page-main-title">
+ <p>
+ <span
+ v-for="(item, index) in detailsList.characterList"
+ :key="index"
+ >{{ item.name }}</span
+ >
+ </p>
+ <p><span>鎽樿锛�</span>{{ detailsList.title }}</p>
+ <p>
+ <span>鍏抽敭璇嶏細</span>
+ <span
+ class="page-main-keyword"
+ v-for="(item, index) in detailsList.keyword"
+ :key="index"
+ >{{ item.name }}</span
+ >
+ </p>
+ <p v-if="!isDisplay">
+ <el-button @click="isDisplay = !isDisplay">鏌ョ湅鍏ㄦ枃</el-button>
+ </p>
+ <p class="page-main-video" v-if="isDisplay">
+ <video
+ :src="detailsList.videoUrl"
+ controls
+ autoplay
+ class="video"
+ width="70%"
+ ></video>
+ </p>
+ <p class="page-main-audio" v-if="isDisplay">
+ <audio
+ :src="detailsList.videoUrl"
+ controls
+ autoplay
+ class="video"
+ width="100%"
+ ></audio>
+ </p>
+ </li>
+ <li class="page-main-literature">
+ <p class="literature-header">鐩稿叧鏂囩尞</p>
+ <div class="content-right">
+ <!-- 缁撴灉灞曠ず -->
+ <ul
+ class="right-main"
+ v-for="(item, index) in resultList"
+ :key="index"
+ >
+ <li class="main-name">
+ <p>{{ item.name }}</p>
+ <p>
+ <el-button @click="goPage(item)">璇︽儏</el-button>
+ <el-button>AI鏅鸿兘闃呰</el-button>
+ </p>
+ </li>
+ <li class="main-sources">
+ <span>{{ item.type }}</span>
+ <span>{{ item.sources }}</span>
+ <span>{{ item.time }}</span>
+ </li>
+ <li class="main-author">
+ {{ item.author }}
+ </li>
+ <li class="main-title" :title="item.title">
+ <span>鎽樿: </span>{{ item.title }}
+ </li>
+ <li class="main-keyword">
+ <span>鍏抽敭璇嶏細</span>
+ <span
+ class="keyWord"
+ v-for="(citem, cindex) in item.keyword"
+ :key="cindex"
+ >
+ {{ citem.name }}
+ </span>
+ </li>
+ </ul>
+ </div>
+ </li>
+ </ul>
+ </div>
+ </div>
</template>
<script>
export default {
- data() {
- return {
- isDisplay: false,
- detailsList: {
- name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
- sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
- time: "2025-02-24",
- characterList: [
- {
- name: "鏉ㄦ担鑿�"
- },
- {
- name: "鏉ㄦ担鑿�"
- },
- {
- name: "鏉ㄦ担鑿�"
- },
- {
- name: "鏉ㄦ担鑿�"
- },
- ],
- title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
- keyword: [
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- ],
- videoUrl: "https://www.w3schools.com/html/mov_bbb.mp4",
- audioMd5: "",
+ data() {
+ return {
+ isDisplay: false,
+ detailsList: {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ time: "2025-02-24",
+ characterList: [
+ {
+ name: "鏉ㄦ担鑿�",
+ },
+ {
+ name: "鏉ㄦ担鑿�",
+ },
+ {
+ name: "鏉ㄦ担鑿�",
+ },
+ {
+ name: "鏉ㄦ担鑿�",
+ },
+ ],
+ title:
+ "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ],
+ videoUrl: "https://www.w3schools.com/html/mov_bbb.mp4",
+ audioMd5: "",
+ },
+ // 鏌ヨ缁撴灉
+ resultList: [
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title:
+ "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
},
- // 鏌ヨ缁撴灉
- resultList: [
- {
- name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
- sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
- type: "鏈熷垔",
- author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
- time: "2025-02-24 09:21",
- title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
- keyword: [
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- ]
-
- },
- {
- name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
- sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
- type: "鏈熷垔",
- author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
- time: "2025-02-24 09:21",
- title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
- keyword: [
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- ]
-
- },
- {
- name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
- sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
- type: "鏈熷垔",
- author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
- time: "2025-02-24 09:21",
- title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
- keyword: [
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- ]
-
- },
- {
- name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
- sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
- type: "鏈熷垔",
- author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
- time: "2025-02-24 09:21",
- title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
- keyword: [
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- ]
-
- },
- {
- name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
- sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
- type: "鏈熷垔",
- author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
- time: "2025-02-24 09:21",
- title: "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
- keyword: [
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- {
- name: "涓嵂闂告煖",
- },
- ]
-
- }
- ]
- }
- },
- methods: {
- goPage(key) {
-
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ],
},
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title:
+ "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ],
+ },
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title:
+ "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ],
+ },
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title:
+ "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ],
+ },
+ {
+ name: "涓嵂闂告煖鐨勫巻鍙蹭紶鎵夸笌鏂版椂浠ｅ彂灞曟�濊��",
+ sources: "鍖椾含涓尰鑽ぇ瀛﹀鎶�",
+ type: "鏈熷垔",
+ author: "鏉ㄦ担鑿� 鍖椾含涓尰鑽ぇ瀛︿腑鑽闄紱璧靛ぉ鎴� 鍖椾含甯堣寖澶у",
+ time: "2025-02-24 09:21",
+ title:
+ "涓嵂闂告煖鏄紶缁熶腑鑽皟鍓傜殑楂樼骇绠＄悊浜哄憳锛屽湪'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃�備腑鑽椄鏌滄槸浼犵粺涓嵂璋冨墏鐨勯珮绾х鐞嗕汉鍛橈紝鍦�'鍓嶅簵鍚庡巶寮�'涓嵂鎴垮彂鎸ラ噸瑕佷綔鐢ㄥ拰鍏抽敭鑱岃兘銆備紶鎵夸腑鑽椄鏌滅殑瀹濊吹瀛︽湳缁忛獙涓庝紭绉�鏂囧寲瀵瑰帢娓呬腑鑽瀛︾鍙戝睍鑴夌粶銆佽鑼冧腑鑽皟鍓傛妧鏈搷浣溿�佷績杩涜�佽嵂宸ユ妧鑹�'娲绘�佷紶鎵�'鍏锋湁閲嶈绉戝浠峰�煎拰鐜板疄鎰忎箟銆傞潰鍚戞柊鏃朵唬銆佸紑鍚柊鎬濈淮锛屾湰鏂囧鑰佸瓧鍙蜂腑鑽摵鐨勫叴璧峰拰涓嵂闂告煖杩涜鑰冭瘉锛屽垎鏋愪腑鑽椄鏌滅殑宀椾綅璐ｄ换銆佷紶鎵胯矾寰勫強鏈潵鍙戝睍锛屾彁鍑洪珮绱犺川涓嵂闂告煖浜烘墠鍩瑰吇绛栫暐锛屾棬鍦ㄥ煿鍏荤鍚堝綋浠ｇぞ浼氶渶姹傜殑涓嵂琛屼笟澶嶅悎鍨嬪垱鏂颁汉鎵嶃��",
+ keyword: [
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ {
+ name: "涓嵂闂告煖",
+ },
+ ],
+ },
+ ],
+ };
+ },
+ methods: {
+ goPage(key) {},
- goBack() {
- this.$router.go(-1);
- }
- }
-}
+ goBack() {
+ this.$router.go(-1);
+ },
+ },
+};
</script>
<style lang="less" scoped>
.page {
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- background-color: #e9e1d4;
- overflow: auto;
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ background-color: #e9e1d4;
+ position: relative;
}
.page-header {
- height: 102px;
- width: 100%;
- text-align: left;
- margin-bottom: 8px;
- border-bottom: 2px solid #937950;
-
- p {
- padding: 35px 0 34px 0;
- font-family: Alimama DongFangDaKai;
- font-size: 30px;
- text-indent: 1em;
- border-bottom: 1px solid #937950;
- }
+ height: 9.4%;
+ width: 100%;
+ text-align: left;
+ border-bottom: 2px solid #937950;
+ background-color: #e9e1d4;
+ position: sticky;
+ top: 0;
+ z-index: 100;
+ p {
+ padding: 2% 0 1.9% 0;
+ font-family: Alimama DongFangDaKai;
+ font-size: 30px;
+ text-indent: 1em;
+ border-bottom: 1px solid #937950;
+ }
+}
+.page-main-father{
+ height: calc(100% - 9.4%);
+ width: 100%;
+ overflow: auto;
}
+
.page-main {
- background-color: #fcfaf3;
- width: 1330px;
- margin: 0 auto;
+ background-color: #fcfaf3;
+ width: 77.3%;
+ margin: 0 auto;
+ margin-top: 1%;
- .page-main-name {
+ .page-main-name {
+ display: flex;
+ align-items: center;
+ padding: 21px 28px;
+ border-bottom: 1px solid #d8cbb6;
+
+ ::v-deep .el-button {
+ font-size: 14px;
+ background-color: transparent;
+ color: #937950;
+ border: 1px solid #6f5a3a;
+ border-radius: 0;
+
+ &:hover {
+ background-color: #6f5a3a;
+ color: #fffdf8;
+ }
+ }
+
+ p:nth-child(1) {
+ width: 8%;
+ }
+
+ p:nth-child(2) {
+ width: 92%;
+ text-align: center;
+ font-family: Source Han Sans;
+ font-size: 32px;
+ font-weight: 350;
+ color: #937950;
+ }
+ }
+
+ .page-main-time {
+ padding: 8px 0 16px 0;
+ display: flex;
+ justify-content: center;
+ font-family: Source Han Sans;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 22px;
+ border-bottom: 1px solid #d8cbb6;
+
+ p {
+ span {
+ margin-right: 20px;
+ }
+ }
+ }
+
+ .page-main-title {
+ padding: 13px 185px 25px 185px;
+ border-bottom: 1px solid #d8cbb6;
+
+ ::v-deep .el-button {
+ font-size: 14px;
+ background-color: #937950;
+ color: #fff;
+ border: 1px solid #6f5a3a;
+ border-radius: 0;
+
+ &:hover {
+ background-color: #6f5a3a;
+ color: #fffdf8;
+ }
+ }
+
+ p:nth-child(1) {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 13px;
+
+ span {
+ font-family: Source Han Sans;
+ font-size: 14px;
+ font-weight: 350;
+ color: #604d2f;
+ border-right: 1px solid #937950;
+ padding: 0 21px;
+ }
+
+ span:last-child {
+ border: none;
+ }
+ }
+
+ p:nth-child(2) {
+ margin-bottom: 13px;
+ font-family: Source Han Sans;
+ font-size: 14px;
+ font-weight: 350;
+ line-height: 26px;
+ color: #333333;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+
+ span {
+ font-family: Source Han Sans;
+ font-size: 14px;
+ font-weight: bold;
+ color: #333333;
+ }
+ }
+
+ p:nth-child(3) {
+ margin-bottom: 24px;
+
+ span:nth-child(1) {
+ font-family: Source Han Sans;
+ font-weight: 700;
+ font-size: 14px;
+ }
+
+ .page-main-keyword {
+ cursor: pointer;
+ padding: 5px 10px;
+ color: #937950;
+ border: 1px solid #937950;
+ font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ line-height: 28px;
+ margin-right: 13px;
+ }
+ }
+ }
+
+ .page-main-video {
+ padding: 10px;
+ height: 377px;
+ width: auto;
+ display: flex;
+ justify-content: center;
+
+ video {
+ border-radius: 10px;
+ border: 1px solid #dcdcdc;
+ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
+ }
+ }
+
+ .page-main-audio {
+ padding: 10px;
+ display: flex;
+ justify-content: center;
+
+ audio {
+ }
+ }
+
+ .page-main-literature {
+ padding: 10px 93px 20px 185px;
+
+ .literature-header {
+ font-family: Source Han Sans;
+ font-size: 14px;
+ font-weight: bold;
+ line-height: 26px;
+ }
+
+ .content-right {
+ padding: 14px 20px 20px 14px;
+
+ .right-header {
display: flex;
- align-items: center;
- padding: 21px 28px;
- border-bottom: 1px solid #D8CBB6;
- ::v-deep .el-button {
+ li {
+ background: #ffffff;
+ border: 1px solid #937950;
+ padding: 3px 10px;
+ margin-right: 13px;
+ display: flex;
+ align-items: center;
+ font-family: Poppins;
+ font-size: 13px;
+ color: #937950;
+
+ img {
+ cursor: pointer;
+ height: 16px;
+ width: auto;
+ margin-left: 5px;
+ }
+ }
+ }
+
+ .right-number {
+ display: flex;
+ justify-content: flex-end;
+ align-items: flex-start;
+ margin-bottom: 12px;
+
+ .number-number {
+ font-family: Source Han Sans;
+ font-weight: 350;
+ font-size: 14px;
+ color: #2c2c2c;
+ margin-right: 20px;
+
+ span {
+ color: #937950;
+ }
+ }
+
+ .number-time {
+ font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ color: #2c2c2c;
+
+ span {
+ margin-left: 11px;
+ }
+
+ img {
+ height: 12px;
+ width: auto;
+ }
+ }
+ }
+
+ .right-main {
+ margin-bottom: 20px;
+ padding: 19px 30px 15px 30px;
+ border: 1px solid #decaac;
+
+ .main-name {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-family: Source Han Sans;
+ font-size: 16px;
+ font-weight: bold;
+ color: #937950;
+
+ ::v-deep .el-button {
font-size: 14px;
background-color: transparent;
color: #937950;
- border: 1px solid #6F5A3A;
+ border: 1px solid #6f5a3a;
border-radius: 0;
&:hover {
- background-color: #6F5A3A;
- color: #FFFDF8;
+ background-color: #6f5a3a;
+ color: #fffdf8;
}
+ }
}
- p:nth-child(1) {
- width: 8%;
- }
-
- p:nth-child(2) {
- width: 92%;
- text-align: center;
- font-family: Source Han Sans;
- font-size: 32px;
- font-weight: 350;
- color: #937950;
- }
- }
-
- .page-main-time {
- padding: 8px 0 16px 0;
- display: flex;
- justify-content: center;
- font-family: Source Han Sans;
- font-size: 14px;
- font-weight: normal;
- line-height: 22px;
- border-bottom: 1px solid #D8CBB6;
-
- p {
- span {
- margin-right: 20px;
- }
- }
- }
-
- .page-main-title {
- padding: 13px 185px 25px 185px;
- border-bottom: 1px solid #D8CBB6;
-
- ::v-deep .el-button {
- font-size: 14px;
- background-color: #937950;
+ .main-sources {
+ span:nth-child(1) {
+ padding: 3px 5px;
+ background-color: #87a8b9;
color: #fff;
- border: 1px solid #6F5A3A;
- border-radius: 0;
+ margin-right: 10px;
+ }
- &:hover {
- background-color: #6F5A3A;
- color: #FFFDF8;
- }
- }
-
- p:nth-child(1) {
- display: flex;
- justify-content: center;
- margin-bottom: 13px;
-
- span {
- font-family: Source Han Sans;
- font-size: 14px;
- font-weight: 350;
- color: #604D2F;
- border-right: 1px solid #937950;
- padding: 0 21px;
- }
-
- span:last-child {
- border: none;
- }
- }
-
- p:nth-child(2) {
- margin-bottom: 13px;
+ span:nth-child(2) {
font-family: Source Han Sans;
- font-size: 14px;
+ font-size: 12px;
font-weight: 350;
- line-height: 26px;
- color: #333333;
- overflow: hidden;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 3;
+ padding-right: 10px;
+ border-right: 1px solid #2c2c2c;
+ color: #333;
+ }
- span {
- font-family: Source Han Sans;
- font-size: 14px;
- font-weight: bold;
- color: #333333;
- }
- }
-
- p:nth-child(3) {
- margin-bottom: 24px;
-
- span:nth-child(1) {
- font-family: Source Han Sans;
- font-weight: 700;
- font-size: 14px;
- }
-
- .page-main-keyword {
- cursor: pointer;
- padding: 5px 10px;
- color: #937950;
- border: 1px solid #937950;
- font-family: Source Han Sans;
- font-size: 12px;
- font-weight: 350;
- line-height: 28px;
- margin-right: 13px;
- }
- }
- }
-
- .page-main-video {
- padding: 10px;
- height: 377px;
- width: auto;
- display: flex;
- justify-content: center;
-
- video {
- border-radius: 10px;
- border: 1px solid #DCDCDC;
- box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
- }
- }
-
- .page-main-audio {
- padding: 10px;
- display: flex;
- justify-content: center;
-
- audio {}
- }
-
- .page-main-literature {
- padding: 10px 93px 20px 185px;
-
- .literature-header {
+ span:nth-child(3) {
font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ padding-left: 10px;
+ color: #333;
+ }
+
+ margin-bottom: 10px;
+ }
+
+ .main-author {
+ margin-bottom: 12px;
+ font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ color: #333;
+ }
+
+ .main-title {
+ margin-bottom: 15px;
+ font-family: Source Han Sans;
+ font-size: 14px;
+ font-weight: 350;
+ line-height: 26px;
+ color: #333333;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 4;
+
+ span {
+ font-family: Source Han Sans;
+ font-weight: 700;
font-size: 14px;
- font-weight: bold;
- line-height: 26px;
+ }
}
+ .main-keyword {
+ span:nth-child(1) {
+ font-family: Source Han Sans;
+ font-weight: 700;
+ font-size: 14px;
+ }
- .content-right {
- padding: 14px 20px 20px 14px;
-
- .right-header {
- display: flex;
-
- li {
- background: #FFFFFF;
- border: 1px solid #937950;
- padding: 3px 10px;
- margin-right: 13px;
- display: flex;
- align-items: center;
- font-family: Poppins;
- font-size: 13px;
- color: #937950;
-
- img {
- cursor: pointer;
- height: 16px;
- width: auto;
- margin-left: 5px;
- }
- }
- }
-
- .right-number {
- display: flex;
- justify-content: flex-end;
- align-items: flex-start;
- margin-bottom: 12px;
-
- .number-number {
- font-family: Source Han Sans;
- font-weight: 350;
- font-size: 14px;
- color: #2C2C2C;
- margin-right: 20px;
-
- span {
- color: #937950;
- }
- }
-
- .number-time {
- font-family: Source Han Sans;
- font-size: 12px;
- font-weight: 350;
- color: #2C2C2C;
-
- span {
- margin-left: 11px;
- }
-
- img {
- height: 12px;
- width: auto;
- }
- }
-
-
- }
-
- .right-main {
- margin-bottom: 20px;
- padding: 19px 30px 15px 30px;
- border: 1px solid #DECAAC;
-
-
- .main-name {
- display: flex;
- align-items: center;
- justify-content: space-between;
- font-family: Source Han Sans;
- font-size: 16px;
- font-weight: bold;
- color: #937950;
-
- ::v-deep .el-button {
- font-size: 14px;
- background-color: transparent;
- color: #937950;
- border: 1px solid #6F5A3A;
- border-radius: 0;
-
- &:hover {
- background-color: #6F5A3A;
- color: #FFFDF8;
- }
- }
- }
-
- .main-sources {
- span:nth-child(1) {
- padding: 3px 5px;
- background-color: #87A8B9;
- color: #fff;
- margin-right: 10px;
- }
-
- span:nth-child(2) {
- font-family: Source Han Sans;
- font-size: 12px;
- font-weight: 350;
- padding-right: 10px;
- border-right: 1px solid #2C2C2C;
- color: #333;
- }
-
- span:nth-child(3) {
- font-family: Source Han Sans;
- font-size: 12px;
- font-weight: 350;
- padding-left: 10px;
- color: #333;
- }
-
- margin-bottom: 10px;
- }
-
- .main-author {
- margin-bottom: 12px;
- font-family: Source Han Sans;
- font-size: 12px;
- font-weight: 350;
- color: #333;
- }
-
- .main-title {
- margin-bottom: 15px;
- font-family: Source Han Sans;
- font-size: 14px;
- font-weight: 350;
- line-height: 26px;
- color: #333333;
- overflow: hidden;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 4;
-
- span {
- font-family: Source Han Sans;
- font-weight: 700;
- font-size: 14px;
- }
- }
-
- .main-keyword {
- span:nth-child(1) {
- font-family: Source Han Sans;
- font-weight: 700;
- font-size: 14px;
- }
-
- .keyWord {
- cursor: pointer;
- padding: 5px 10px;
- color: #937950;
- border: 1px solid #937950;
- font-family: Source Han Sans;
- font-size: 12px;
- font-weight: 350;
- line-height: 28px;
- margin-right: 13px;
- }
-
- }
-
-
- }
+ .keyWord {
+ cursor: pointer;
+ padding: 5px 10px;
+ color: #937950;
+ border: 1px solid #937950;
+ font-family: Source Han Sans;
+ font-size: 12px;
+ font-weight: 350;
+ line-height: 28px;
+ margin-right: 13px;
+ }
}
+ }
}
+ }
}
</style>
diff --git a/src/views/achievements/index.vue b/src/views/achievements/index.vue
index 65119c5..08049d5 100644
--- a/src/views/achievements/index.vue
+++ b/src/views/achievements/index.vue
@@ -3,6 +3,7 @@
<div class="page-header">
<p>鐜嬫案鐐庨櫌澹鏈垚鏋�</p>
</div>
+ <div class="page-main-father">
<div class="page-main">
<!-- 鎼滅储妗� -->
<ul class="page-input">
@@ -246,6 +247,7 @@
</div>
</div>
</div>
+ </div>
</div>
</template>
@@ -683,18 +685,20 @@
height: 100%;
box-sizing: border-box;
background-color: #e9e1d4;
- overflow: auto;
+ position: relative;
}
.page-header {
- height: 102px;
+ height: 9.4%;
width: 100%;
text-align: left;
- margin-bottom: 8px;
border-bottom: 2px solid #937950;
-
+ background-color: #e9e1d4;
+ position: sticky;
+ top: 0;
+ z-index: 100;
p {
- padding: 35px 0 34px 0;
+ padding: 2% 0 1.9% 0;
font-family: Alimama DongFangDaKai;
font-size: 30px;
text-indent: 1em;
@@ -702,9 +706,16 @@
}
}
+.page-main-father{
+ height: calc(100% - 9.4%);
+ width: 100%;
+ overflow: auto;
+}
+
.page-main {
- width: 1330px;
+ width: 77.3%;
margin: 0 auto;
+ margin-top: 1%;
}
.page-input {
@@ -1114,34 +1125,36 @@
}
:deep .msg-pagination-container.is-background .el-pager li {
- /*瀵归〉鏁扮殑鏍峰紡杩涜淇敼*/
- background-color: transparent;
- color: #333333;
- border-radius: 5px;
- border: 1px solid #CCCCCC;
+ /*瀵归〉鏁扮殑鏍峰紡杩涜淇敼*/
+ background-color: transparent;
+ color: #333333;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
}
:deep.msg-pagination-container.is-background .btn-next {
- /*瀵逛笅涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/
- background-color: transparent;
- color: #333333;
- border-radius: 5px;
- border: 1px solid #CCCCCC;
+ /*瀵逛笅涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/
+ background-color: transparent;
+ color: #333333;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
}
:deep.msg-pagination-container.is-background .btn-prev {
- /*瀵逛笂涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/
- background-color: transparent;
- color: #333333;
- border-radius: 5px;
- border: 1px solid #CCCCCC;
+ /*瀵逛笂涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/
+ background-color: transparent;
+ color: #333333;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
}
-:deep.msg-pagination-container.is-background .el-pager li:not(.disabled).active {
- /*褰撳墠閫変腑椤垫暟鐨勬牱寮忚繘琛屼慨鏀�*/
- background-color: #937950;
- color: #FFF;
- border-radius: 5px;
- border: 1px solid #CCCCCC;
+:deep.msg-pagination-container.is-background
+ .el-pager
+ li:not(.disabled).active {
+ /*褰撳墠閫変腑椤垫暟鐨勬牱寮忚繘琛屼慨鏀�*/
+ background-color: #937950;
+ color: #fff;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
}
</style>
diff --git a/src/views/directory/index.vue b/src/views/directory/index.vue
index d906433..42e4bd7 100644
--- a/src/views/directory/index.vue
+++ b/src/views/directory/index.vue
@@ -513,23 +513,31 @@
height: 100%;
box-sizing: border-box;
background-color: #e9e1d4;
- overflow: auto;
+ position: relative;
}
.page-header {
- height: 102px;
+ height: 9.4%;
width: 100%;
text-align: left;
- margin-bottom: 8px;
border-bottom: 2px solid #937950;
-
+ background-color: #e9e1d4;
+ position: sticky;
+ top: 0;
+ z-index: 100;
p {
- padding: 35px 0 34px 0;
+ padding: 2% 0 1.9% 0;
font-family: Alimama DongFangDaKai;
font-size: 30px;
text-indent: 1em;
border-bottom: 1px solid #937950;
}
+}
+
+.page-main-father {
+ height: calc(100% - 9.4%);
+ width: 100%;
+ overflow: auto;
}
.page-main-title {
@@ -539,6 +547,7 @@
cursor: pointer;
margin-bottom: 75px;
color: #9e9e9e;
+ margin-top: 1%;
p {
display: flex;
@@ -566,7 +575,7 @@
}
.page-main {
- width: 1313px;
+ width: 77.3%;
margin: 0 auto;
overflow: hidden;
margin-bottom: 100px;
diff --git a/src/views/honors/index.vue b/src/views/honors/index.vue
index 8349b15..0a8984d 100644
--- a/src/views/honors/index.vue
+++ b/src/views/honors/index.vue
@@ -1,224 +1,289 @@
<template>
- <div class="honors">
- <div class="honors-title">
- <p>鐜嬫案鐐庨櫌澹崳瑾夊椤�</p>
- </div>
- <div class="honors-main">
- <div class="honors-main-box">
- <div class="honors-main-title">鑽�<br>瑾�<br>濂�<br>椤�</div>
- <div class="honors-text">
- <ul>
- <li v-for="(item, index) in honorList" :key="index">
- <img class="main-img" :src="item.imgSrc ? item.imgSrc : defaultImg" alt="">
- <div>
- <p class="main-time">{{ item.time }}</p>
- <p class="main-text" :title="item.txt">{{ item.txt }}</p>
- </div>
- </li>
- </ul>
- <img class="honor-Bg" src="../../assets/images/honors/honor-Bg.png" alt="">
- <!-- 鍒嗛〉 -->
- <div class="pagination">
- <el-pagination class="msg-pagination-container" :background="isBackground"
- layout="prev, pager, next" :total="200">
- </el-pagination>
- </div>
- </div>
- </div>
- </div>
+ <div class="honors">
+ <div class="honors-title">
+ <p>鐜嬫案鐐庨櫌澹崳瑾夊椤�</p>
</div>
+ <div class="page-main-father">
+ <div class="honors-main">
+ <div class="honors-main-box">
+ <div class="honors-main-title">鑽�<br />瑾�<br />濂�<br />椤�</div>
+ <div class="honors-text">
+ <ul>
+ <li v-for="(item, index) in honorList" :key="index">
+ <img
+ class="main-img"
+ :src="item.imgSrc ? item.imgSrc : defaultImg"
+ alt=""
+ />
+ <div>
+ <p class="main-time">{{ item.time }}</p>
+ <p class="main-text" :title="item.txt">{{ item.txt }}</p>
+ </div>
+ </li>
+ </ul>
+ <img
+ class="honor-Bg"
+ src="../../assets/images/honors/honor-Bg.png"
+ alt=""
+ />
+ <!-- 鍒嗛〉 -->
+ <div class="pagination">
+ <el-pagination
+ class="msg-pagination-container"
+ :background="isBackground"
+ layout="prev, pager, next"
+ :total="200"
+ >
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</template>
<script>
export default {
- data() {
- return {
- defaultImg: require("@/assets/images/honors/honorImg.png"),
- isBackground: true,
- honorList: [
- {
- imgSrc: "",
- time: "1986骞�11鏈�",
- txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊"
- },
- {
- imgSrc: "",
- time: "1986骞�11鏈�",
- txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊"
- },
- {
- imgSrc: "",
- time: "1986骞�11鏈�",
- txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊"
- },
- {
- imgSrc: "",
- time: "1986骞�11鏈�",
- txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊"
- },
- {
- imgSrc: "",
- time: "1986骞�11鏈�",
- txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊"
- },
- {
- imgSrc: "",
- time: "1986骞�11鏈�",
- txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊"
- },
- {
- imgSrc: "",
- time: "1986骞�11鏈�",
- txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊"
- },
- {
- imgSrc: "",
- time: "1986骞�11鏈�",
- txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊,1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊,1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊,1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊"
- },
-
- ]
- }
- }
+ data() {
+ return {
+ defaultImg: require("@/assets/images/honors/honorImg.png"),
+ isBackground: true,
+ honorList: [
+ {
+ imgSrc: "",
+ time: "1986骞�11鏈�",
+ txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊",
+ },
+ {
+ imgSrc: "",
+ time: "1986骞�11鏈�",
+ txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊",
+ },
+ {
+ imgSrc: "",
+ time: "1986骞�11鏈�",
+ txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊",
+ },
+ {
+ imgSrc: "",
+ time: "1986骞�11鏈�",
+ txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊",
+ },
+ {
+ imgSrc: "",
+ time: "1986骞�11鏈�",
+ txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊",
+ },
+ {
+ imgSrc: "",
+ time: "1986骞�11鏈�",
+ txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊",
+ },
+ {
+ imgSrc: "",
+ time: "1986骞�11鏈�",
+ txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊",
+ },
+ {
+ imgSrc: "",
+ time: "1986骞�11鏈�",
+ txt: "1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊,1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊,1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊,1991骞�11鏈�'娓呭紑鐏垫敞灏勬恫娌荤枟涓鐥呯棸鐑瘉鐨勪复搴婁笌瀹為獙鐮旂┒'鑾�1991骞村害鍥藉绉戞妧杩涙濂栦笁绛夊",
+ },
+ ],
+ };
+ },
};
</script>
<style lang="less" scoped>
.honors {
- width: 100%;
- height: 100%;
- box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ background-color: #e9e1d4;
+ position: relative;
}
.honors-title {
- height: 102px;
- width: 100%;
- text-align: left;
- margin-bottom: 41px;
- border-bottom: 2px solid #937950;
- p{
- padding: 35px 0 34px 0;
- font-family: Alimama DongFangDaKai;
- font-size: 30px;
- text-indent: 1em;
- border-bottom: 1px solid #937950;
- }
+ height: 9.4%;
+ width: 100%;
+ text-align: left;
+ border-bottom: 2px solid #937950;
+ background-color: #e9e1d4;
+ position: sticky;
+ top: 0;
+ z-index: 100;
+ p {
+ padding: 2% 0 1.9% 0;
+ font-family: Alimama DongFangDaKai;
+ font-size: 30px;
+ text-indent: 1em;
+ border-bottom: 1px solid #937950;
+ }
+}
+
+.page-main-father {
+ height: calc(100% - 9.4%);
+ width: 100%;
+ overflow: auto;
}
.honors-main {
- width: 1330px;
- margin: 0 auto;
+ width: 77.3%;
+ height: auto;
+ margin: 0 auto;
+ margin-top: 2%;
}
.honors-main-box {
- display: flex;
- justify-content: center;
- padding: 32px 0px 135px 53px;
- border: 1px solid #E4DACE;
- background: rgba(255, 253, 248, 0.9);
+ display: flex;
+ justify-content: center;
+ padding: 3.2% 6% 14% 4%;
+ border: 1px solid #e4dace;
+ background: rgba(255, 253, 248, 0.9);
}
.honors-main-title {
- padding: 0 30px 0 0;
- font-family: Alimama DongFangDaKai;
- font-size: 36px;
- border-right: 1px solid #B9A587;
+ padding: 0 30px 0 0;
+ font-family: Alimama DongFangDaKai;
+ font-size: 36px;
+ border-right: 1px solid #b9a587;
}
.honors-text {
- position: relative;
- padding: 0 0 0 71px;
+ width: 100%;
+ position: relative;
+ padding: 0 0 0 5.8%;
- ul {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between
+ ul {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ }
+
+ li {
+ height: 25%;
+ width: 45%;
+ display: flex;
+ margin-right: 0.9%;
+ margin-bottom: 25px;
+
+ img {
+ margin: 9px 30px 9px 0;
+ width: 24%;
+ height: 100%;
}
+ .main-time {
+ margin-top: 7px;
+ font-size: 18px;
+ color: #937950;
+ margin-bottom: 5px;
+ overflow: hidden;
+ }
+
+ .main-text {
+ font-family: Alibaba PuHuiTi 3;
+ font-size: 14px;
+ line-height: 20px;
+ overflow: hidden;
+ cursor: pointer;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+ }
+ }
+
+ .honor-Bg {
+ position: absolute;
+ width: 70.5%;
+ height: auto;
+ bottom: -36%;
+ left: -295px;
+ }
+
+ .pagination {
+ padding-right: 47px;
+ padding-top: 30px;
+ text-align: end;
+ }
+}
+
+@media screen and (min-width: 2560px) {
+ .honors-main {
+ width: 77.3%;
+ min-width: 1600px;
+ transform: scale(1);
+ }
+
+ .honors-title p {
+ font-size: 44px;
+ }
+
+ .honors-main-title {
+ font-size: 54px;
+ }
+
+ .honors-text {
li {
+ .main-time {
+ font-size: 24px;
+ }
- width: 502px;
- display: flex;
- margin-right: 47px;
- margin-bottom: 25px;
-
- img {
- margin: 9px 30px 9px 0;
- width: 120px;
- height: 90px;
- }
-
-
- .main-time {
- margin-top: 7px;
- font-size: 18px;
- color: #937950;
- margin-bottom: 5px;
- overflow: hidden;
- }
-
- .main-text {
- font-family: Alibaba PuHuiTi 3.0;
- font-size: 14px;
- line-height: 20px;
- overflow: hidden;
- cursor: pointer;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 3;
- }
+ .main-text {
+ font-size: 20px;
+ line-height: 28px;
+ }
}
+ }
- .honor-Bg {
- position: absolute;
- height: 285px;
- width: auto;
- bottom: -152px;
- left: -295px;
- }
+ .honor-Bg {
+ position: absolute;
+ width: 70.5%;
+ height: auto;
+ bottom: -39%;
+ left: -295px;
+ }
- .pagination {
- padding-right: 47px;
- padding-top: 30px;
- text-align: end;
- }
}
@font-face {
- font-family: 'Alimama DongFangDaKai';
- src: url('../../assets/font/闃块噷濡堝涓滄柟澶фシ.ttf');
+ font-family: "Alimama DongFangDaKai";
+ src: url("../../assets/font/闃块噷濡堝涓滄柟澶фシ.ttf");
}
-
:deep .msg-pagination-container.is-background .el-pager li {
- /*瀵归〉鏁扮殑鏍峰紡杩涜淇敼*/
- background-color: transparent;
- color: #333333;
- border-radius: 5px;
- border: 1px solid #CCCCCC;
+ /*瀵归〉鏁扮殑鏍峰紡杩涜淇敼*/
+ background-color: transparent;
+ color: #333333;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
}
:deep.msg-pagination-container.is-background .btn-next {
- /*瀵逛笅涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/
- background-color: transparent;
- color: #333333;
- border-radius: 5px;
- border: 1px solid #CCCCCC;
+ /*瀵逛笅涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/
+ background-color: transparent;
+ color: #333333;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
}
:deep.msg-pagination-container.is-background .btn-prev {
- /*瀵逛笂涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/
- background-color: transparent;
- color: #333333;
- border-radius: 5px;
- border: 1px solid #CCCCCC;
+ /*瀵逛笂涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/
+ background-color: transparent;
+ color: #333333;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
}
-:deep.msg-pagination-container.is-background .el-pager li:not(.disabled).active {
- /*褰撳墠閫変腑椤垫暟鐨勬牱寮忚繘琛屼慨鏀�*/
- background-color: #937950;
- color: #FFF;
- border-radius: 5px;
- border: 1px solid #CCCCCC;
+:deep.msg-pagination-container.is-background
+ .el-pager
+ li:not(.disabled).active {
+ /*褰撳墠閫変腑椤垫暟鐨勬牱寮忚繘琛屼慨鏀�*/
+ background-color: #937950;
+ color: #fff;
+ border-radius: 5px;
+ border: 1px solid #cccccc;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.1