From c1e3b2f4e84e1e2563e48025f68d83f98b6a5975 Mon Sep 17 00:00:00 2001
From: xvv <cccccc420590@163.com>
Date: Sat, 17 Aug 2024 15:19:21 +0800
Subject: [PATCH] 8.14

---
 ruoyi-ui/src/views/home.vue                   | 23 +++----------
 .../officialWebsite/Components/header.vue     | 33 ++++++++++++++++---
 ruoyi-ui/src/views/officialWebsite/about.vue  |  9 ++---
 ruoyi-ui/src/views/officialWebsite/cases.vue  |  7 ++--
 .../src/views/officialWebsite/committee.vue   |  7 ++--
 .../src/views/officialWebsite/competition.vue |  7 ++--
 .../src/views/officialWebsite/contact.vue     |  7 ++--
 .../src/views/officialWebsite/details.vue     |  3 --
 ruoyi-ui/src/views/officialWebsite/news.vue   |  7 ++--
 .../src/views/officialWebsite/platform.vue    |  9 +++--
 .../src/views/officialWebsite/practice.vue    |  7 ++--
 .../src/views/officialWebsite/teaching.vue    |  7 ++--
 ruoyi-ui/src/views/officialWebsite/team.vue   |  7 ++--
 ruoyi-ui/src/views/officialWebsite/xufang.vue |  7 ++--
 14 files changed, 67 insertions(+), 73 deletions(-)

diff --git a/ruoyi-ui/src/views/home.vue b/ruoyi-ui/src/views/home.vue
index f78c5f7..45c8342 100644
--- a/ruoyi-ui/src/views/home.vue
+++ b/ruoyi-ui/src/views/home.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div style="overflow: hidden;position: relative;" class="mySwiper">
         <swiper ref="mySwiper" :options="swiperOptions" style="width: 100%">
