temp

xihuaTemplate/css/media.css

@@ -11,9 +11,10 @@
   }
   .header_layout .mobile_menu {
     display: block;
-    margin-left: 20px;
   }
-
+  .banner_wrapper {
+    padding-top: 72px;
+  }
   .wp-navi-aside {
     display: none;
     position: fixed;
@@ -80,7 +81,7 @@
   }
   .wp-navi-aside .wp-menu .sub-menu a {
     padding-left: 24px;
-  } 
+  }
   .banner_wrapper .focus .focus-navigation {
     display: none;
   }
@@ -95,14 +96,10 @@
     font-size: 16px;
   }
   .news_lay_box {
-    flex-direction: column;
+    grid-template-columns: 1fr;
   }
   .news_lay_box .news_lay_item {
-    flex: auto;
     max-width: 100%;
-    border-right: none;
-    padding: 0;
-    margin-bottom: 50px;
   }
   .news_lay_box .news_lay_item .list_item .cover {
     height: 210px;
@@ -114,10 +111,6 @@
     font-size: 18px;
     line-height: 28px;
   }
-  .news_lay_box .news_lay_item:first-child {
-    max-width: 100%;
-    padding: 0;
-  }
   .spe_cards {
     height: 900px;
     flex-direction: column;

xihuaTemplate/css/style.css

@@ -114,16 +114,28 @@
   background-color: #f5f5f5;
 }
 .header_layout .mobile_menu {
+  position: relative;
   display: none;
+  margin-left: 15px;
+  padding-left: 15px;
+}
+.header_layout .mobile_menu .menu_divider {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  height: 20px;
+  transform: translateY(-50%);
+  border-left: 1px solid rgba(132, 132, 132, 0.2);
 }
 .mobile_menu .mobile_menu_taggle {
-  width: 28px;
-  height: 28px;
+  width: 40px;
+  height: 40px;
 }
 .wp-navi-aside {
   display: none;
 }
 .banner_wrapper {
+  padding-top: 98px;
   background: #fff;
 }
 .banner_wrapper .inner {
@@ -193,7 +205,7 @@
   margin: 0 auto;
 }
 .home_lay_title {
-  margin-bottom: 40px;
+  margin-bottom: 24px;
   font-size: 30px;
   color: var(--vt-c-indigo);
   line-height: 1;
@@ -214,32 +226,33 @@
   padding: 60px 0;
 }
 .news_tit {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
   font-size: 18px;
   color: var(--vt-c-indigo);
   line-height: 1;
   margin-bottom: 14px;
 }
+.news_tit .list_more {
+  font-size: 16px;
+}
 .news_lay_box {
-  display: flex;
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr;
+  gap: 24px;
 }
 .news_lay_box .news_lay_item {
-  flex: 1;
-  padding: 0 70px;
-  border-right: 1px solid #e5e5e5;
+  /* flex: 1; */
+  /* max-width: 390px; */
+  padding: 20px;
   overflow: hidden;
+  background-color: #fff;
 }
-.news_lay_box .news_lay_item:first-child {
-  padding-left: 0;
-  flex: 2;
-  max-width: 660px;
-}
-.news_lay_box .news_lay_item:last-child {
-  border-right: none;
-  padding-right: 0;
-}
+
 .news_lay_box .news_lay_item .list_item {
-  padding: 18px 0;
-  font-size: 16px;
+  padding: 20px 0;
+  font-size: 14px;
   line-height: 28px;
   display: flex;
   align-items: center;
@@ -247,13 +260,11 @@
   border-bottom: 1px solid #e5e5e5;
 }
 .news_lay_box .news_lay_item .list_item img {
-  height: 390px;
   width: 100%;
-  object-fit: cover;
 }
 .news_lay_box .news_lay_item .list_item .cover {
   display: none;
-  height: 390px;
+  height: 430px;
   width: 100%;
   overflow: hidden;
 }
