list

src/views/website/components/layout/Footer.tsx

@@ -77,7 +77,7 @@ export default defineComponent(() => {
           </div>
         </div>
         <div class={"copyright"}>
-          版权所有 2007-2023 西华大学美术与艺术学院 Copyright © 2007-2023 CAFA.
+          版权所有 2007-2023 西华大学美术与设计学院 Copyright © 2007-2023 CAFA.
           All Rights Reserved.
         </div>
       </div>

src/views/website/components/layout/Header.tsx

@@ -82,7 +82,7 @@ const HeaderLayout = css`
     a {
       color: var(--vt-c-white);
       &:hover {
-        text-decoration: underline;
+        
       }
     }
     .top_links {

src/views/website/home/components/News.tsx

@@ -300,7 +300,7 @@ const page = css`
         transition: all 0.2s ease-in-out;
         &:hover {
           color: var(--vt-c-primary);
-          text-decoration: underline;
+          
           img {
             transform: scale(1.2);
             transition: all 0.2s ease-in-out;

src/views/website/home/components/Speciality.tsx

@@ -129,7 +129,7 @@ const page = css`
             font-size: 16px;
             color: #fff;
             &:hover {
-              text-decoration: underline;
+              
             }
           }
           .arrow {

xihuaTemplate/css/media.css

@@ -1,11 +1,4 @@
 @media screen and (max-width: 1280px) {
-  .header_wapper {
-    position: fixed;
-    left: 0;
-    top: 0;
-    z-index: 200;
-    width: 100%;
-  }
   .header_layout {
     padding: 16px 20px;
     justify-content: space-between;
@@ -87,10 +80,7 @@
   }
   .wp-navi-aside .wp-menu .sub-menu a {
     padding-left: 24px;
-  }
-  .header_btm_wrapper {
-    padding-top: 62px;
-  }
+  } 
   .banner_wrapper .focus .focus-navigation {
     display: none;
   }

xihuaTemplate/css/reset.css

@@ -187,7 +187,7 @@ a:hover {
   box-sizing: border-box;
 } /**页面全局宽度**/
 .detail_inner {
-  max-width: 1280px;
+  max-width: 1200px;
   width: 100%;
   margin: 0 auto;
   padding: 0 20px;

xihuaTemplate/css/style.css

@@ -2,15 +2,28 @@
 .headtop {
   background-color: #fff;
 }
+.header_wapper {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 200;
+  width: 100%;
+  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);
+}
 .header_layout {
   display: flex;
   align-items: center;
-  padding: 7px 30px;
+  padding: 16px 25px;
   background: #fff;
 }
+.header_logo a {
+  display: block;
+  font-size: 0;
+}
+
 .header_logo img {
-  max-width: 300px;
-  height: 54px;
+  max-width: 440px;
+  height: 65px;
   object-fit: contain;
 }
 .header_layout .header_menu {
@@ -27,13 +40,13 @@
   width: 10%;
   margin-top: 16px;
   padding-bottom: 22px;
-  max-width: 130px;
+  max-width: 120px;
   position: relative;
 }
 .header_layout .nav .wp-menu .menu-item .menu-link {
   display: inline-block;
   width: 100%;
-  font-size: 16px;
+  font-size: 18px;
   line-height: 20px;
   text-align: center;
   white-space: nowrap;
@@ -66,7 +79,6 @@
   right: 0;
   height: 20px;
   border-right: 1px solid rgba(132, 132, 132, 20%);
-  transform: skewX(-15deg);
 }
 
 .header_layout .nav .sub-menu {
@@ -93,7 +105,7 @@
   height: 32px;
   line-height: 32px;
   padding: 0 12px;
-  font-size: 14px;
+  font-size: 16px;
   text-align: center;
 }
 
@@ -174,6 +186,12 @@
 .banner_wrapper .focus .focus-next {
   background: url("../images/botton_next.png") no-repeat center/contain;
 }
+.header_btm_wrapper {
+  padding: 130px 0;
+  display: flex;
+  width: 1200px;
+  margin: 0 auto;
+}
 .home_lay_title {
   margin-bottom: 40px;
   font-size: 30px;
@@ -311,11 +329,9 @@
 }
 .news_lay_box .news_lay_item .item:hover {
   color: var(--vt-c-primary);
-  text-decoration: underline;
 }
 .news_lay_box .news_lay_item .item:hover a {
   color: var(--vt-c-primary);
-  text-decoration: underline;
 }
 .news_lay_box .news_lay_item .item:hover img {
   transform: scale(1.2);
@@ -408,9 +424,7 @@
   font-size: 16px;
   color: #fff;
 }
-.spe_cards .cards_item .card_desc .more a:hover {
-  text-decoration: underline;
-}
+
 .spe_cards .cards_item .card_desc .more .arrow {
   margin-left: 6px;
   width: 18px;
@@ -563,15 +577,21 @@
   overflow: hidden;
   position: relative;
 }
-.tab_list .list_item .item,
-.page_article_list .list_item .item {
+.tab_list .list_item .item {
   position: relative;
   display: block;
   border-bottom: 2px solid rgba(159, 159, 159, 0.5);
   cursor: pointer;
 }
-.tab_list .list_item .item::before,
-.page_article_list .list_item .item::before {
+.page_article_list .list_item .item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.page_article_list .list_item .item:hover {
+  background-color: #f5f5f5;
+}
+.tab_list .list_item .item::before {
   content: "";
   position: absolute;
   bottom: 0;
@@ -581,8 +601,7 @@
   border-color: transparent rgba(159, 159, 159, 0.5) rgba(159, 159, 159, 0.5)
     transparent;
 }
-.tab_list .list_item .item::after,
-.page_article_list .list_item .item::after {
+.tab_list .list_item .item::after {
   content: "";
   position: absolute;
   bottom: -2px;
@@ -592,12 +611,10 @@
   background-color: var(--vt-c-primary);
   transition: width 0.3s ease-in-out;
 }
-.tab_list .list_item .item:hover::before,
-.page_article_list .list_item .item:hover::before {
+.tab_list .list_item .item:hover::before {
   border-color: transparent var(--vt-c-primary) var(--vt-c-primary) transparent;
 }
-.tab_list .list_item .item:hover::after,
-.page_article_list .list_item .item:hover::after {
+.tab_list .list_item .item:hover::after {
   width: 100%;
 }
 .tab_list .list_item .item:hover img,
@@ -642,29 +659,34 @@
   color: #999999;
 }
 .page_article_list .list_img {
-  width: 100%;
-  height: 280px;
+  width: 240px;
+  height: 160px;
   overflow: hidden;
 }
 .page_article_list img {
   width: 100%;
-  height: 280px;
+  height: 160px;
   object-fit: cover;
   transition: all 0.3s ease-in-out;
 }
 .page_article_list .info_box {
-  padding: 16px 12px;
+  flex: 1;
+  height: 160px;
+  padding: 16px;
 }
 .page_article_list .item_tit {
-  height: 56px;
-  font-size: 16px;
-  line-height: 24px;
+  width: 100%;
+  font-weight: 500;
+  font-size: 20px;
   color: #333333;
+  line-height: 24px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
   overflow: hidden;
 }
 .page_article_list .item_desc {
-  height: 60px;
-  margin-top: 16px;
+  height: 70px;
+  margin-top: 15px;
   font-size: 12px;
   line-height: 20px;
   font-weight: 400;
@@ -674,7 +696,6 @@
 }
 .page_article_list .item_date {
   font-size: 12px;
-  margin-top: 18px;
   font-weight: 300;
   color: #999999;
 }
@@ -989,25 +1010,39 @@
   color: #fff;
 }
 .content_wrapper {
-  padding: 100px 0 50px;
+  flex: 1;
+  padding-left: 40px;
+}
+.content_wrapper .page_article_box {
+  padding: 20px 28px;
+  background-color: #fff;
+}
+.content_wrapper .page_article_box .list_title {
+  padding-bottom: 20px;
+  font-weight: 500;
+  font-size: 20px;
+  color: #111111;
+  line-height: 26px;
+  border-bottom: 1px solid #e5e5e5;
+}
+.article {
+  padding: 20px 28px;
+  background-color: #fff;
 }
 .article h1.arti_title {
   line-height: 36px;
   font-family: "Microsoft YaHei";
-  font-size: 24px;
-  text-align: center;
-  color: var(--vt-c-primary);
+  font-size: 28px;
+  color: #333;
 } /**文章标题**/
 .article h2.arti_title {
-  line-height: 34px;
+  line-height: 28px;
   font-family: "Microsoft YaHei";
   font-size: 16px;
-  text-align: center;
   color: var(--vt-c-text-light-2);
 } /**文章副标题**/
 .article .arti_metas {
-  padding: 10px;
-  text-align: center; /* border-top:1px solid #ececec; */
+  padding-top: 10px;
 }
 .article .arti_metas span {
   margin: 0 5px;
@@ -1042,165 +1077,191 @@
 }
 .page_tabs_box {
   position: relative;
-  background-color: #fff;
+  width: 220px;
+}
+.page_tabs_box .column_title {
+  margin-bottom: 16px;
+  padding: 24px 20px;
+  width: 100%;
+  font-weight: 600;
+  font-size: 28px;
+  color: #ffffff;
+  white-space: nowrap;
+  overflow: hidden;
+  background: var(--vt-c-primary);
 }
-
 .page_tabs_box .page_tab_list {
   position: relative;
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  align-items: center;
   width: 100%;
+  background-color: #fff;
 }
 .page_tabs_box .page_tab_list .page_list_item {
-  flex-shrink: 0;
+  width: 100%;
+  overflow: hidden;
+  border-bottom: 1px solid #e5e5e5;
+}
+.page_tabs_box .page_tab_list .page_list_item:last-child {
+  border-bottom: none;
 }
 .page_tabs_box .page_tab_list .page_list_item.selected .sub_list,
 .page_tabs_box .page_tab_list .page_list_item.parent .sub_list {
-  display: flex;
+  display: block;
 }
 .page_tabs_box .page_tab_list .page_list_item .sub_list {
   display: none;
-  position: absolute;
-  top: 56px;
-  left: 0;
+  padding: 0 20px 20px;
   width: 100%;
 }
-.page_tabs_box .page_tab_list .sub_list {
-  display: flex;
-  padding: 20px 20px 10px;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-}
 .page_tab_list .sub_list .sub_item {
-  margin-right: 10px;
-  margin-bottom: 10px;
-  flex-shrink: 0;
+  margin-bottom: 5px;
 }
-.page_tab_list .sub_list .sub_item:first-child {
-  margin-left: 0;
+.page_tab_list .sub_list .sub_item:last-child {
+  margin-bottom: 0;
 }
+
 .page_tab_list .sub_list .sub_item .sub_item_link {
   display: block;
-  padding: 6px 10px;
+  padding: 8px 10px;
   color: #666;
-  border: 1px solid #666;
+  font-size: 14px;
+  font-weight: 500;
   border-radius: 2px;
 }
 .page_tab_list .sub_list .sub_item .sub_item_link:hover,
 .page_tab_list .sub_list .sub_item .sub_item_link.selected {
-  color: #fff;
-  background-color: var(--vt-c-primary);
-  border-color: var(--vt-c-primary);
+  color: var(--vt-c-primary);
+  background-color: rgba(65, 150, 156, 0.1);
 }
 .page_tabs_box .page_tab_list .page_list_item .item_link {
   position: relative;
-  display: inline-block;
-  padding: 20px 10px;
+  display: block;
+  width: 100%;
+  padding: 20px 18px;
   color: #666;
   font-size: 16px;
+  text-overflow: ellipsis;
+  overflow: hidden;
   white-space: nowrap;
 }
 .page_tabs_box .page_tab_list .page_list_item .item_link::after {
   content: "";
   position: absolute;
-  bottom: 0;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
+  top: 50%;
+  left: 0;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  height: 0;
   width: 0;
-  border-bottom: 2px solid var(--vt-c-primary);
+  border-left: 3px solid var(--vt-c-primary);
 }
 .page_tabs_box .page_tab_list .page_list_item .item_link.selected,
 .page_tabs_box .page_tab_list .page_list_item .item_link.parent {
   font-weight: 500;
-  color: #333;
-  background-color: #f0f2f5;
+  color: var(--vt-c-primary);
 }
 .page_tabs_box .page_tab_list .page_list_item .item_link.selected::after,
 .page_tabs_box .page_tab_list .page_list_item .item_link.parent::after {
-  min-width: 50px;
-  width: 50%;
-}
-.page_tabs_box .page_tab_list .page_list_item + .page_list_item {
-  margin-left: 30px;
+  height: 18px;
 }
 
 .page_article_list,
 .page_teacher_list {
-  display: grid;
-  gap: 18px;
-  grid-template-columns: repeat(4, 1fr);
+  display: block;
+  padding: 30px 0 50px;
 }
 .page_teacher_list {
   width: 100%;
   overflow: hidden;
 }
 .page_teacher_list .item {
-  display: block;
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.page_teacher_list .item .list_img {
+  width: 160px;
+  height: 160px;
+  padding-bottom: 20px;
+  overflow: hidden;
+}
+.page_teacher_list .item .info_box {
+  flex: 1;
+  height: 160px;
+  padding: 0 16px 20px;
+  border-bottom: 1px solid #e5e5e5;
+}
+.page_teacher_list .item .info_box .item_tit {
   width: 100%;
-  height: 380px;
-  position: relative;
+  font-weight: 500;
+  font-size: 18px;
+  color: #333333;
+  line-height: 24px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
   overflow: hidden;
 }
+.page_teacher_list .item .info_box .item_desc {
+  height: 70px;
+  margin-top: 15px;
+  font-size: 12px;
+  line-height: 20px;
+  font-weight: 400;
+  color: #666666;
+  overflow: hidden;
+  word-break: break-all;
+}
+.page_teacher_list .item .info_box .list_more {
+  margin-top: 0;
+  text-align: right;
+}
 .page_teacher_list .item img {
-  width: 100%;
-  height: 100%;
+  width: 160px;
+  height: 160px;
   object-fit: cover;
+  border-radius: 80px;
   transition: all 0.3s ease-in-out;
 }
-.page_teacher_list .item:hover .item_footer {
-  transform: translateY(0);
-}
+
 .page_teacher_list .item:hover img {
   transform: scale(1.2);
 }
-.page_teacher_list .item .item_footer {
-  position: absolute;
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 140px;
-  padding: 0 24px 20px;
-  transform: translateY(100%);
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
-  transition: all 0.3s ease-in-out;
-}
-.page_teacher_list .item .name a {
-  color: #fff;
-  font-size: 18px;
-  font-weight: 600;
+
+.page_def_list {
+  display: block;
+  padding: 30px 0 50px;
 }
 .page_def_list .item {
   position: relative;
-  background-color: #fff;
-  margin-bottom: 1px;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #e5e5e5;
+}
+.page_def_list .item:hover {
+  background-color: #f5f5f5;
+}
+.page_def_list .item .item_title {
+  flex: 1;
+}
+.page_def_list .item .item_date {
+  font-size: 12px;
+  color: #747474;
+}
+.page_def_list .item:hover a {
+  color: var(--vt-c-primary);
 }
 .page_def_list .item a {
   position: relative;
-  z-index: 2;
   display: block;
+  line-height: 20px;
   width: 100%;
   font-size: 16px;
-  padding: 20px 48px 20px 24px;
+  padding: 12px 20px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   overflow: hidden;
 }
-.page_def_list .item .arrow {
-  position: absolute;
-  right: 24px;
-  top: 50%;
-  width: 24px;
-  height: 24px;
-  transform: translateY(-50%);
-  display: inline-block;
-  background: url("../images/arrow_right_primary.png") no-repeat center/contain;
-}
+
 .header_btns {
   display: flex;
   align-items: center;
@@ -1212,8 +1273,8 @@
 .search_box .wp-search {
   display: block;
   position: absolute;
-  top: -50%;
-  right: 30px;
+  top: 0;
+  right: 40px;
   width: 0;
   height: 50px;
   background-color: #fff;
@@ -1252,8 +1313,8 @@
 }
 .search_box .search_icon {
   display: block;
-  width: 20px;
-  height: 20px;
+  width: 40px;
+  height: 40px;
   background: url("../images/icon_search.png") no-repeat center/contain;
   cursor: pointer;
 }

xihuaTemplate/displayinfo.htm

@@ -41,7 +41,7 @@
         <div class="header_menu">
           <div class="nav wp-navi">
             <div class="wp-panel">
-              <div class="wp-window" frag="窗口2">
+              <div class="wp-window" frag="窗口1">
                 <div frag="窗口内容">
                   <!--[NaviStructBegin]-->
                   <ul class="wp-menu">
@@ -76,7 +76,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">
@@ -122,38 +122,63 @@
       <div class="navi-aside-mask"></div>
     </div>
 
-    <!--Start||focus-->
-    <div
-      class="header_btm_wrapper"
-      frag="窗口3"
-      portletmode="simpleColumnAttri"
-    >
-      <div frag="窗口内容">
-        <div class="page_title_box">
-          <img src="{栏目图片URL}" data-imgsrc="./images/banner.png" />
-        </div>
-      </div>
-    </div>
-
-    <!--End||focus-->
     <!--Start||content-->
     <div class="wrapper">
-      <div class="detail_inner">
+      <div class="header_btm_wrapper">
+        <div class="page_tabs_box">
+          <div frag="窗口3" portletmode="simpleColumnList">
+            <div frag="窗口内容">
+              <!--[ColumnStructBegin]-->
+              <h1 class="column_title">{位置栏目}</h1>
+              <ul class="page_tab_list">
+                <!--[ColumnCycleBegin]-->
+                <li class="page_list_item {选中样式}">
+                  <a
+                    title="{栏目名称}"
+                    class="item_link {选中样式}"
+                    href="{栏目URL}"
+                    >{栏目名称}</a
+                  >
+                  <!--[SubColumnStructBegin]-->
+                  <ul class="sub_list">
+                    <!--[ColumnCycleBegin]-->
+                    <li class="sub_item {选中样式}">
+                      <a
+                        title="{栏目名称}"
+                        class="sub_item_link {选中样式}"
+                        href="{栏目URL}"
+                        target="{打开方式}"
+                        >{栏目名称}</a
+                      ><!--[SubColumnList]-->
+                    </li>
+                    <!--[ColumnCycleEnd]-->
+                  </ul>
+                  <!--[SubColumnStructEnd]-->
+                </li>
+
+                <!--[ColumnCycleEnd]-->
+              </ul>
+              <!--[ColumnStructEnd]-->
+            </div>
+          </div>
+        </div>
         <div
-          class="content_wrapper article"
+          class="content_wrapper"
           frag="窗口4"
           portletmode="simpleArticleAttri"
         >
           <div frag="窗口内容">
-            <h1 class="arti_title">{标题}</h1>
-            <h2 class="arti_title">{副标题}</h2>
-            <p class="arti_metas">
-              <span class="arti_publisher">发布者：{发布者}</span
-              ><span class="arti_update">发布时间：{发布时间}</span
-              ><span class="arti_views">浏览次数：{动态浏览次数}</span>
-            </p>
-            <div class="entry">
-              <div class="read">{内容}</div>
+            <div class="article">
+              <h1 class="arti_title">{标题}</h1>
+              <h2 class="arti_title">{副标题}</h2>
+              <p class="arti_metas">
+                <span class="arti_publisher">发布者：{发布者}</span
+                ><span class="arti_update">发布时间：{发布时间}</span
+                ><span class="arti_views">浏览次数：{动态浏览次数}</span>
+              </p>
+              <div class="entry">
+                <div class="read">{内容}</div>
+              </div>
             </div>
           </div>
         </div>
@@ -225,7 +250,7 @@
         </div>
       </div>
       <div class="copyright">
-        版权所有 2007-2023 西华大学美术与艺术学院 Copyright © 2007-2023 CAFA.
+        版权所有 2007-2023 西华大学美术与设计学院 Copyright © 2007-2023 CAFA.
         All Rights Reserved.
       </div>
     </div>

xihuaTemplate/listcolumn.htm

@@ -40,7 +40,7 @@
         <div class="header_menu">
           <div class="nav wp-navi">
             <div class="wp-panel">
-              <div class="wp-window" frag="窗口2">
+              <div class="wp-window" frag="窗口1">
                 <div frag="窗口内容">
                   <!--[NaviStructBegin]-->
                   <ul class="wp-menu">
@@ -75,7 +75,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">
@@ -121,79 +121,65 @@
       <div class="navi-aside-mask"></div>
     </div>
 
-    <!--Start||focus-->
-    <div
-      class="header_btm_wrapper"
-      frag="窗口3"
-      portletmode="simpleColumnAttri"
-    >
-      <div frag="窗口内容">
-        <div class="page_title_box">
-          <img src="{栏目图片URL}" data-imgsrc="./images/banner.png" />
-          <div class="title detail_inner">
-            <h1>{位置栏目}</h1>
-            <h2>{栏目简介}</h2>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!--End||focus-->
     <!--Start||content-->
-    <div class="page_tabs_box">
-      <div class="detail_inner" frag="窗口4" portletmode="simpleColumnList">
-        <div frag="窗口内容">
-          <!--[ColumnStructBegin]-->
-          <ul class="page_tab_list">
-            <!--[ColumnCycleBegin]-->
-            <li class="page_list_item {选中样式}">
-              <a
-                title="{栏目名称}"
-                class="item_link {选中样式}"
-                href="{栏目URL}"
-                >{栏目名称}</a
-              >
-              <!--[SubColumnStructBegin]-->
-              <ul class="sub_list">
-                <!--[ColumnCycleBegin]-->
-                <li class="sub_item {选中样式}">
-                  <a
-                    title="{栏目名称}"
-                    class="sub_item_link {选中样式}"
-                    href="{栏目URL}"
-                    target="{打开方式}"
-                    >{栏目名称}</a
-                  ><!--[SubColumnList]-->
-                </li>
-                <!--[ColumnCycleEnd]-->
-              </ul>
-              <!--[SubColumnStructEnd]-->
-            </li>
+    <div class="header_btm_wrapper">
+      <div class="page_tabs_box">
+        <div frag="窗口3" portletmode="simpleColumnList">
+          <div frag="窗口内容">
+            <h1 class="column_title">{位置栏目}</h1>
+            <!--[ColumnStructBegin]-->
+            <ul class="page_tab_list">
+              <!--[ColumnCycleBegin]-->
+              <li class="page_list_item {选中样式}">
+                <a
+                  title="{栏目名称}"
+                  class="item_link {选中样式}"
+                  href="{栏目URL}"
+                  >{栏目名称}</a
+                >
+                <!--[SubColumnStructBegin]-->
+                <ul class="sub_list">
+                  <!--[ColumnCycleBegin]-->
+                  <li class="sub_item {选中样式}">
+                    <a
+                      title="{栏目名称}"
+                      class="sub_item_link {选中样式}"
+                      href="{栏目URL}"
+                      target="{打开方式}"
+                      >{栏目名称}</a
+                    ><!--[SubColumnList]-->
+                  </li>
+                  <!--[ColumnCycleEnd]-->
+                </ul>
+                <!--[SubColumnStructEnd]-->
+              </li>
 
-            <!--[ColumnCycleEnd]-->
-          </ul>
-          <!--[ColumnStructEnd]-->
+              <!--[ColumnCycleEnd]-->
+            </ul>
+            <!--[ColumnStructEnd]-->
+          </div>
         </div>
       </div>
-    </div>
-    <div class="content_wrapper">
-      <div class="page_article_box">
-        <div class="detail_inner" frag="窗口5" portletmode="simpleList">
-          <div frag="窗口内容">
-            <ul class="page_article_list">
-              <!--[InfoCycleBegin]-->
-              <li class="list_item">
-                <div class="item">
-                  <div class="list_img">{缩略图}</div>
-                  <div class="info_box">
-                    <div class="item_tit">{标题}</div>
-                    <div class="item_desc">{简介}</div>
-                    <div class="item_date">{发布时间}</div>
+      <div class="content_wrapper">
+        <div class="page_article_box">
+          <div frag="窗口4" portletmode="simpleList">
+            <div frag="窗口内容">
+              <h2 class="list_title">{栏目名称}</h2>
+              <ul class="page_article_list">
+                <!--[InfoCycleBegin]-->
+                <li class="list_item">
+                  <div class="item">
+                    <div class="list_img">{缩略图}</div>
+                    <div class="info_box">
+                      <div class="item_tit">{标题}</div>
+                      <div class="item_desc">{简介}</div>
+                      <div class="item_date">{发布时间}</div>
+                    </div>
                   </div>
-                </div>
-              </li>
-              <!--[InfoCycleEnd]-->
-            </ul>
+                </li>
+                <!--[InfoCycleEnd]-->
+              </ul>
+            </div>
           </div>
         </div>
       </div>
@@ -202,7 +188,7 @@
     <!--End||content-->
     <!--Start||footer-->
     <div class="footer_layout">
-      <div class="footer_fix_link" >
+      <div class="footer_fix_link">
         <div>
           <div class="link_vertical">
             <a class="xihua_link" href="http://www.xhu.edu.cn/" target="_blank">
@@ -235,7 +221,7 @@
             </div>
           </div>
 
-          <div class="menus wp-window" frag="窗口7">
+          <div class="menus wp-window" frag="窗口5">
             <div frag="窗口内容">
               <!--[NaviStructBegin]-->
               <ul class="wp-menu">
@@ -265,7 +251,7 @@
         </div>
       </div>
       <div class="copyright">
-        版权所有 2007-2023 西华大学美术与艺术学院 Copyright © 2007-2023 CAFA.
+        版权所有 2007-2023 西华大学美术与设计学院 Copyright © 2007-2023 CAFA.
         All Rights Reserved.
       </div>
     </div>

xihuaTemplate/listintro.htm

@@ -40,7 +40,7 @@
         <div class="header_menu">
           <div class="nav wp-navi">
             <div class="wp-panel">
-              <div class="wp-window" frag="窗口2">
+              <div class="wp-window" frag="窗口1">
                 <div frag="窗口内容">
                   <!--[NaviStructBegin]-->
                   <ul class="wp-menu">
@@ -75,7 +75,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">
@@ -122,73 +122,59 @@
     </div>
     <!--End||nav-->
 
-    <!--Start||focus-->
-    <div
-      class="header_btm_wrapper"
-      frag="窗口3"
-      portletmode="simpleColumnAttri"
-    >
-      <div frag="窗口内容">
-        <div class="page_title_box">
-          <img src="{栏目图片URL}" data-imgsrc="./images/banner.png" />
-          <div class="title detail_inner">
-            <h1>{位置栏目}</h1>
-            <h2>{栏目简介}</h2>
+    <!--Start||content-->
+    <div class="header_btm_wrapper">
+      <div class="page_tabs_box">
+        <div frag="窗口3" portletmode="simpleColumnList">
+          <div frag="窗口内容">
+            <h1 class="column_title">{位置栏目}</h1>
+            <!--[ColumnStructBegin]-->
+            <ul class="page_tab_list">
+              <!--[ColumnCycleBegin]-->
+              <li class="page_list_item {选中样式}">
+                <a
+                  title="{栏目名称}"
+                  class="item_link {选中样式}"
+                  href="{栏目URL}"
+                  >{栏目名称}</a
+                >
+                <!--[SubColumnStructBegin]-->
+                <ul class="sub_list">
+                  <!--[ColumnCycleBegin]-->
+                  <li class="sub_item {选中样式}">
+                    <a
+                      title="{栏目名称}"
+                      class="sub_item_link {选中样式}"
+                      href="{栏目URL}"
+                      target="{打开方式}"
+                      >{栏目名称}</a
+                    ><!--[SubColumnList]-->
+                  </li>
+                  <!--[ColumnCycleEnd]-->
+                </ul>
+                <!--[SubColumnStructEnd]-->
+              </li>
+
+              <!--[ColumnCycleEnd]-->
+            </ul>
+            <!--[ColumnStructEnd]-->
           </div>
         </div>
       </div>
-    </div>
-
-    <!--End||focus-->
-    <!--Start||content-->
-    <div class="page_tabs_box">
-      <div class="detail_inner" frag="窗口4" portletmode="simpleColumnList">
-        <div frag="窗口内容">
-          <!--[ColumnStructBegin]-->
-          <ul class="page_tab_list">
-            <!--[ColumnCycleBegin]-->
-            <li class="page_list_item {选中样式}">
-              <a
-                title="{栏目名称}"
-                class="item_link {选中样式}"
-                href="{栏目URL}"
-                >{栏目名称}</a
-              >
-              <!--[SubColumnStructBegin]-->
-              <ul class="sub_list">
-                <!--[ColumnCycleBegin]-->
-                <li class="sub_item {选中样式}">
-                  <a
-                    title="{栏目名称}"
-                    class="sub_item_link {选中样式}"
-                    href="{栏目URL}"
-                    target="{打开方式}"
-                    >{栏目名称}</a
-                  ><!--[SubColumnList]-->
+      <div class="content_wrapper">
+        <div class="page_article_box">
+          <div frag="窗口4" portletmode="simpleList">
+            <div frag="窗口内容">
+              <h2 class="list_title">{栏目名称}</h2>
+              <ul class="page_def_list">
+                <!--[InfoCycleBegin]-->
+                <li class="item">
+                  <div class="item_title">{标题}</div>
+                  <div class="item_date">{发布时间}</div>
                 </li>
-                <!--[ColumnCycleEnd]-->
+                <!--[InfoCycleEnd]-->
               </ul>
-              <!--[SubColumnStructEnd]-->
-            </li>
-
-            <!--[ColumnCycleEnd]-->
-          </ul>
-          <!--[ColumnStructEnd]-->
-        </div>
-      </div>
-    </div>
-    <div class="content_wrapper">
-      <div class="page_article_box">
-        <div class="detail_inner" frag="窗口5" portletmode="simpleList">
-          <div frag="窗口内容">
-            <ul class="page_def_list">
-              <!--[InfoCycleBegin]-->
-              <li class="item">
-                {标题}
-                <div class="arrow"></div>
-              </li>
-              <!--[InfoCycleEnd]-->
-            </ul>
+            </div>
           </div>
         </div>
       </div>
@@ -230,7 +216,7 @@
             </div>
           </div>
 
-          <div class="menus wp-window" frag="窗口7">
+          <div class="menus wp-window" frag="窗口5">
             <div frag="窗口内容">
               <!--[NaviStructBegin]-->
               <ul class="wp-menu">
@@ -260,7 +246,7 @@
         </div>
       </div>
       <div class="copyright">
-        版权所有 2007-2023 西华大学美术与艺术学院 Copyright © 2007-2023 CAFA.
+        版权所有 2007-2023 西华大学美术与设计学院 Copyright © 2007-2023 CAFA.
         All Rights Reserved.
       </div>
     </div>

xihuaTemplate/listteacher.htm

@@ -40,7 +40,7 @@
         <div class="header_menu">
           <div class="nav wp-navi">
             <div class="wp-panel">
-              <div class="wp-window" frag="窗口2">
+              <div class="wp-window" frag="窗口1">
                 <div frag="窗口内容">
                   <!--[NaviStructBegin]-->
                   <ul class="wp-menu">
@@ -75,7 +75,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">
@@ -122,75 +122,67 @@
     </div>
     <!--End||nav-->
 
-    <!--Start||focus-->
-    <div
-      class="header_btm_wrapper"
-      frag="窗口3"
-      portletmode="simpleColumnAttri"
-    >
-      <div frag="窗口内容">
-        <div class="page_title_box">
-          <img src="{栏目图片URL}" data-imgsrc="./images/banner.png" />
-          <div class="title detail_inner">
-            <h1>{位置栏目}</h1>
-            <h2>{栏目简介}</h2>
+    <!--Start||content-->
+    <div class="header_btm_wrapper">
+      <div class="page_tabs_box">
+        <div frag="窗口3" portletmode="simpleColumnList">
+          <div frag="窗口内容">
+            <h1 class="column_title">{位置栏目}</h1>
+            <!--[ColumnStructBegin]-->
+            <ul class="page_tab_list">
+              <!--[ColumnCycleBegin]-->
+              <li class="page_list_item {选中样式}">
+                <a
+                  title="{栏目名称}"
+                  class="item_link {选中样式}"
+                  href="{栏目URL}"
+                  >{栏目名称}</a
+                >
+                <!--[SubColumnStructBegin]-->
+                <ul class="sub_list">
+                  <!--[ColumnCycleBegin]-->
+                  <li class="sub_item {选中样式}">
+                    <a
+                      title="{栏目名称}"
+                      class="sub_item_link {选中样式}"
+                      href="{栏目URL}"
+                      target="{打开方式}"
+                      >{栏目名称}</a
+                    ><!--[SubColumnList]-->
+                  </li>
+                  <!--[ColumnCycleEnd]-->
+                </ul>
+                <!--[SubColumnStructEnd]-->
+              </li>
+
+              <!--[ColumnCycleEnd]-->
+            </ul>
+            <!--[ColumnStructEnd]-->
           </div>
         </div>
       </div>
-    </div>
-
-    <!--End||focus-->
-    <!--Start||content-->
-    <div class="page_tabs_box">
-      <div class="detail_inner" frag="窗口4" portletmode="simpleColumnList">
-        <div frag="窗口内容">
-          <!--[ColumnStructBegin]-->
-          <ul class="page_tab_list">
-            <!--[ColumnCycleBegin]-->
-            <li class="page_list_item {选中样式}">
-              <a
-                title="{栏目名称}"
-                class="item_link {选中样式}"
-                href="{栏目URL}"
-                >{栏目名称}</a
-              >
-              <!--[SubColumnStructBegin]-->
-              <ul class="sub_list">
-                <!--[ColumnCycleBegin]-->
-                <li class="sub_item {选中样式}">
-                  <a
-                    title="{栏目名称}"
-                    class="sub_item_link {选中样式}"
-                    href="{栏目URL}"
-                    target="{打开方式}"
-                    >{栏目名称}</a
-                  ><!--[SubColumnList]-->
+      <div class="content_wrapper">
+        <div class="page_article_box">
+          <div frag="窗口4" portletmode="simpleList">
+            <div frag="窗口内容">
+              <h2 class="list_title">{栏目名称}</h2>
+              <ul class="page_teacher_list">
+                <!--[InfoCycleBegin]-->
+                <li class="item">
+                  <div class="list_img">{缩略图}</div>
+                  <div class="info_box">
+                    <div class="item_tit">{标题}</div>
+                    <div class="item_desc">{简介}</div>
+                    <div class="list_more" frag="按钮" type="更多">
+                      <span class="more_text" frag="按钮内容"
+                        >查看更多<i class="arrow"></i
+                      ></span>
+                    </div>
+                  </div>
                 </li>
-                <!--[ColumnCycleEnd]-->
+                <!--[InfoCycleEnd]-->
               </ul>
-              <!--[SubColumnStructEnd]-->
-            </li>
-
-            <!--[ColumnCycleEnd]-->
-          </ul>
-          <!--[ColumnStructEnd]-->
-        </div>
-      </div>
-    </div>
-    <div class="content_wrapper">
-      <div class="page_article_box">
-        <div class="detail_inner" frag="窗口5" portletmode="simpleList">
-          <div frag="窗口内容">
-            <ul class="page_teacher_list">
-              <!--[InfoCycleBegin]-->
-              <li class="item">
-                {缩略图}
-                <div class="item_footer">
-                  <div class="name">{标题}</div>
-                </div>
-              </li>
-              <!--[InfoCycleEnd]-->
-            </ul>
+            </div>
           </div>
         </div>
       </div>
@@ -232,7 +224,7 @@
             </div>
           </div>
 
-          <div class="menus wp-window" frag="窗口7">
+          <div class="menus wp-window" frag="窗口5">
             <div frag="窗口内容">
               <!--[NaviStructBegin]-->
               <ul class="wp-menu">
@@ -262,7 +254,7 @@
         </div>
       </div>
       <div class="copyright">
-        版权所有 2007-2023 西华大学美术与艺术学院 Copyright © 2007-2023 CAFA.
+        版权所有 2007-2023 西华大学美术与设计学院 Copyright © 2007-2023 CAFA.
         All Rights Reserved.
       </div>
     </div>

xihuaTemplate/main.htm

@@ -676,7 +676,7 @@
         </div>
       </div>
       <div class="copyright">
-        版权所有 2007-2023 西华大学美术与艺术学院 Copyright © 2007-2023 CAFA.
+        版权所有 2007-2023 西华大学美术与设计学院 Copyright © 2007-2023 CAFA.
         All Rights Reserved.
       </div>
     </div>