hangb пре 8 година
родитељ
комит
d297e7989c

BIN
jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/images/question/pic3.png


+ 234 - 10
jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/page_version.html

@@ -1,10 +1,234 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>升级公告页面</title>
-</head>
-<body>
-升级公告页面
-</body>
-</html>
+<#include "_layout.html"/>
+<#macro css>
+    #banner {
+    background: #1c863c;
+    padding: 88px 0;
+    height: 440px;
+    color: #fff;
+    background-size:100% 100%;
+    }
+    .banner .container{
+    text-align: center;
+    width: 1190px;
+    }
+    .banner .text-info{
+    margin-top: 75px;
+    float: left;
+    text-align: left;
+    }
+    .banner .text-info h3 {
+    font-size: 48px;
+    color: #fff;
+    font-weight: bold;
+    }
+    .banner .text-info h4 {
+    margin-top: 34px;
+    font-size: 24px;
+    color: #fff;
+    font-weight: bold;
+    line-height: 30px;
+    }
+    .banner img{
+    float: right;
+    margin-top: -280px;
+    }
+    /*section-main*/
+    #main {
+    width: 100%;
+    text-align: center;
+    margin: 0 auto;
+    text-align: center;
+    }
+    .section-item .content {
+    display: inline-block;
+    width: 1190px;
+    text-align: center;
+    overflow: hidden;
+    }
+    .breadcrumbs .content{
+    text-align: left;
+    }
+    .breadcrumbs ul{
+    overflow: hidden;
+    display: inline-block;
+    text-align: left;
+    }
+    .breadcrumbs ul li{
+    float: left;
+    margin-right: 5px;
+    height: 68px;
+    line-height: 68px;
+    }
+    .breadcrumbs ul li a{
+    color: #1b1b1b;
+    }
+    .section-item h3{
+    font-size: 24px;
+    color: #1b1b1b;
+    padding-top: 50px;
+    }
+    .version h3{
+    font-size: 18px;
+    font-weight: bold;
+    color: #3c54ca;
+    padding-top: 0;
+    }
+    .version .content p{
+    font-size: 14px;
+    color: #787878;
+    margin: 15px 0;
+    }
+    .section1 h3{
+    padding-top: 0;
+    }
+    .section-item .content .left-txt{
+    width: 550px;
+    text-align: left;
+    }
+    .section-item .content .left-txt li{
+    font-size: 14px;
+    margin-bottom: 34px;
+    text-align: left;
+    }
+    .section-item .content .left-txt li a{
+    color: #1e1e1e;
+    }
+    .section-item .content .right-img{
+    float: right;
+    width: 500px;
+    }
+    .section2 {
+    background: #f8f8f8;
+    }
+    .section2 .content .detail{
+    border-bottom: 1px solid #dcdcdc;
+    padding-bottom: 100px;
+    }
+    .section2 .content .detail:last-child{
+    border-bottom: none;
+    }
+    .section2 .content .left-txt h4{
+    margin: 40px 0;
+    font-size: 18px;
+    color: #1e1e1e;
+    }
+    .section2 .content .left-txt p{
+    margin: 30px 0 50px 0;
+    font-size: 14px;
+    color: #1e1e1e;
+    text-indent: 2em;
+    }
+    .section3 .content{
+    margin-bottom: 85px;
+    }
+    .section3 h3{
+    padding: 10px 0 30px 0;
+    }
+    .section3 .content .version-list{
+    margin-bottom: 20px;
+    padding: 10px;
+    width: 1140px;
+    height: 120px;
+    border:1px solid #dcdcdc;
+    }
+    .section3 .content .version-list:hover{
+    border: 1px solid #226ea2;
+    cursor: pointer ;
+    }
+    .section3 .content .version-list:hover p{
+    color: #464646;
+    }
+    .section3 .content .version-list div{
+    text-align: left;
+    }
+    .section3 .content .version-list div span{
+    font-weight: bold;
+    font-size: 14px;
+    color:#205cca;
+    margin-right: 20px;
+    }
+    .section3 .content .version-list div em{
+    font-style: normal;
+    font-size: 14px;
+    color:#787878;
+    }
+    .section3 .content .version-list p{
+    margin: 20px 0 10px 0;
+    padding: 0 50px;
+    font-size: 14px;
+    color:#787878;
+    text-align: left;
+    }
+</#macro>
+<@layout>
+<section id="banner" class="banner">
+    <div class="container">
+        <div class="text-info">
+            <h3>升级公告</h3>
+            <h4>UPDATE ANNOUNCEMENT</h4>
+        </div>
+        <img src="${CTPATH}/images/question/pic3.png" alt="">
+    </div>
+</section>
+<!-- main 主内容 -->
+<section id="main" class="clearfix">
+    <div class="section-item breadcrumbs">
+        <div class="content">
+            <ul>
+                <li><a href="">当前位置:</a></li>
+                <li><a href="">首页&nbsp;&gt;</a></li>
+                <li><a href="">服务中心&nbsp;&gt;</a></li>
+                <li><a href="">常见问题</a></li>
+            </ul>
+        </div>
+    </div>
+    <div class="section-item version">
+        <div class="content">
+            <h3>系统版本 UAS1.2</h3>
+            <p>2017-06-17</p>
+        </div>
+    </div>
+    <div class="section-item section1">
+        <h3>升级概要</h3>
+        <div class="content">
+            <div class="left-txt">
+                <ul>
+                    <li><a href="">1、能否跨域使用?</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="section-item section2">
+        <h3>升级详情</h3>
+        <div class="content">
+            <div class="detail">
+                <div class="left-txt">
+                    <h4>1、库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本。</h4>
+                    <p>更加精准化管理库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本</p>
+                </div>
+                <div class="right-img">
+                    <img src="" alt="">
+                </div>
+            </div>
+            <div class="detail">
+                <div class="left-txt">
+                    <h4>1、库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本。</h4>
+                    <p>更加精准化管理库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本</p>
+                </div>
+                <div class="right-img">
+                    <img src="" alt="">
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="section-item section3">
+        <h3>历史版本</h3>
+        <div class="content">
+            <div class="version-list">
+                <div><span>UAS管理系统 1.1版本</span><em>2017-02-01</em></div>
+                <p>1、库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本加精准化管理库存新增成本。2、核算功能,更能精准化和合理管理存货的库存成本和发出成.3、库存新增成本核算功能,更能精准化和合理管理存货的库存成本和发出成本加精准化管理库存新增成本。4、核算功能,更能精准化和合理管理存货的库</p>
+            </div>
+        </div>
+    </div>
+</section>
+</@layout>