@@ -169,6 +169,7 @@ export default {
   // },
   data() {
     return {
+      msg:0,
       imgurl: process.env.VUE_APP_BASE_API,
       Serial: 0,
       baseInfo: "",
@@ -377,21 +378,7 @@ export default {
   position: relative;
 }
 
-.tab-box {
-  width: 100%;
-  box-sizing: border-box;
-  padding: 20px 50px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);;
-  font-weight: bold;
-  font-size: 18px;
-  color: #FFFFFF;
-  position: absolute;
-  z-index: 3;
 
-}
 
 .d-s {
   display: flex;
@@ -908,9 +895,9 @@ export default {
 
 .news11 .news11-list .news11-list-item:hover > .backmo {
   width: 100%;
-  height: 100%;
+  height: 194px;
   box-sizing: border-box;
-  padding: 15px;
+  padding: 5px 15px;
   transition: background-color 0.5s;
   background-color: rgba(0, 0, 0, 0.46) !important;
   color: #fff;
@@ -970,7 +957,7 @@ export default {
   /** 对象作为伸缩盒子模型显示 **/
   -webkit-box-orient: vertical;
   /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-  -webkit-line-clamp: 8;
+  -webkit-line-clamp: 3;
 }
 
 .news11 .news11-list .news11-list-item .tags {
diff --git a/ruoyi-ui/src/views/officialWebsite/Components/header.vue b/ruoyi-ui/src/views/officialWebsite/Components/header.vue
index 043d6f3..de94241 100644
--- a/ruoyi-ui/src/views/officialWebsite/Components/header.vue
+++ b/ruoyi-ui/src/views/officialWebsite/Components/header.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tab-box">
+  <div class="tab-boxs">
     <!-- left -->
     <div class="d-s" @click="toHome">
       <div class="logo-box">
@@ -11,7 +11,7 @@
     </div>
     <!-- tab -->
     <div class="d-s">
-      <div class="x-x" v-for="(item, index) in tablist " :key="index" @click="tabClick(item.jumpUrl, item.id)" >
+      <div class="x-x" :class="{'active' :tabindex == index }" v-for="(item, index) in tablist " :key="index" @click="tabClick(item.jumpUrl, item.id,index)" >
         {{ item.label }}
       </div>
     </div>
@@ -38,6 +38,7 @@ export default {
       input:'',
       show_search: true,
       categoryQuery:{},
+      tabindex:0,
       tablist: [
         {name: '首页'},
         {name: '中心概括'},
@@ -54,13 +55,22 @@ export default {
       ],
     }
   },
+  props: {
+    msg: String
+  },
+  created() {
+    this.tabindex = this.msg
+  },
   mounted() {
+    this.tabindex = this.msg
+    console.log(this.msg)
     // 页面加载完毕调用
     this.tabLsit();
     this.getWebBaseInfo()
   },
   methods:{
-    tabClick(url,id){
+    tabClick(url,id,index){
+      this.tabindex = index
       if (url === 'home') url = "gw";
         this.$router.push({
           name: url,
@@ -90,10 +100,10 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-.tab-box {
+.tab-boxs {
   width: 100%;
   box-sizing: border-box;
-  padding: 20px 50px;
+  padding: 0px 50px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -131,5 +141,18 @@ export default {
 .x-x {
   margin-right: 10px;
   cursor: pointer;
+  height: 90px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-bottom: 2px solid transparent;
+}
+.x-x:hover{
+  background: linear-gradient( 360deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
+  //border-bottom: 2px solid #fff;
+}
+.active{
+  background: linear-gradient( 360deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
+  border-bottom: 2px solid #fff !important;
 }
 </style>
diff --git a/ruoyi-ui/src/views/officialWebsite/about.vue b/ruoyi-ui/src/views/officialWebsite/about.vue
index 90c9207..ca7cfd3 100644
--- a/ruoyi-ui/src/views/officialWebsite/about.vue
+++ b/ruoyi-ui/src/views/officialWebsite/about.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers  :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/ny-banner.jpg" alt="">
@@ -35,8 +35,6 @@
           </div>
         </div>
       </div>
-
-
     </div>
     <footers></footers>
   </div>
@@ -62,11 +60,10 @@ export default {
     footers
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:1,
       dataList: [],
       pageContext: "",
       nav: [
diff --git a/ruoyi-ui/src/views/officialWebsite/cases.vue b/ruoyi-ui/src/views/officialWebsite/cases.vue
index e61065a..b6ade29 100644
--- a/ruoyi-ui/src/views/officialWebsite/cases.vue
+++ b/ruoyi-ui/src/views/officialWebsite/cases.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/hzqy.png" alt="">
@@ -56,11 +56,10 @@ export default {
     "page-util": PageUtil
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:10,
       imgurl: process.env.VUE_APP_BASE_API,
       teachingAchievements: [],
       pageContextList: [],
diff --git a/ruoyi-ui/src/views/officialWebsite/committee.vue b/ruoyi-ui/src/views/officialWebsite/committee.vue
index 37a1241..65976e8 100644
--- a/ruoyi-ui/src/views/officialWebsite/committee.vue
+++ b/ruoyi-ui/src/views/officialWebsite/committee.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/zywyh.png" alt="">
@@ -69,11 +69,10 @@ export default {
     "page-util": PageUtil
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:5,
       onelist:[],
       twolist:[],
       dataList: [],
diff --git a/ruoyi-ui/src/views/officialWebsite/competition.vue b/ruoyi-ui/src/views/officialWebsite/competition.vue
index 53dc7c1..52580b6 100644
--- a/ruoyi-ui/src/views/officialWebsite/competition.vue
+++ b/ruoyi-ui/src/views/officialWebsite/competition.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container" style="background: #f6f6f6">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/dssj.png" alt="">
@@ -267,11 +267,10 @@ export default {
   },
   dicts: ["sys_user_sex"],
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:8,
       registerStatus:0,
       imgurl:process.env.VUE_APP_BASE_API,
       ruleForm: {
diff --git a/ruoyi-ui/src/views/officialWebsite/contact.vue b/ruoyi-ui/src/views/officialWebsite/contact.vue
index ffc927a..7e3ddb3 100644
--- a/ruoyi-ui/src/views/officialWebsite/contact.vue
+++ b/ruoyi-ui/src/views/officialWebsite/contact.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
       <div class="ny-banner">
         <img src="../../assets/gw/lxwm.png" alt="">
       </div>
@@ -56,11 +56,10 @@ export default {
     SwiperSlide,
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:11,
       imgurl: process.env.VUE_APP_BASE_API,
       pageContextList: [],
       nav: [
diff --git a/ruoyi-ui/src/views/officialWebsite/details.vue b/ruoyi-ui/src/views/officialWebsite/details.vue
index c72ea69..915e3c2 100644
--- a/ruoyi-ui/src/views/officialWebsite/details.vue
+++ b/ruoyi-ui/src/views/officialWebsite/details.vue
@@ -105,9 +105,6 @@ export default {
 <style scoped>
 .container {
 
-  //background: url(../../assets/images/bckimg.png) no-repeat;
-  //background-size:100% 100%;
-  //background-attachment:fixed;
 }
 .bj {
   background: #F5F5F5;
diff --git a/ruoyi-ui/src/views/officialWebsite/news.vue b/ruoyi-ui/src/views/officialWebsite/news.vue
index bf077cb..fb50977 100644
--- a/ruoyi-ui/src/views/officialWebsite/news.vue
+++ b/ruoyi-ui/src/views/officialWebsite/news.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/jxythd.png" alt="">
@@ -71,11 +71,10 @@ export default {
     "page-util": PageUtil
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:6,
       imgurl: process.env.VUE_APP_BASE_API,
       onelist:[],
       oneid:'',
diff --git a/ruoyi-ui/src/views/officialWebsite/platform.vue b/ruoyi-ui/src/views/officialWebsite/platform.vue
index c4387ab..dc8350c 100644
--- a/ruoyi-ui/src/views/officialWebsite/platform.vue
+++ b/ruoyi-ui/src/views/officialWebsite/platform.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/jspt.png" alt="">
@@ -79,11 +79,10 @@ export default {
     "page-util": PageUtil
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:3,
       imgurl:process.env.VUE_APP_BASE_API,
       categoryId:'',
       onelist:[],
@@ -112,7 +111,7 @@ export default {
   },
 
   methods: {
-   
+
     handleDataFromPage(data){
       // console.log(data)
         this.onelist = data
diff --git a/ruoyi-ui/src/views/officialWebsite/practice.vue b/ruoyi-ui/src/views/officialWebsite/practice.vue
index a63e125..123b47e 100644
--- a/ruoyi-ui/src/views/officialWebsite/practice.vue
+++ b/ruoyi-ui/src/views/officialWebsite/practice.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/dssj.png" alt="">
@@ -137,11 +137,10 @@ export default {
     PageUtil,
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:9,
       isShowDetails:false,
       detailsContent:"",
       imgurl: process.env.VUE_APP_BASE_API,
diff --git a/ruoyi-ui/src/views/officialWebsite/teaching.vue b/ruoyi-ui/src/views/officialWebsite/teaching.vue
index b954c0c..d315c78 100644
--- a/ruoyi-ui/src/views/officialWebsite/teaching.vue
+++ b/ruoyi-ui/src/views/officialWebsite/teaching.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/jxzy.png" alt="">
@@ -96,11 +96,10 @@ export default {
     SwiperSlide,
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:2,
       imgurl:process.env.VUE_APP_BASE_API,
       onelist:[],
       oneid:'',
diff --git a/ruoyi-ui/src/views/officialWebsite/team.vue b/ruoyi-ui/src/views/officialWebsite/team.vue
index ce29bbe..f5ed8d1 100644
--- a/ruoyi-ui/src/views/officialWebsite/team.vue
+++ b/ruoyi-ui/src/views/officialWebsite/team.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/jxtd.png" alt="">
@@ -86,11 +86,10 @@ export default {
     PageUtil,
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:4,
       imgurl: process.env.VUE_APP_BASE_API,
       pageContextList: [],
       teachingAchievements: [],
diff --git a/ruoyi-ui/src/views/officialWebsite/xufang.vue b/ruoyi-ui/src/views/officialWebsite/xufang.vue
index 6c3220c..cd32998 100644
--- a/ruoyi-ui/src/views/officialWebsite/xufang.vue
+++ b/ruoyi-ui/src/views/officialWebsite/xufang.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="top-box">
-      <headers></headers>
+      <headers :msg='msg'></headers>
 
       <div class="ny-banner">
         <img src="../../assets/gw/jxzy.png" alt="">
@@ -72,11 +72,10 @@ export default {
     SwiperSlide,
   },
   name: 'HelloWorld',
-  props: {
-    msg: String
-  },
+
   data() {
     return {
+      msg:7,
       xlist:[],
       total: 0,
       queryParams: {