@@ -295,9 +306,8 @@
   overflow: hidden;
 }
 .news_lay_box .news_lay_item .s_item {
-  margin-top: 10px;
-  padding: 18px 0;
-  font-size: 16px;
+  padding: 12px 0;
+  font-size: 14px;
   line-height: 28px;
   border-bottom: 1px solid #e5e5e5;
 }
@@ -315,7 +325,7 @@
 }
 .news_lay_box .news_lay_item .s_item.news_1 {
   padding-top: 0;
-  font-size: 18px;
+  font-size: 16px;
 }
 .news_lay_box .news_lay_item .s_item.news_1 .cover {
   display: block;
@@ -338,7 +348,6 @@
   transition: all 0.2s ease-in-out;
 }
 .list_more {
-  margin-top: 20px;
   text-align: center;
 }
 .list_more .more_text {
@@ -362,13 +371,20 @@
 .spe_cards .cards_item {
   position: relative;
   flex: 1;
-  margin: 0 1px;
+  margin: 0 12px;
   height: 460px;
   padding: 70px 20px 40px;
   color: #fff;
   box-sizing: border-box;
+  background-color: #fff;
   transition: all 0.3s ease-in-out;
 }
+.spe_cards .cards_item:first-child {
+  margin-left: 0;
+}
+.spe_cards .cards_item:last-child {
+  margin-right: 0;
+}
 .spe_cards .cards_item .card_icon {
   line-height: 1;
 }
@@ -380,28 +396,56 @@
   background: url("../images/icon_home_specialty_1.png") no-repeat center /
     contain;
 }
+.spe_cards .cards_item:hover .card_icon.icon_1 {
+  background: url("../images/icon_home_specialty_1_hover.png") no-repeat center /
+    contain;
+}
 .spe_cards .cards_item .card_icon.icon_2 {
   background: url("../images/icon_home_specialty_2.png") no-repeat center /
     contain;
 }
+.spe_cards .cards_item:hover .card_icon.icon_2 {
+  background: url("../images/icon_home_specialty_2_hover.png") no-repeat center /
+    contain;
+}
 .spe_cards .cards_item .card_icon.icon_3 {
   background: url("../images/icon_home_specialty_3.png") no-repeat center /
     contain;
 }
+.spe_cards .cards_item:hover .card_icon.icon_3 {
+  background: url("../images/icon_home_specialty_3_hover.png") no-repeat center /
+    contain;
+}
 .spe_cards .cards_item .card_icon.icon_4 {
   background: url("../images/icon_home_specialty_4.png") no-repeat center /
     contain;
 }
+.spe_cards .cards_item:hover .card_icon.icon_4 {
+  background: url("../images/icon_home_specialty_4_hover.png") no-repeat center /
+    contain;
+}
 .spe_cards .cards_item .card_icon.icon_5 {
   background: url("../images/icon_home_specialty_5.png") no-repeat center /
     contain;
 }
+.spe_cards .cards_item:hover .card_icon.icon_5 {
+  background: url("../images/icon_home_specialty_5_hover.png") no-repeat center /
+    contain;
+}
 .spe_cards .cards_item .card_tit {
   margin-top: 20px;
   font-size: 20px;
   line-height: 1;
+  color: var(--vt-c-primary);
+}
+.spe_cards .cards_item .card_tit a {
+  color: var(--vt-c-primary);
 }
-.spe_cards .cards_item .card_tit a,
+.spe_cards .cards_item:hover .card_tit,
+.spe_cards .cards_item:hover .card_tit a {
+  color: #fff;
+}
+
 .spe_cards .cards_item .card_desc a {
   color: #fff;
 }
@@ -419,6 +463,7 @@
 }
 .spe_cards .cards_item .card_desc .more {
   margin-top: 20px;
+  text-align: r;
 }
 .spe_cards .cards_item .card_desc .more .more_text {
   font-size: 16px;
@@ -434,28 +479,10 @@
   vertical-align: text-bottom;
   background: url("../images/arrow_right.png") no-repeat center/contain;
 }
