bianjiang преди 5 месеца
родител
ревизия
21f8dfb7f9
променени са 2 файла, в които са добавени 338 реда и са изтрити 4 реда
  1. 47 4
      xihuaTemplate/css/style.css
  2. 291 0
      xihuaTemplate/listteacher2.htm

+ 47 - 4
xihuaTemplate/css/style.css

@@ -365,7 +365,9 @@
   overflow: hidden;
   transition: all 0.2s ease-in-out;
 }
-
+.news_lay_box .news_lay_item .item:hover a {
+  color: var(--vt-c-primary);
+}
 .news_lay_box .news_lay_item .item a:hover {
   color: var(--vt-c-primary);
 }
@@ -535,14 +537,24 @@
   width: 100%;
   position: relative;
 }
+.teachers_box .teacher_item a {
+  display: block;
+  position: relative;
+  padding-top: 100%;
+}
 .teachers_box .teacher_item img {
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
-  height: 300;
+  height: 100%;
   object-fit: cover;
   border-radius: 50%;
   transition: all 0.3s ease-in-out;
 }
-
+.teachers_box .teacher_item:hover img {
+  transform: scale(1.1);
+}
 .teachers_box .teacher_slide .item_footer {
   margin-top: 20px;
   display: block;
@@ -552,7 +564,7 @@
   font-size: 20px;
   font-weight: 600;
 }
-.teachers_box .teacher_slide .name a:hover {
+.teachers_box .teacher_slide:hover .name a {
   color: var(--vt-c-primary);
 }
 .tabs_header {
@@ -722,6 +734,7 @@
   object-fit: cover;
   transition: all 0.3s ease-in-out;
 }
+
 .tab_list .list_item .info_box {
   padding: 16px 18px;
 }
@@ -732,6 +745,9 @@
   color: var(--vt-c-indigo);
   overflow: hidden;
 }
+.tab_list .list_item .item:hover .item_tit a {
+  color: var(--vt-c-primary);
+}
 .tab_list .list_item .item_tit a {
   color: var(--vt-c-indigo);
 }
@@ -1389,6 +1405,7 @@
   flex: 1;
 }
 .page_def_list .item .item_date {
+  padding-right: 20px;
   font-size: 12px;
   color: #747474;
 }
@@ -1482,3 +1499,29 @@
 .page_article_box .wp_paging li {
   float: none;
 }
+.page_teacher_name_list {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 12px;
+  padding: 30px 0 50px;
+}
+.page_teacher_name_list .item,
+.page_teacher_name_list .item .item_tit {
+  width: 100%;
+  overflow: hidden;
+}
+.page_teacher_name_list .item .item_tit a {
+  display: block;
+  width: 100%;
+  padding: 16px 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 16px;
+  color: var(--vt-c-indigo);
+  border: 1px solid #f5f5f5;
+}
+.page_teacher_name_list .item .item_tit a:hover {
+  color: var(--vt-c-primary);
+  background-color: #f5f5f5;
+}

+ 291 - 0
xihuaTemplate/listteacher2.htm

@@ -0,0 +1,291 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="renderer" content="webkit" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta
+      name="viewport"
+      content="width=device-width,user-scalable=0,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"
+    />
+    <title>西华大学美术与设计学院</title>
+    <link rel="shortcut icon " type="images/x-icon" href="favicon.ico" />
+    <meta
+      name="keywords"
+      content="美术系、动画系、产品设计系、视觉传达设计系、环境设计系"
+    />
+    <meta
+      name="description"
+      content="西华大学美术与设计学院主要是由原西华大学艺术学院的美术系、工业设计系、视觉传达设计系、环境设计系与动画系于2016年12月组建而成。原西华大学艺术学院美术系的前身是原成都师范高等专科学校美术系,1993年开始招收美术教育专科,1995年开始招收工艺美术专科,2003年西华大学组建后更名为“西华大学艺术学院美术系”并开始招收美术学专业本科。"
+    />
+    <script type="text/javascript" src="extends/extends.js"></script>
+    <link rel="stylesheet" href="./css/reset.css" type="text/css" />
+    <link rel="stylesheet" href="./css/style.css" type="text/css" />
+    <link rel="stylesheet" href="./css/media.css" type="text/css" />
+    <!--[if lt IE 9]>
+      <script src="extends/libs/html5.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+    <!--Start||head-->
+    <div class="wrapper header_wapper">
+      <div class="header_layout">
+        <div class="header_logo">
+          <div>
+            <a href="/">
+              <img src="./images/logo_header.png" alt="logo" />
+            </a>
+          </div>
+        </div>
+        <div class="header_menu">
+          <div class="nav wp-navi">
+            <div class="wp-panel">
+              <div
+                class="wp-window"
+                frag="窗口2"
+                portletmode="simpleSudyNavi"
+                configs="{'c5':'1','c9':'0','c6':'0','c4':'_self','c8':'2','c2':'1','c7':'2','c3':'8','c1':'1'}"
+                contents="{'c2':'0', 'c1':'/概况,/新闻,/党建,/师资,/教学,/科研,/招就,/学生,/校友'}"
+              >
+                <div frag="窗口内容">
+                  <!--[NaviStructBegin]-->
+                  <ul class="wp-menu">
+                    <!--[NaviItemCycleBegin]-->
+                    <li class="menu-item">
+                      <a class="menu-link" href="{栏目URL}" target="{打开方式}"
+                        >{栏目名称}</a
+                      >
+                      <!--[MenuStructBegin]-->
+                      <em class="menu-switch-arrow"></em>
+                      <ul class="sub-menu">
+                        <!--[MenuItemCycleBegin]-->
+                        <li class="sub-item">
+                          <a
+                            class="sub-link"
+                            href="{栏目URL}"
+                            target="{打开方式}"
+                            >{栏目名称}</a
+                          ><!--[SubMenuList]-->
+                        </li>
+                        <!--[MenuItemCycleEnd]-->
+                      </ul>
+                      <!--[MenuStructEnd]-->
+                    </li>
+
+                    <!--[NaviItemCycleEnd]-->
+                  </ul>
+                  <!--[NaviStructEnd]-->
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="header_btns">
+          <div class="search_box" frag="窗口3">
+            <div frag="窗口内容">
+              <!--搜索组件-->
+              <div class="wp-search">
+                <form action="搜索地址" method="post" target="_blank">
+                  <div class="form_box">
+                    <div class="search-input">
+                      <input
+                        name="keyword"
+                        type="text"
+                        placeholder="请输入关键词..."
+                      />
+                    </div>
+                    <div class="search-btn">
+                      <input
+                        name="submit"
+                        class="search-submit"
+                        type="submit"
+                        value="搜索"
+                      />
+                    </div>
+                    <div class="close_icon"></div>
+                  </div>
+                </form>
+              </div>
+              <!--//复制以上代码到自定义搜索-->
+            </div>
+            <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>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--End||head-->
+
+    <!--aside导航-->
+    <div class="wp-navi-aside" id="wp-navi-aside">
+      <div class="aside-inner">
+        <div class="navi-aside-wrap"></div>
+      </div>
+      <div class="navi-aside-mask"></div>
+    </div>
+    <!--End||nav-->
+
+    <!--Start||content-->
+    <div class="header_btm_wrapper">
+      <div class="page_tabs_box">
+        <div
+          class="column_title_box"
+          frag="窗口4"
+          portletmode="simpleColumnAttri"
+        >
+          <div frag="窗口内容">
+            <h1 class="column_title">{位置栏目}</h1>
+            <div class="arrow"></div>
+          </div>
+        </div>
+        <div frag="窗口5" 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>
+
+              <!--[ColumnCycleEnd]-->
+            </ul>
+            <!--[ColumnStructEnd]-->
+          </div>
+        </div>
+      </div>
+      <div class="content_wrapper">
+        <div class="page_article_box">
+          <div class="list_title" frag="窗口6" portletmode="simpleColumnName">
+            <div frag="窗口内容"><h2>{栏目名称}</h2></div>
+          </div>
+          <div
+            frag="窗口7"
+            portletmode="simpleList"
+            configs="{'c26':'320','c14':'1','c1':'1','c27':'1','c33':'1','c4':'1','c6':'30','c9':'0','c12':'0','c28':'0','c16':'1','c30':'0','c25':'320','c15':'0','c29':'1','c5':'_self','c17':'0','c19':'yyyy-MM-dd','c2':'序号,标题,发布时间','c21':'1','c7':'1','c13':'200','c22':'240','c3':'12','c8':'1','c34':'0','c31':'1','c32':'1','c23':'320','c18':'yyyy-MM-dd','c20':'0','c10':'50','c11':'1','c24':'1'}"
+          >
+            <div frag="窗口内容">
+              <ul class="page_teacher_name_list">
+                <!--[InfoCycleBegin]-->
+                <li class="item">
+                  <div class="item_tit"><a>{标题}</a></div>
+                </li>
+                <!--[InfoCycleEnd]-->
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!--End||content-->
+    <!--Start||footer-->
+    <div class="footer_layout">
+      <div class="footer_fix_link">
+        <div>
+          <div class="link_vertical">
+            <a class="xihua_link" href="http://www.xhu.edu.cn/" target="_blank">
+              西华主页
+            </a>
+            <a class="index_link" href="/"> 学院主页 </a>
+          </div>
+        </div>
+      </div>
+      <div class="top_btn" id="gotop">
+        <img src="./images/arrow_top.png" />
+      </div>
+      <div class="lay_footer wrapper">
+        <div class="inner footer_menu">
+          <div class="logo">
+            <div class="footer_logo">
+              <img src="./images/logo_footer.png" />
+            </div>
+            <div class="footer_tips">
+              <img src="./images/footer_tips.png" />
+            </div>
+            <div class="contact_view">
+              <p class="title">关注我们</p>
+              <p>电话(传真):028-87723068</p>
+              <p>招生就业咨询:028-87721839</p>
+              <p>中国•四川•成都市 西华大学 艺术大楼( 610039 )</p>
+              <p class="qrcode">
+                <img src="./images/footer_qrcode.png" />
+              </p>
+            </div>
+          </div>
+
+          <div
+            class="menus wp-window"
+            frag="窗口8"
+            portletmode="simpleSudyNavi"
+            configs="{'c5':'1','c9':'0','c6':'0','c4':'_self','c8':'2','c2':'1','c7':'2','c3':'8','c1':'1'}"
+            contents="{'c2':'0', 'c1':'/概况,/新闻,/党建,/师资,/教学,/科研,/招就,/学生,/校友,/其他'}"
+          >
+            <div frag="窗口内容">
+              <!--[NaviStructBegin]-->
+              <ul class="wp-menu">
+                <!--[NaviItemCycleBegin]-->
+                <li class="menu-item">
+                  <a class="menu-link" href="{栏目URL}" target="{打开方式}"
+                    >{栏目名称}</a
+                  >
+                  <!--[MenuStructBegin]-->
+                  <ul class="sub-menu">
+                    <!--[MenuItemCycleBegin]-->
+                    <li class="sub-item">
+                      <a class="sub-link" href="{栏目URL}" target="{打开方式}"
+                        >{栏目名称}</a
+                      ><!--[SubMenuList]-->
+                    </li>
+                    <!--[MenuItemCycleEnd]-->
+                  </ul>
+                  <!--[MenuStructEnd]-->
+                </li>
+
+                <!--[NaviItemCycleEnd]-->
+              </ul>
+              <!--[NaviStructEnd]-->
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="copyright">
+        版权所有 2007-2023 西华大学美术与设计学院 Copyright © 2007-2023 CAFA.
+        All Rights Reserved.
+      </div>
+    </div>
+    <!--End||footer-->
+  </body>
+  <script type="text/javascript" src="./js/list.js"></script>
+  <script type="text/javascript" src="./js/app.js"></script>
+  <script type="text/javascript">
+    $(function () {
+      // 初始化SDAPP
+      new SDAPP();
+    });
+  </script>
+</html>