-.spe_cards .cards_item.card_1 {
-  background: #343e47 url("../images/bg_home_specialty_1.png") no-repeat center /
-    cover;
-}
-.spe_cards .cards_item.card_2 {
-  background: #cb975b url("../images/bg_home_specialty_2.png") no-repeat center /
-    cover;
-}
-.spe_cards .cards_item.card_3 {
-  background: #ad947c url("../images/bg_home_specialty_3.png") no-repeat center /
-    cover;
-}
-.spe_cards .cards_item.card_4 {
-  background: #da737b url("../images/bg_home_specialty_4.png") no-repeat center /
-    cover;
-}
-.spe_cards .cards_item.card_5 {
-  background: #52a0a7 url("../images/bg_home_specialty_5.png") no-repeat center /
-    cover;
-}
+
 .spe_cards .cards_item:hover {
   flex: 2;
+  background-color: var(--vt-c-primary);
 }
 .spe_cards .cards_item:hover .card_desc {
   animation: fadeInUp 0.3s ease-in-out;
@@ -1212,7 +1239,6 @@
   word-break: break-all;
 }
 .page_teacher_list .item .info_box .list_more {
-  margin-top: 0;
   text-align: right;
 }
 .page_teacher_list .item img {

xihuaTemplate/displayinfo.htm

@@ -105,6 +105,7 @@
             <div class="search_icon"></div>
           </div>
           <div class="mobile_menu">
+            <div class="menu_divider"></div>
             <div class="mobile_menu_taggle">
               <img src="./images/menu.png" alt="button" />
             </div>
@@ -220,7 +221,7 @@
             </div>
           </div>
 
-          <div class="menus wp-window" frag="窗口6">
+          <div class="menus wp-window" frag="窗口5">
             <div frag="窗口内容">
               <!--[NaviStructBegin]-->
               <ul class="wp-menu">

xihuaTemplate/extends/extends.css

@@ -3,7 +3,7 @@
 .focus-box {  background-position:center; position:relative; font-family:'\5b8b\4f53'; }
 .focus-container { overflow:hidden; position:relative; visibility:hidden;}
 .focus-container .focus-item { position:absolute; width:100%; height: 100%; left:0; top:0; overflow: hidden;}
-.focus-container .focus-item img { width: 100%; height: 100%; border:0; vertical-align: top;}
+.focus-container .focus-item img { width: 100%;  border:0; vertical-align: top;}
 .focus-title-bar {position:absolute;left: 50%;bottom: 34px;z-index: 40;width: 100%;height: 40px;margin-left: -550px;}
 .focus-title-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter:alpha(opacity=70);}
 .focus-title {display: inline-block;white-space: nowrap;height: 40px;line-height: 40px;margin: 0px; padding: 0 15px;color: #fff;font-size: 16px;font-weight:normal;font-family:"Microsoft YaHei";position: absolute;left: 0;top: 0;z-index: 50;}

xihuaTemplate/js/main.js

@@ -14,7 +14,7 @@ $(function () {
 	$(".banner_wrapper .focus").sudyfocus({
 		p: 2,
 		zWidth: 1920,
-		zHeight: 800,
+		zHeight: 720,
 		title: {
 			isAutoWidth: true,
 			active: false

xihuaTemplate/listcolumn.htm

@@ -104,6 +104,7 @@
             <div class="search_icon"></div>
           </div>
           <div class="mobile_menu">
+            <div class="menu_divider"></div>
             <div class="mobile_menu_taggle">
               <img src="./images/menu.png" alt="button" />
             </div>

xihuaTemplate/listintro.htm

@@ -104,6 +104,7 @@
             <div class="search_icon"></div>
           </div>
           <div class="mobile_menu">
+            <div class="menu_divider"></div>
             <div class="mobile_menu_taggle">
               <img src="./images/menu.png" alt="button" />
             </div>

xihuaTemplate/listteacher.htm

@@ -104,6 +104,7 @@
             <div class="search_icon"></div>
           </div>
           <div class="mobile_menu">
+            <div class="menu_divider"></div>
             <div class="mobile_menu_taggle">
               <img src="./images/menu.png" alt="button" />
             </div>

xihuaTemplate/main.htm

@@ -77,7 +77,7 @@
           </div>
         </div>
         <div class="header_btns">
-          <div class="search_box" frag="窗口112">
+          <div class="search_box" frag="窗口2">
             <div frag="窗口内容">
               <!--搜索组件-->
               <div class="wp-search">
@@ -106,6 +106,7 @@
             <div class="search_icon"></div>
           </div>
           <div class="mobile_menu">
+            <div class="menu_divider"></div>
             <div class="mobile_menu_taggle">
               <img src="./images/menu.png" alt="button" />
             </div>
@@ -124,9 +125,9 @@
     </div>
     <!--End||nav-->
     <!--Start||focus-->
-    <div class="wrapper banner_wrapper header_btm_wrapper">
+    <div class="wrapper banner_wrapper">
       <div class="inner clearfix">
-        <div frag="窗口2">
+        <div frag="窗口3">
           <div class="focus"></div>
           <script type="text/javascript">
             var w2imgJsons = [
@@ -153,11 +154,30 @@
           <span>News</span>
         </div>
         <div class="news_lay_box">
-          <div class="news_lay_item" frag="窗口3">
-            <div class="news_tit">要闻快讯</div>
+          <div class="news_lay_item" frag="窗口4">
+            <div class="news_tit">
+              要闻快讯
+              <div class="list_more" frag="按钮" type="更多">
+                <span class="more_text" frag="按钮内容"
+                  >更多<i class="arrow"></i
+                ></span>
+              </div>
+            </div>
             <div frag="窗口内容">
               <div class="news_list">
                 <!--[InfoCycleBegin]-->
+                <div class="list_item item news_1">
+                  <div class="cover">{缩略图}</div>
+                  <div class="first_date">{发布时间}</div>
+                  <div class="title">{标题}</div>
+                  <div class="item_date">{发布时间}</div>
+                </div>
+                <div class="list_item item news_{序号值}">
+                  <div class="cover">{缩略图}</div>
+                  <div class="first_date">{发布时间}</div>
+                  <div class="title">{标题}</div>
+                  <div class="item_date">{发布时间}</div>
+                </div>
                 <div class="list_item item news_{序号值}">
                   <div class="cover">{缩略图}</div>
                   <div class="first_date">{发布时间}</div>
@@ -167,17 +187,43 @@
                 <!--[InfoCycleEnd]-->
               </div>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
-              <span class="more_text" frag="按钮内容"
-                >查看更多<i class="arrow"></i
-              ></span>
-            </div>
           </div>
-          <div class="news_lay_item" frag="窗口4">
-            <div class="news_tit">党建动态</div>
+          <div class="news_lay_item" frag="窗口5">
+            <div class="news_tit">
+              党建动态
+              <div class="list_more" frag="按钮" type="更多">
+                <span class="more_text" frag="按钮内容"
+                  >更多<i class="arrow"></i
+                ></span>
+              </div>
+            </div>
             <div frag="窗口内容">
               <div class="news_list_s">
                 <!--[InfoCycleBegin]-->
+                <div class="s_item item news_1">
+                  <div class="cover">{缩略图}</div>
+                  <div>{标题}</div>
+                </div>
+                <div class="s_item item news_{序号值}">
+                  <div class="cover">{缩略图}</div>
+                  <div>{标题}</div>
+                </div>
+                <div class="s_item item news_{序号值}">
+                  <div class="cover">{缩略图}</div>
+                  <div>{标题}</div>
+                </div>
+                <div class="s_item item news_{序号值}">
+                  <div class="cover">{缩略图}</div>
+                  <div>{标题}</div>
+                </div>
+                <div class="s_item item news_{序号值}">
+                  <div class="cover">{缩略图}</div>
+                  <div>{标题}</div>
+                </div>
+                <div class="s_item item news_{序号值}">
+                  <div class="cover">{缩略图}</div>
+                  <div>{标题}</div>
+                </div>
                 <div class="s_item item news_{序号值}">
                   <div class="cover">{缩略图}</div>
                   <div>{标题}</div>
@@ -185,14 +231,16 @@
                 <!--[InfoCycleEnd]-->
               </div>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
-              <span class="more_text" frag="按钮内容"
-                >查看更多<i class="arrow"></i
-              ></span>
-            </div>
           </div>
-          <div class="news_lay_item" frag="窗口5">
-            <div class="news_tit">招生就业</div>
+          <div class="news_lay_item" frag="窗口6">
+            <div class="news_tit">
+              招生就业
+              <div class="list_more" frag="按钮" type="更多">
+                <span class="more_text" frag="按钮内容"
+                  >更多<i class="arrow"></i
+                ></span>
+              </div>
+            </div>
             <div frag="窗口内容">
               <div class="news_list_s">
                 <!--[InfoCycleBegin]-->
@@ -203,18 +251,13 @@
                 <!--[InfoCycleEnd]-->
               </div>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
-              <span class="more_text" frag="按钮内容"
-                >查看更多<i class="arrow"></i
-              ></span>
-            </div>
           </div>
         </div>
       </div>
     </div>
 
     <div class="wrapper home_lay_item_box">
-      <div class="inner" frag="窗口6" portletmode="simpleArticleAttri">
+      <div class="inner" frag="窗口7" portletmode="simpleArticleAttri">
         <div class="home_lay_title">
           系部设置<span>/</span>
           <span>Speciality</span>
@@ -222,7 +265,7 @@
         <div frag="窗口内容">
           <div class="spe_cards">
             <!--[InfoCycleBegin]-->
-            <div class="cards_item card_{序号值}">
+            <!-- <div class="cards_item card_{序号值}">
               <div class="card_top">
                 <div class="card_icon icon_{序号值}"></div>
                 <div class="card_tit">
@@ -239,6 +282,96 @@
                   </a>
                 </div>
               </div>
+            </div> -->
+            <div class="cards_item card_1">
+              <div class="card_top">
+                <div class="card_icon icon_1"></div>
+                <div class="card_tit">
+                  <div>{标题}</div>
+                </div>
+              </div>
+              <div class="card_desc">
+                <div class="desc">{简介}</div>
+                <div class="more">
+                  <a href="{文章URL}" target="{打开方式}">
+                    <span class="more_text"
+                      >了解更多 <i class="arrow"></i
+                    ></span>
+                  </a>
+                </div>
+              </div>
+            </div>
+            <div class="cards_item card_2">
+              <div class="card_top">
+                <div class="card_icon icon_2"></div>
+                <div class="card_tit">
+                  <div>{标题}</div>
+                </div>
+              </div>
+              <div class="card_desc">
+                <div class="desc">{简介}</div>
+                <div class="more">
+                  <a href="{文章URL}" target="{打开方式}">
+                    <span class="more_text"
+                      >了解更多 <i class="arrow"></i
+                    ></span>
+                  </a>
+                </div>
+              </div>
+            </div>
+            <div class="cards_item card_3">
+              <div class="card_top">
+                <div class="card_icon icon_3"></div>
+                <div class="card_tit">
+                  <div>{标题}</div>
+                </div>
+              </div>
+              <div class="card_desc">
+                <div class="desc">{简介}</div>
+                <div class="more">
+                  <a href="{文章URL}" target="{打开方式}">
+                    <span class="more_text"
+                      >了解更多 <i class="arrow"></i
+                    ></span>
+                  </a>
+                </div>
+              </div>
+            </div>
+            <div class="cards_item card_4">
+              <div class="card_top">
+                <div class="card_icon icon_4"></div>
+                <div class="card_tit">
+                  <div>{标题}</div>
+                </div>
+              </div>
+              <div class="card_desc">
+                <div class="desc">{简介}</div>
+                <div class="more">
+                  <a href="{文章URL}" target="{打开方式}">
+                    <span class="more_text"
+                      >了解更多 <i class="arrow"></i
+                    ></span>
+                  </a>
+                </div>
+              </div>
+            </div>
+            <div class="cards_item card_5">
+              <div class="card_top">
+                <div class="card_icon icon_5"></div>
+                <div class="card_tit">
+                  <div>{标题}</div>
+                </div>
+              </div>
+              <div class="card_desc">
+                <div class="desc">{简介}</div>
+                <div class="more">
+                  <a href="{文章URL}" target="{打开方式}">
+                    <span class="more_text"
+                      >了解更多 <i class="arrow"></i
+                    ></span>
+                  </a>
+                </div>
+              </div>
             </div>
             <!--[InfoCycleEnd]-->
           </div>
@@ -247,7 +380,7 @@
     </div>
 
     <div class="wrapper home_lay_item_box wrapper_teacher_bg">
-      <div class="inner" frag="窗口7">
+      <div class="inner" frag="窗口8">
         <div class="home_lay_title">
           教师队伍<span>/</span>
           <span>Teachers</span>
@@ -296,7 +429,7 @@
           </div>
         </div>
         <div class="tabs_page_wrap">
-          <div class="wrap_item" frag="窗口8">
+          <div class="wrap_item" frag="窗口9">
             <div frag="窗口内容">
               <ul class="tab_list">
                 <!--[InfoCycleBegin]-->
@@ -319,7 +452,7 @@
               ></span>
             </div>
           </div>
-          <div class="wrap_item" frag="窗口9">
+          <div class="wrap_item" frag="窗口10">
             <div frag="窗口内容">
               <ul class="tab_list">
                 <!--[InfoCycleBegin]-->
@@ -342,7 +475,7 @@
               ></span>
             </div>
           </div>
-          <div class="wrap_item" frag="窗口10">
+          <div class="wrap_item" frag="窗口11">
             <div frag="窗口内容">
               <ul class="tab_list">
                 <!--[InfoCycleBegin]-->
@@ -370,7 +503,7 @@
     </div>
 
     <div class="wrapper home_lay_item_box research_bg">
-      <div class="inner" frag="窗口11">
+      <div class="inner" frag="窗口12">
         <div class="home_lay_title white">
           科研创作<span>/</span>
           <span>Scientific Research</span>
@@ -425,7 +558,7 @@
           </div>
         </div>
         <div class="tabs_page_wrap">
-          <div class="wrap_item" frag="窗口12">
+          <div class="wrap_item" frag="窗口13">
             <div frag="窗口内容">
               <ul class="tab_list">
                 <!--[InfoCycleBegin]-->
@@ -446,7 +579,7 @@
               ></span>
             </div>
           </div>
-          <div class="wrap_item" frag="窗口13">
+          <div class="wrap_item" frag="窗口14">
             <div frag="窗口内容">
               <ul class="tab_list">
                 <!--[InfoCycleBegin]-->
@@ -467,7 +600,7 @@
               ></span>
             </div>
           </div>
-          <div class="wrap_item" frag="窗口14">
+          <div class="wrap_item" frag="窗口15">
             <div frag="窗口内容">
               <ul class="tab_list">
                 <!--[InfoCycleBegin]-->
@@ -488,7 +621,7 @@
               ></span>
             </div>
           </div>
-          <div class="wrap_item" frag="窗口15">
+          <div class="wrap_item" frag="窗口16">
             <div frag="窗口内容">
               <ul class="tab_list">
                 <!--[InfoCycleBegin]-->
@@ -509,7 +642,7 @@
               ></span>
             </div>
           </div>
-          <div class="wrap_item" frag="窗口16">
+          <div class="wrap_item" frag="窗口17">
             <div frag="窗口内容">
               <ul class="tab_list">
                 <!--[InfoCycleBegin]-->
@@ -646,7 +779,7 @@
             </div>
           </div>
 
-          <div class="menus wp-window" frag="窗口17">
+          <div class="menus wp-window" frag="窗口18">
             <div frag="窗口内容">
               <!--[NaviStructBegin]-->
               <ul class="wp-menu">