Home Explore Help
Register Sign In
hx
/
expo
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

5.2.0默认皮肤

guwd 5 years ago
parent
9d5d59b6a6
commit
ae6d672ff2
59 changed files with 2827 additions and 10856 deletions
Split View Show Diff Stats
  1. 19 16
      src/main/webapp/WEB-INF/manager/cms/category/form.ftl
  2. 0 453
      src/main/webapp/template/1/default.bak/about.htm
  3. 0 1013
      src/main/webapp/template/1/default.bak/css/app.css
  4. 0 608
      src/main/webapp/template/1/default.bak/detail.htm
  5. 0 163
      src/main/webapp/template/1/default.bak/footer.htm
  6. 0 62
      src/main/webapp/template/1/default.bak/header.htm
  7. BIN
      src/main/webapp/template/1/default.bak/images/1601262165196.png
  8. BIN
      src/main/webapp/template/1/default.bak/images/1601263168784.png
  9. BIN
      src/main/webapp/template/1/default.bak/images/1601263219863.png
  10. BIN
      src/main/webapp/template/1/default.bak/images/1601263314183.png
  11. BIN
      src/main/webapp/template/1/default.bak/images/1601264474008.png
  12. BIN
      src/main/webapp/template/1/default.bak/images/1601264558124.png
  13. BIN
      src/main/webapp/template/1/default.bak/images/1601264865246.png
  14. BIN
      src/main/webapp/template/1/default.bak/images/1601264880892.png
  15. BIN
      src/main/webapp/template/1/default.bak/images/1601265232947.png
  16. BIN
      src/main/webapp/template/1/default.bak/images/1601265263422.png
  17. BIN
      src/main/webapp/template/1/default.bak/images/1601282117218.png
  18. BIN
      src/main/webapp/template/1/default.bak/images/1602060761571.jpg
  19. BIN
      src/main/webapp/template/1/default.bak/images/1602060968122.jpg
  20. BIN
      src/main/webapp/template/1/default.bak/images/1602064370755.jpg
  21. BIN
      src/main/webapp/template/1/default.bak/images/1602065099002.jpg
  22. BIN
      src/main/webapp/template/1/default.bak/images/1602123532415.png
  23. BIN
      src/main/webapp/template/1/default.bak/images/1602639842403.jpg
  24. BIN
      src/main/webapp/template/1/default.bak/images/1602639957490.jpg
  25. BIN
      src/main/webapp/template/1/default.bak/images/1602639968529.jpg
  26. BIN
      src/main/webapp/template/1/default.bak/images/1602656777359.png
  27. BIN
      src/main/webapp/template/1/default.bak/images/1602993572728.png
  28. BIN
      src/main/webapp/template/1/default.bak/images/1602994812850.png
  29. BIN
      src/main/webapp/template/1/default.bak/images/1602994843689.png
  30. BIN
      src/main/webapp/template/1/default.bak/images/1602994853675.png
  31. BIN
      src/main/webapp/template/1/default.bak/images/1602994867816.png
  32. BIN
      src/main/webapp/template/1/default.bak/images/1602994889839.png
  33. BIN
      src/main/webapp/template/1/default.bak/images/1602995154347.png
  34. BIN
      src/main/webapp/template/1/default.bak/images/1603073616105.png
  35. BIN
      src/main/webapp/template/1/default.bak/images/1603073720477.png
  36. BIN
      src/main/webapp/template/1/default.bak/images/1603073920995.png
  37. 0 2756
      src/main/webapp/template/1/default.bak/index.htm
  38. 0 857
      src/main/webapp/template/1/default.bak/list.htm
  39. 0 608
      src/main/webapp/template/1/default.bak/news-detail.htm
  40. 0 857
      src/main/webapp/template/1/default.bak/news-list.htm
  41. 0 35
      src/main/webapp/template/1/default.bak/search-bar.htm
  42. 0 718
      src/main/webapp/template/1/default.bak/search.htm
  43. 101 153
      src/main/webapp/template/1/default/about.htm
  44. 776 758
      src/main/webapp/template/1/default/css/app.css
  45. 27 53
      src/main/webapp/template/1/default/footer.htm
  46. 182 253
      src/main/webapp/template/1/default/index.htm
  47. 113 0
      src/main/webapp/template/1/default/map.htm.html
  48. 81 103
      src/main/webapp/template/1/default/message.htm
  49. 37 48
      src/main/webapp/template/1/default/nav.htm
  50. 196 160
      src/main/webapp/template/1/default/news-detail.htm
  51. 238 482
      src/main/webapp/template/1/default/news-list.htm
  52. 145 159
      src/main/webapp/template/1/default/product-detail.htm
  53. 492 541
      src/main/webapp/template/1/default/product-list.htm
  54. 420 0
      src/main/webapp/template/1/default/search.htm
  55. BIN
      src/main/webapp/upload/1/appLogo/1603869963063.png
  56. BIN
      src/main/webapp/upload/1/cms/content/1603868874881.jpg
  57. BIN
      src/main/webapp/upload/1/cms/content/1603868885841.png
  58. BIN
      src/main/webapp/upload/1/cms/content/1603868894525.jpg
  59. BIN
      src/main/webapp/upload/1/cms/content/1603873778103.jpg

+ 19 - 16
src/main/webapp/WEB-INF/manager/cms/category/form.ftl
View File 

@@ -133,22 +133,7 @@
 
                         </el-form-item>
 
                     </el-col>
 
                     <el-col span="12">
 
-                        <el-form-item  label="栏目属性" prop="categoryFlag">
 
-                            <template slot='label'>栏目属性
 
-                                <el-popover placement="top-start" title="提示" trigger="hover" content="类型不满足可以在自定义字典菜单中新增,字段类型为“栏目属性”">
 
-                                    <i class="el-icon-question" slot="reference"></i>
 
-                                </el-popover>
 
-                            </template>
 
-                            <el-select v-model="form.categoryFlag"
 
-                                       :style="{width: '100%'}"
 
-                                       :filterable="false"
 
-                                       :disabled="false"
 
-                                       :multiple="true" :clearable="true"
 
-                                       placeholder="请选择栏目属性">
 
-                                <el-option v-for='item in categoryFlagOptions' :key="item.dictValue" :value="item.dictValue"
 
-                                           :label="item.dictLabel"></el-option>
 
-                            </el-select>
 
-                        </el-form-item>
 
+
 
                     </el-col>
 
 
                     <el-col span="12" v-if="form.categoryType == 3">
 
@@ -173,6 +158,24 @@
 
                         :gutter="0"
 
                         justify="start" align="top">
 
                     <el-col :span="12">
 
+                        <el-form-item  label="栏目属性" prop="categoryFlag">
 
+                            <template slot='label'>栏目属性
 
+                                <el-popover placement="top-start" title="提示" trigger="hover" content="类型不满足可以在自定义字典菜单中新增,字段类型为“栏目属性”">
 
+                                    <i class="el-icon-question" slot="reference"></i>
 
+                                </el-popover>
 
+                            </template>
 
+                            <el-select v-model="form.categoryFlag"
 
+                                       :style="{width: '100%'}"
 
+                                       :filterable="false"
 
+                                       :disabled="false"
 
+                                       :multiple="true" :clearable="true"
 
+                                       placeholder="请选择栏目属性">
 
+                                <el-option v-for='item in categoryFlagOptions' :key="item.dictValue" :value="item.dictValue"
 
+                                           :label="item.dictLabel"></el-option>
 
+                            </el-select>
 
+                        </el-form-item>
 
+                    </el-col>
 
+                    <el-col :span="12">
 
                         <el-form-item  label="栏目拼音" prop="categoryPinyin">
 
                             <el-input
 
                                     v-model="form.categoryPinyin"

+ 0 - 453
src/main/webapp/template/1/default.bak/about.htm
View File 

@@ -1,453 +0,0 @@
 
-
 
-
 
-
 
-
 
-
 
-<html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
-        ms.base = "";
 
-    </script>
 
-    <style>
 
-        [v-cloak]{
 
-            display: none;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "header.htm"/>
 
-
 
-        <#include "search-bar.htm"/>
 
-
 
-<div class="content">
 
-<div class="detail">
 
-<div class="top">
 
-<span class="title" >
 
-${field.title}
 
-</span>
 
-<div class="date">
 
-<span >
 
-发布时间：
 
-</span>
 
-<span >
 
-${field.date?string("yyyy-MM-dd")}
 
-</span>
 
-<span >
 
-浏览次数：
 
-</span>
 
-<span >
 
-${field.hit}
 
-</span>
 
-</div> </div>
 
-<div class="body">
 
-<span class="body-text" >
 
-${field.content}
 
-</span>
 
-</div> </div> <!--返回顶部-start-->
 
-<!--返回顶部 - start -->
 
-<div class="ms-right-fixed-top" onclick="document.getElementById(..).scrollTop = 0;">
 
-<!--内容区域 - start -->
 
-<div class="content">
 
-<i class="iconfont icon-shang"></i>
 
-<span>
 
-回到顶部
 
-</span>
 
-</div>
 
-<!--内容区域 -end -->
 
-</div>
 
-<!--返回顶部 -end --> <!--返回顶部-end-->
 
-</div>
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
-var app = new Vue({
 
-    el: '#app',
 
-    watch:{
 
-    },
 
-    data: {
 
-    },
 
-    methods: {
 
-       switchShow:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display=e.style.display=='none'?'flex':'none'
 
-               }
 
-           })
 
-       },
 
-    },
 
-    created(){
 
-    }
 
-})
 
-</script>
 
-
 
-<style>
 
-    body {
 
-        background-color:#f5f5f5;
 
-        box-sizing:border-box;
 
-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
 
-        moz-box-sizing:border-box;
 
-        webkit-box-sizing:border-box;
 
-    }
 
-
 
-    .content 
-    {
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:unset;
 
-    }
 
-    .content .detail 
-    {
 
-            background-color:#FFFFFF;
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            min-height:800px;
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:10px;
 
-            padding-top:0px;
 
-            position:relative;
 
-            padding-left:0px;
 
-            margin-top:10px;
 
-            height:300px;
 
-    }
 
-    .content .detail .top 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            border-bottom-color:#EBEEF5;
 
-            padding-bottom:32px;
 
-            flex-wrap:nowrap;
 
-            width:90%;
 
-            margin-bottom:0px;
 
-            border-bottom-style:solid;
 
-            padding-top:32px;
 
-            border-bottom-width:1px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail .top .title 
-    {
 
-            padding-bottom:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:28PX;
 
-            padding-top:0px;
 
-    }
 
-    .content .detail .top .date 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .content .detail .top .date span 
-    {
 
-            font-size:16PX;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-    .content .detail .body 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            width:90%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            padding-top:32px;
 
-            justify-content:center;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail .body .body-text 
-    {
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:18PX;
 
-            line-height:32px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .content .ms-right-fixed-top 
-    {
 
-            margin:0 auto;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1200px;
 
-            margin-bottom:0px;
 
-            position:relative;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:0px;
 
-    }
 
-    .content .ms-right-fixed-top >.content 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-left:600px;
 
-            padding-bottom:0px;
 
-            top:400px;
 
-            flex-wrap:nowrap;
 
-            left:50%;
 
-            width:40px;
 
-            position:fixed;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            z-index:1;
 
-    }
 
-    .content .ms-right-fixed-top >.content i 
-    {
 
-            padding-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            padding-right:0px;
 
-            margin-left:0px;
 
-    }
 
-    .content .ms-right-fixed-top >.content span 
-    {
 
-            background-color:#909399;
 
-            color:#FFFFFF;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:5px;
 
-            margin-left:0px;
 
-            padding-bottom:5px;
 
-            width:50px;
 
-            font-size:14px;
 
-            padding-top:5px;
 
-            padding-left:5px;
 
-            height:40%;
 
-    }
 
-@media (max-width: 768px){
 
-        .content .detail 
-        {
 
-                background-color:#FFFFFF;
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                margin-left:auto;
 
-                min-height:800px;
 
-                margin-right:auto;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                padding-top:0px;
 
-                position:relative;
 
-                padding-left:0px;
 
-                margin-top:10px;
 
-                height:300px;
 
-        }
 
-        .content .detail .top 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                border-bottom-color:#EBEEF5;
 
-                padding-bottom:32px;
 
-                flex-wrap:nowrap;
 
-                width:90%;
 
-                margin-bottom:0px;
 
-                border-bottom-style:solid;
 
-                padding-top:32px;
 
-                border-bottom-width:1px;
 
-                margin-top:0px;
 
-        }
 
-        .content .detail .top .title 
-        {
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:28PX;
 
-                padding-top:0px;
 
-        }
 
-        .content .detail .top .date 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .content .detail .top .date span 
-        {
 
-                font-size:16PX;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .content .detail .body 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                width:90%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-top:32px;
 
-                justify-content:center;
 
-                margin-top:0px;
 
-        }
 
-        .content .detail .body .body-text 
-        {
 
-                margin-right:auto;
 
-                padding-bottom:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:18PX;
 
-                line-height:32px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .content .ms-right-fixed-top 
-        {
 
-                margin:0 auto;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                position:relative;
 
-                margin-top:0px;
 
-                height:0px;
 
-        }
 
-        .content .ms-right-fixed-top >.content 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                margin-left:600px;
 
-                padding-bottom:0px;
 
-                top:400px;
 
-                flex-wrap:nowrap;
 
-                left:50%;
 
-                width:40px;
 
-                position:fixed;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                z-index:1;
 
-        }
 
-        .content .ms-right-fixed-top >.content i 
-        {
 
-                margin-left:0px;
 
-        }
 
-        .content .ms-right-fixed-top >.content span 
-        {
 
-                background-color:#909399;
 
-                color:#FFFFFF;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:5px;
 
-                margin-left:0px;
 
-                padding-bottom:5px;
 
-                width:50px;
 
-                font-size:14px;
 
-                padding-top:5px;
 
-                padding-left:5px;
 
-                height:40%;
 
-        }
 
-
 
-}</style>

+ 0 - 1013
src/main/webapp/template/1/default.bak/css/app.css
View File 

@@ -1,1013 +0,0 @@
 
-
 
-    .header 
-    {
 
-            background-color:#2D548F;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            justify-content:center;
 
-            height:60px;
 
-    }
 
-    .header .center 
-    {
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:1170px;
 
-            box-sizing:border-box;
 
-            height:100%;
 
-    }
 
-    .header .center .left 
-    {
 
-            margin-right:0px;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            height:100%;
 
-            margin-left:0px;
 
-    }
 
-    .header .center .left >a 
-    {
 
-            cursor:pointer;
 
-            color:#FFFFFF;
 
-            text-align:center;
 
-            width:100px;
 
-            text-decoration:none;
 
-            padding-top:20px;
 
-            background-repeat:no-repeat;
 
-            height:100%;
 
-    }
 
-    .header .center .left >a:hover
 
-    {
 
-                    background-size:auto;
 
-                    background-position:bottom center;
 
-                    background-repeat:no-repeat;
 
-                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
 
-    }
 
-    .header .center .h5-menu 
-    {
 
-            flex-direction:row;
 
-            display:none;
 
-            width:100px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            position:relative;
 
-            padding-left:0px;
 
-            height:100%;
 
-    }
 
-    .header .center .h5-menu .icon 
-    {
 
-            font-size:28PX;
 
-            color:#FFFFFF;
 
-            display:flex;
 
-    }
 
-    .header .center .h5-menu .h5-menu-nav 
-    {
 
-            background-color:#2D548F;
 
-            top:60px;
 
-            left:0px;
 
-            flex-direction:column;
 
-            display:none;
 
-            width:100vw;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            position:absolute;
 
-            padding-left:0px;
 
-    }
 
-    .header .center .h5-menu .h5-menu-nav a 
-    {
 
-            cursor:pointer;
 
-            color:#FFFFFF;
 
-            text-align:left;
 
-            width:100%;
 
-            text-decoration:none;
 
-            padding-top:9px;
 
-            padding-left:10px;
 
-            height:40px;
 
-    }
 
-    .header .center .right 
-    {
 
-            margin-right:0px;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:180px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            height:100%;
 
-            margin-left:0px;
 
-    }
 
-    .header .center .right >a 
-    {
 
-            cursor:pointer;
 
-            font-size:12PX;
 
-            text-decoration:none;
 
-            padding-top:0px;
 
-            color:#CDD6E1;
 
-    }
 
-    .header .center .right >a:hover
 
-    {
 
-                    color:#FFFFFF;
 
-    }
 
-    .header .center .right >span 
-    {
 
-            margin-right:2px;
 
-            color:#FFFFFF;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            margin-left:2px;
 
-    }
 
-    .footer 
-    {
 
-            border-top-style:solid;
 
-            background-color:#FFFFFF;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            border-top-width:10px;
 
-            display:flex;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            border-top-color:#2F5E95;
 
-    }
 
-    .footer .links 
-    {
 
-            margin-right:0px;
 
-            background-color:#F3F3F3;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-top:0px;
 
-            height:100px;
 
-    }
 
-    .footer .links >.body 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            border-top-left-radius:0px;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            border-bottom-left-radius:0px;
 
-            width:1170px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:100%;
 
-    }
 
-    .footer .links >.body span 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:90px;
 
-            font-size:14PX;
 
-            padding-top:6px;
 
-            padding-left:10px;
 
-            justify-content:center;
 
-            height:30px;
 
-    }
 
-    .footer .links >.body .link 
-    {
 
-            background-color:#FFFFFF;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            border-top-left-radius:0px;
 
-            margin-right:0px;
 
-            flex-wrap:nowrap;
 
-            border-bottom-left-radius:0px;
 
-            width:204px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:30px;
 
-    }
 
-    .footer .links >.body .link >.ms-select 
-    {
 
-            border-color:#DCDFE6;
 
-            background-color:#FFFFFF;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:4px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            border-top-left-radius:2px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            border-bottom-left-radius:2px;
 
-            border-width:1px;
 
-            width:100%;
 
-            border-bottom-right-radius:2px;
 
-            border-top-right-radius:2px;
 
-            padding-top:0px;
 
-            border-style:solid;
 
-            padding-left:4px;
 
-            height:30px;
 
-    }
 
-    .footer .links >.body .link >.ms-select span 
-    {
 
-            color:#DCDFE6;
 
-            border-bottom-left-radius:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            font-size:14PX;
 
-            padding-left:0px;
 
-            border-top-left-radius:0px;
 
-    }
 
-    .footer .links >.body .link >.ms-select i 
-    {
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            color:#DCDFE6;
 
-            border-bottom-left-radius:0px;
 
-            border-top-left-radius:0px;
 
-    }
 
-    .footer .copyright 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:40px;
 
-            padding-left:0px;
 
-            margin-top:20px;
 
-            height:120px;
 
-    }
 
-    .footer .copyright .body 
-    {
 
-            margin-right:0px;
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:1170px;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-            justify-content:center;
 
-            height:100%;
 
-    }
 
-    .footer .copyright .body >img 
-    {
 
-            margin-right:20px;
 
-            width:52px;
 
-            height:64px;
 
-    }
 
-    .footer .copyright .body .desc 
-    {
 
-            margin-right:0px;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            height:100%;
 
-    }
 
-    .footer .copyright .body .desc .text 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            justify-content:flex-start;
 
-            height:30px;
 
-    }
 
-    .footer .copyright .body .desc .text >div 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            height:100%;
 
-    }
 
-    .footer .copyright .body .desc .text >div a 
-    {
 
-            cursor:pointer;
 
-            margin-right:0px;
 
-            font-size:14px;
 
-            text-decoration:none;
 
-            color:#000;
 
-    }
 
-    .footer .copyright .body .desc .text >div span 
-    {
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-    .footer .copyright .body .desc .text >a 
-    {
 
-            cursor:pointer;
 
-            margin-right:20px;
 
-            text-decoration:none;
 
-            font-size:14PX;
 
-            color:#000000;
 
-    }
 
-    .footer .copyright .body .desc .ms-designer 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            height:30px;
 
-    }
 
-    .footer .copyright .body .desc .ms-designer a 
-    {
 
-            cursor:pointer;
 
-            text-decoration:none;
 
-            font-size:14PX;
 
-            color:#DCDCDC;
 
-    }
 
-    .footer .copyright .body .right 
-    {
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:600px;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .footer .copyright .body .right .img 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            width:100px;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .footer .copyright .body .right .img >img 
-    {
 
-            width:90px;
 
-            height:90px;
 
-    }
 
-    .footer .copyright .body .right .img >span 
-    {
 
-            font-size:14PX;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-    .footer .copyright .body .right .wx 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            width:100px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            height:100%;
 
-    }
 
-    .footer .copyright .body .right .wx >div 
-    {
 
-            flex-wrap:wrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-top:0px;
 
-            height:90px;
 
-    }
 
-    .footer .copyright .body .right .wx >div >img 
-    {
 
-            width:50px;
 
-            margin-bottom:0px;
 
-            margin-top:4px;
 
-            height:50px;
 
-    }
 
-    .footer .copyright .body .right .wx >div >span 
-    {
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:18PX;
 
-            margin-bottom:0px;
 
-            margin-top:6px;
 
-    }
 
-    .footer .left-fixed 
-    {
 
-            margin:0 auto;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:none;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            flex-wrap:nowrap;
 
-            width:1200px;
 
-            margin-bottom:0px;
 
-            position:relative;
 
-            margin-top:0px;
 
-            height:0px;
 
-    }
 
-    .footer .left-fixed .content 
-    {
 
-            top:400px;
 
-            flex-wrap:nowrap;
 
-            left:50%;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100px;
 
-            box-sizing:border-box;
 
-            position:fixed;
 
-            height:100px;
 
-            margin-left:-720px;
 
-    }
 
-    .footer .left-fixed .content >img 
-    {
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            height:100%;
 
-            margin-left:0px;
 
-    }
 
-    .footer .right-fixed 
-    {
 
-            margin:0 auto;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:none;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            flex-wrap:nowrap;
 
-            width:1200px;
 
-            margin-bottom:0px;
 
-            position:relative;
 
-            margin-top:0px;
 
-            height:0px;
 
-    }
 
-    .footer .right-fixed .content 
-    {
 
-            background-color:#A38F8F;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            margin-left:600px;
 
-            top:400px;
 
-            flex-wrap:nowrap;
 
-            left:50%;
 
-            width:100px;
 
-            position:fixed;
 
-            height:100px;
 
-            z-index:1;
 
-    }
 
-    .footer .right-fixed .content >img 
-    {
 
-            width:100%;
 
-            display:flex;
 
-            height:100%;
 
-            margin-left:0px;
 
-    }
 
-@media (max-width: 768px){
 
-        .header 
-        {
 
-                background-color:#2D548F;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                height:60px;
 
-        }
 
-        .header .center 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                justify-content:space-between;
 
-                height:100%;
 
-        }
 
-        .header .center .left 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:none;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                justify-content:center;
 
-                height:100%;
 
-        }
 
-        .header .center .left >a 
-        {
 
-                cursor:pointer;
 
-                color:#FFFFFF;
 
-                text-align:center;
 
-                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601263314183.png);
 
-                width:100px;
 
-                text-decoration:none;
 
-                background-position:bottom center;
 
-                padding-top:20px;
 
-                background-repeat:no-repeat;
 
-                height:100%;
 
-        }
 
-        .header .center .h5-menu 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:80px;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                justify-content:center;
 
-                height:100%;
 
-        }
 
-        .header .center .h5-menu .icon 
-        {
 
-                font-size:28PX;
 
-                padding-top:0px;
 
-                color:#FFFFFF;
 
-                display:flex;
 
-        }
 
-        .header .center .h5-menu .h5-menu-nav 
-        {
 
-                background-color:#2D548F;
 
-                top:60px;
 
-                left:0px;
 
-                flex-direction:column;
 
-                display:none;
 
-                width:100vw;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                position:absolute;
 
-                padding-left:0px;
 
-                z-index:9;
 
-        }
 
-        .header .center .h5-menu .h5-menu-nav a 
-        {
 
-                cursor:pointer;
 
-                color:#FFFFFF;
 
-                text-align:left;
 
-                width:100%;
 
-                text-decoration:none;
 
-                padding-top:9px;
 
-                padding-left:28px;
 
-                height:40px;
 
-        }
 
-        .header .center .right 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:60%;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                height:100%;
 
-        }
 
-        .header .center .right >a 
-        {
 
-                cursor:pointer;
 
-                font-size:12PX;
 
-                text-decoration:none;
 
-                color:#CDD6E1;
 
-        }
 
-        .header .center .right >span 
-        {
 
-                margin-right:2px;
 
-                color:#FFFFFF;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                margin-left:2px;
 
-        }
 
-        .footer 
-        {
 
-                border-top-style:solid;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                border-top-width:10px;
 
-                display:flex;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                border-top-color:#2F5E95;
 
-        }
 
-        .footer .links 
-        {
 
-                margin-right:0px;
 
-                background-color:#F3F3F3;
 
-                flex-wrap:wrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .footer .links >.body 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                border-top-left-radius:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                border-bottom-left-radius:0px;
 
-                width:100%;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                height:unset;
 
-        }
 
-        .footer .links >.body span 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:90px;
 
-                font-size:14PX;
 
-                padding-top:6px;
 
-                padding-left:10px;
 
-                justify-content:center;
 
-                height:30px;
 
-        }
 
-        .footer .links >.body .link 
-        {
 
-                background-color:#FFFFFF;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                border-top-left-radius:0px;
 
-                margin-right:0px;
 
-                flex-wrap:nowrap;
 
-                border-bottom-left-radius:0px;
 
-                width:204px;
 
-                border-bottom-right-radius:0px;
 
-                margin-bottom:10px;
 
-                border-top-right-radius:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:30px;
 
-        }
 
-        .footer .links >.body .link >.ms-select 
-        {
 
-                border-color:#DCDFE6;
 
-                background-color:#FFFFFF;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:4px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                border-top-left-radius:2px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                border-bottom-left-radius:2px;
 
-                border-width:1px;
 
-                width:100%;
 
-                border-bottom-right-radius:2px;
 
-                border-top-right-radius:2px;
 
-                padding-top:0px;
 
-                border-style:solid;
 
-                padding-left:4px;
 
-                height:30px;
 
-        }
 
-        .footer .links >.body .link >.ms-select span 
-        {
 
-                color:#DCDFE6;
 
-                border-bottom-left-radius:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                font-size:14PX;
 
-                padding-left:0px;
 
-                border-top-left-radius:0px;
 
-        }
 
-        .footer .links >.body .link >.ms-select i 
-        {
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                color:#DCDFE6;
 
-                border-bottom-left-radius:0px;
 
-                border-top-left-radius:0px;
 
-        }
 
-        .footer .copyright 
-        {
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:10px;
 
-                width:100%;
 
-                margin-bottom:40px;
 
-                box-sizing:border-box;
 
-                padding-left:10px;
 
-                justify-content:center;
 
-                margin-top:20px;
 
-                height:unset;
 
-        }
 
-        .footer .copyright .body 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .footer .copyright .body >img 
-        {
 
-                margin-right:20px;
 
-                width:52px;
 
-                height:64px;
 
-        }
 
-        .footer .copyright .body .desc 
-        {
 
-                margin-right:0px;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                height:100%;
 
-        }
 
-        .footer .copyright .body .desc .text 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                justify-content:center;
 
-                height:unset;
 
-        }
 
-        .footer .copyright .body .desc .text >div 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .footer .copyright .body .desc .text >div a 
-        {
 
-                cursor:pointer;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                color:#000;
 
-        }
 
-        .footer .copyright .body .desc .text >div span 
-        {
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .footer .copyright .body .desc .text >a 
-        {
 
-                cursor:pointer;
 
-                text-decoration:none;
 
-                font-size:14PX;
 
-                text-align:center;
 
-        }
 
-        .footer .copyright .body .desc .ms-designer 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:none;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                justify-content:flex-start;
 
-        }
 
-        .footer .copyright .body .desc .ms-designer a 
-        {
 
-                cursor:pointer;
 
-                text-decoration:none;
 
-                font-size:14PX;
 
-                color:#DCDCDC;
 
-        }
 
-        .footer .copyright .body .right 
-        {
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                justify-content:center;
 
-                margin-top:20px;
 
-                height:100%;
 
-        }
 
-        .footer .copyright .body .right .img 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                width:100px;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .footer .copyright .body .right .img >img 
-        {
 
-                width:90px;
 
-                height:90px;
 
-        }
 
-        .footer .copyright .body .right .img >span 
-        {
 
-                font-size:14PX;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .footer .copyright .body .right .wx 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                width:100px;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                height:100%;
 
-        }
 
-        .footer .copyright .body .right .wx >div 
-        {
 
-                flex-wrap:wrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-top:0px;
 
-                height:90px;
 
-        }
 
-        .footer .copyright .body .right .wx >div >img 
-        {
 
-                width:50px;
 
-                margin-bottom:0px;
 
-                margin-top:4px;
 
-                height:50px;
 
-        }
 
-        .footer .copyright .body .right .wx >div >span 
-        {
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:18PX;
 
-                margin-bottom:0px;
 
-                margin-top:6px;
 
-        }
 
-        .footer .left-fixed 
-        {
 
-                margin:0 auto;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:none;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                flex-wrap:nowrap;
 
-                width:1200px;
 
-                margin-bottom:0px;
 
-                position:relative;
 
-                margin-top:0px;
 
-                height:0px;
 
-        }
 
-        .footer .left-fixed .content 
-        {
 
-                top:400px;
 
-                flex-wrap:nowrap;
 
-                left:50%;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100px;
 
-                box-sizing:border-box;
 
-                position:fixed;
 
-                height:100px;
 
-                margin-left:-720px;
 
-        }
 
-        .footer .left-fixed .content >img 
-        {
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                height:100%;
 
-                margin-left:0px;
 
-        }
 
-        .footer .right-fixed 
-        {
 
-                margin:0 auto;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:none;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                flex-wrap:nowrap;
 
-                width:1200px;
 
-                margin-bottom:0px;
 
-                position:relative;
 
-                margin-top:0px;
 
-                height:0px;
 
-        }
 
-        .footer .right-fixed .content 
-        {
 
-                background-color:#A38F8F;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                margin-left:600px;
 
-                top:400px;
 
-                flex-wrap:nowrap;
 
-                left:50%;
 
-                width:100px;
 
-                position:fixed;
 
-                height:100px;
 
-                z-index:1;
 
-        }
 
-        .footer .right-fixed .content >img 
-        {
 
-                width:100%;
 
-                height:100%;
 
-                margin-left:0px;
 
-        }
 
-
 
-}

+ 0 - 608
src/main/webapp/template/1/default.bak/detail.htm
View File 

@@ -1,608 +0,0 @@
 
-
 
-
 
-
 
-
 
-
 
-<html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
-        ms.base = "";
 
-    </script>
 
-    <style>
 
-        [v-cloak]{
 
-            display: none;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "header.htm"/>
 
-
 
-
 
-<div class="content">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<div class="detail">
 
-<div class="top">
 
-<span class="title" >
 
-${field.title}
 
-</span>
 
-<div class="date">
 
-<span >
 
-发布时间：
 
-</span>
 
-<span >
 
-${field.date?string("yyyy-MM-dd")}
 
-</span>
 
-<div style="flex-wrap:nowrap;flex-direction:row;display:flex;width:20px;box-sizing:border-box;margin-top:0px;height:100%;">
 
-</div>
 
-<span >
 
-浏览次数：
 
-</span>
 
-<span >
 
-${field.hit}
 
-</span>
 
-</div> </div>
 
-<div class="body">
 
-<span class="body-text" >
 
-${field.content}
 
-</span>
 
-</div> </div>
 
-<div class="ms-next-pre">
 
-<div class="pre">
 
-<span >
 
-上一篇：
 
-</span>
 
-<a href="${global.url}${pre.link}"
 
->
 
-${pre.title}
 
-</a>
 
-</div>
 
-<div class="next">
 
-<span >
 
-下一篇：
 
-</span>
 
-<a href="${global.url}${next.link}"
 
->
 
-${next.title}
 
-</a>
 
-</div> </div> </div>
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
-var app = new Vue({
 
-    el: '#app',
 
-    watch:{
 
-    },
 
-    data: {
 
-    },
 
-    methods: {
 
-       switchShow:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display=e.style.display=='none'?'flex':'none'
 
-               }
 
-           })
 
-       },
 
-    },
 
-    created(){
 
-    }
 
-})
 
-</script>
 
-
 
-<style>
 
-    body {
 
-        background-color:#f5f5f5;
 
-        box-sizing:border-box;
 
-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
 
-        moz-box-sizing:border-box;
 
-        webkit-box-sizing:border-box;
 
-    }
 
-
 
-    .content 
-    {
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .ms-channel-path 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            margin-left:auto;
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:10px;
 
-            padding-top:0px;
 
-            margin-top:10px;
 
-            height:30px;
 
-    }
 
-    .content .ms-channel-path .ms-channel-path-label 
-    {
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14PX;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .ms-channel-path .ms-channel-path-index 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:14PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .ms-channel-path >i 
-    {
 
-    }
 
-    .content .ms-channel-path .ms-channel-path-link 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:14PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail 
-    {
 
-            background-color:#FFFFFF;
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            min-height:800px;
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:10px;
 
-            padding-top:0px;
 
-            position:relative;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail .top 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            border-bottom-color:#EBEEF5;
 
-            margin-right:0px;
 
-            padding-bottom:32px;
 
-            flex-wrap:nowrap;
 
-            width:90%;
 
-            margin-bottom:0px;
 
-            border-bottom-style:solid;
 
-            padding-top:32px;
 
-            border-bottom-width:1px;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail .top .title 
-    {
 
-            padding-bottom:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:28PX;
 
-            padding-top:0px;
 
-    }
 
-    .content .detail .top .date 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:10px;
 
-            height:100%;
 
-    }
 
-    .content .detail .top .date span 
-    {
 
-            margin-right:0px;
 
-            color:#929292;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .content .detail .body 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            width:90%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            padding-top:32px;
 
-            justify-content:center;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail .body .body-text 
-    {
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:18PX;
 
-            line-height:32px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .content .ms-next-pre 
-    {
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:10px;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-            height:60px;
 
-    }
 
-    .content .ms-next-pre .pre 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:50%;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            justify-content:flex-start;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .content .ms-next-pre .pre span 
-    {
 
-            font-size:14px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-    .content .ms-next-pre .pre a 
-    {
 
-            cursor:pointer;
 
-            font-size:14px;
 
-            text-decoration:none;
 
-            color:#000;
 
-    }
 
-    .content .ms-next-pre .next 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:50%;
 
-            box-sizing:border-box;
 
-            padding-left:0px;
 
-            justify-content:flex-start;
 
-            height:100%;
 
-    }
 
-    .content .ms-next-pre .next span 
-    {
 
-            font-size:14px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-    .content .ms-next-pre .next a 
-    {
 
-            cursor:pointer;
 
-            padding-bottom:0px;
 
-            color:#000;
 
-            font-size:14px;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-    }
 
-@media (max-width: 768px){
 
-        .content 
-        {
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .content .ms-channel-path 
-        {
 
-                margin-right:auto;
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                box-sizing:border-box;
 
-                margin-top:10px;
 
-                height:30px;
 
-                margin-left:auto;
 
-        }
 
-        .content .ms-channel-path .ms-channel-path-label 
-        {
 
-                font-size:14PX;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .content .ms-channel-path .ms-channel-path-index 
-        {
 
-                cursor:pointer;
 
-                color:#000;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .content .ms-channel-path .ms-channel-path-link 
-        {
 
-                cursor:pointer;
 
-                color:#000;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .content .detail 
-        {
 
-                background-color:#FFFFFF;
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                margin-left:auto;
 
-                min-height:800px;
 
-                margin-right:auto;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                padding-top:0px;
 
-                position:relative;
 
-                padding-left:0px;
 
-                margin-top:10px;
 
-                height:300px;
 
-        }
 
-        .content .detail .top 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                border-bottom-color:#EBEEF5;
 
-                padding-bottom:32px;
 
-                flex-wrap:nowrap;
 
-                width:90%;
 
-                margin-bottom:0px;
 
-                border-bottom-style:solid;
 
-                padding-top:32px;
 
-                border-bottom-width:1px;
 
-                margin-top:0px;
 
-        }
 
-        .content .detail .top .title 
-        {
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:28PX;
 
-                padding-top:0px;
 
-        }
 
-        .content .detail .top .date 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .content .detail .top .date span 
-        {
 
-                font-size:16PX;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                margin-left:0px;
 
-        }
 
-        .content .detail .body 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                width:90%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-top:32px;
 
-                justify-content:center;
 
-                margin-top:0px;
 
-        }
 
-        .content .detail .body .body-text 
-        {
 
-                margin-right:auto;
 
-                padding-bottom:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:18PX;
 
-                line-height:32px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .content .ms-next-pre 
-        {
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:10px;
 
-                box-sizing:border-box;
 
-                margin-left:auto;
 
-                margin-right:auto;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-                height:60px;
 
-        }
 
-        .content .ms-next-pre .pre 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:50%;
 
-                box-sizing:border-box;
 
-                margin-bottom:0px;
 
-                justify-content:flex-start;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .content .ms-next-pre .pre span 
-        {
 
-                font-size:14px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .content .ms-next-pre .pre a 
-        {
 
-                cursor:pointer;
 
-                font-size:14px;
 
-                text-decoration:none;
 
-                color:#000;
 
-        }
 
-        .content .ms-next-pre .next 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:50%;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                justify-content:flex-start;
 
-                height:100%;
 
-        }
 
-        .content .ms-next-pre .next span 
-        {
 
-                font-size:14px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .content .ms-next-pre .next a 
-        {
 
-                cursor:pointer;
 
-                padding-bottom:0px;
 
-                color:#000;
 
-                font-size:14px;
 
-                text-decoration:none;
 
-                padding-top:0px;
 
-        }
 
-
 
-}</style>

+ 0 - 163
src/main/webapp/template/1/default.bak/footer.htm
View File 

@@ -1,163 +0,0 @@
 
-
 
-
 
-
 
-
 
-        <!--底部导航-start-->
 
-
 
-<div class="footer">
 
-<!--友情链接-start-->
 
-<div class="links">
 
-<div class="body">
 
-<span >
 
-网站导航
 
-</span>
 
-<div class="link">
 
-<!--下拉框-start-->
 
-<select class="ms-select">
 
-{ms:arclist typeid=163 size=10 }
 
-<option value="">[field.title/]</option>
 
-{/ms:arclist}
 
-</select> <!--下拉框-end-->
 
-</div>
 
-<div class="link">
 
-<!--下拉框-start-->
 
-<select class="ms-select">
 
-{ms:arclist typeid=163 size=10 }
 
-<option value="">[field.title/]</option>
 
-{/ms:arclist}
 
-</select> <!--下拉框-end-->
 
-</div>
 
-<div class="link">
 
-<!--下拉框-start-->
 
-<select class="ms-select">
 
-{ms:arclist typeid=163 size=10 }
 
-<option value="">[field.title/]</option>
 
-{/ms:arclist}
 
-</select> <!--下拉框-end-->
 
-</div>
 
-<div class="link">
 
-<!--下拉框-start-->
 
-<select class="ms-select">
 
-{ms:arclist typeid=163 size=5 }
 
-<option value="">[field.title/]</option>
 
-{/ms:arclist}
 
-</select> <!--下拉框-end-->
 
-</div>
 
-<div class="link">
 
-<!--下拉框-start-->
 
-<select class="ms-select">
 
-{ms:arclist typeid=163 size=5 }
 
-<option value="">[field.title/]</option>
 
-{/ms:arclist}
 
-</select> <!--下拉框-end-->
 
-</div> </div> </div> <!--友情链接-end-->
 
-<!--版权信息-start-->
 
-<div class="copyright">
 
-<div class="body">
 
-<img
 
-title=""
 
-alt=""
 
-src="{ms:global.host/}/{ms:global.style/}/images/1602123532415.png"
 
-/>
 
-<div class="desc">
 
-<div class="text">
 
-<div >
 
-<a href="#"
 
->
 
-关于我们
 
-</a>
 
-<span >
 
-｜
 
-</span>
 
-<a href="#"
 
->
 
-网站地图
 
-</a>
 
-</div> </div>
 
-<div class="text">
 
-<a href="#"
 
->
 
-主办：江西省人民政府办公厅
 
-</a>
 
-<a href="#"
 
->
 
-承办：江西省信息中心
 
-</a>
 
-</div>
 
-<div class="text">
 
-<a href="#"
 
->
 
-赣ICP备05004294号
 
-</a>
 
-<a href="#"
 
->
 
-政府网站标识码3600000012
 
-</a>
 
-<a href="#"
 
->
 
-赣公网安备 36010802000128号
 
-</a>
 
-</div>
 
-<div class="ms-designer">
 
-<a href="www.mingsoft.net"
 
-target="_blank"
 
->
 
-@该网页由MDesigner制作完成
 
-</a>
 
-</div> </div>
 
-<div class="right">
 
-<div class="img">
 
-<img
 
-title=""
 
-alt=""
 
-src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1234.png"
 
-/>
 
-<span >
 
-国务院客户端
 
-</span>
 
-</div>
 
-<div class="img">
 
-<img
 
-title=""
 
-alt=""
 
-src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_724.png"
 
-/>
 
-<span >
 
-国务院小程序
 
-</span>
 
-</div>
 
-<div class="wx">
 
-<div >
 
-<img
 
-title=""
 
-alt=""
 
-src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1434.png"
 
-/>
 
-<img
 
-title=""
 
-alt=""
 
-src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1534.png"
 
-/>
 
-<span >
 
-中国政府网微博、微信
 
-</span>
 
-</div> </div> </div> </div> </div> <!--版权信息-end-->
 
-<!--左漂浮-start-->
 
-<div class="left-fixed">
 
-<div class="content">
 
-<img
 
-title=""
 
-alt=""
 
-src="https://iph.href.lu/100x100"
 
-/>
 
-</div> </div> <!--左漂浮-end-->
 
-<!--右漂浮-start-->
 
-<div class="right-fixed">
 
-<div class="content">
 
-<img
 
-title=""
 
-alt=""
 
-src="https://iph.href.lu/100x100"
 
-/>
 
-</div> </div> <!--右漂浮-end-->
 
-</div>        <!--底部导航-end-->

+ 0 - 62
src/main/webapp/template/1/default.bak/header.htm
View File 

@@ -1,62 +0,0 @@
 
-
 
-
 
-
 
-
 
-        <!--导航-start-->
 
-
 
-<div class="header">
 
-<!--中间区域-start-->
 
-<div class="center">
 
-<!--左侧-start-->
 
-<div class="left">
 
-<a href="${global.url}"
 
->
 
-首页
 
-</a>
 
-{ms:channel active='nav-sel' type='nav' flag='d'}
 
-<a href="${global.url}${field.typelink}"
 
-class="${field.active}">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div> <!--左侧-end-->
 
-<!--手机端-start-->
 
-<div @click='switchShow(["1601304203000_30278"]);' class="h5-menu">
 
-<i class="iconfont icon-caidan icon" ></i>
 
-<!--手机端菜单-start-->
 
-<div id="key_1601304203000_30278"
 
-class="h5-menu-nav">
 
-{ms:channel type='nav' flag='n'}
 
-<a href="${global.url}${field.typelink}"
 
->
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div> <!--手机端菜单-end-->
 
-</div> <!--手机端-end-->
 
-<!--副链接-start-->
 
-<div class="right">
 
-<a href="http://www.gov.cn/"
 
-target="_blank"
 
->
 
-中国政府网
 
-</a>
 
-<span >
 
-|
 
-</span>
 
-<a href="http://www.jxrd.gov.cn/"
 
-target="_blank"
 
->
 
-省人大
 
-</a>
 
-<span >
 
-|
 
-</span>
 
-<a href="http://jxzx.jxnews.com.cn/"
 
-target="_blank"
 
->
 
-省政协
 
-</a>
 
-</div> <!--副链接-end-->
 
-</div> <!--中间区域-end-->
 
-</div>        <!--导航-end-->

BIN
src/main/webapp/template/1/default.bak/images/1601262165196.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601263168784.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601263219863.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601263314183.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601264474008.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601264558124.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601264865246.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601264880892.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601265232947.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601265263422.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1601282117218.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1602060761571.jpg
View File


BIN
src/main/webapp/template/1/default.bak/images/1602060968122.jpg
View File


BIN
src/main/webapp/template/1/default.bak/images/1602064370755.jpg
View File


BIN
src/main/webapp/template/1/default.bak/images/1602065099002.jpg
View File


BIN
src/main/webapp/template/1/default.bak/images/1602123532415.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1602639842403.jpg
View File


BIN
src/main/webapp/template/1/default.bak/images/1602639957490.jpg
View File


BIN
src/main/webapp/template/1/default.bak/images/1602639968529.jpg
View File


BIN
src/main/webapp/template/1/default.bak/images/1602656777359.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1602993572728.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1602994812850.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1602994843689.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1602994853675.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1602994867816.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1602994889839.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1602995154347.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1603073616105.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1603073720477.png
View File


BIN
src/main/webapp/template/1/default.bak/images/1603073920995.png
View File


+ 0 - 2756
src/main/webapp/template/1/default.bak/index.htm
View File 

@@ -1,2756 +0,0 @@
 
-
 
-
 
-
 
-
 
-
 
-<html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-<script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js"></script>
 
-<script>
 
-SwiperClass = Swiper
 
-</script>
 
-<script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@4.1.1/dist/vue-awesome-swiper.min.js"></script>
 
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css">
 
-<script>
 
-Vue.use(VueAwesomeSwiper)
 
-</script>
 
-<style>
 
-:root {
 
-    --swiper-theme-color:$ {
 
-        component.config.color.value
 
-    }
 
-
 
-    ;
 
-}
 
-
 
-</style>      <script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js"></script>
 
-    <script>
 
-        SwiperClass =Swiper
 
-    </script>
 
-    <script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@4.1.1/dist/vue-awesome-swiper.min.js"></script>
 
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css">
 
-<script>
 
-        Vue.use(VueAwesomeSwiper)
 
-    </script>    <script>
 
-        ms.base = "";
 
-    </script>
 
-    <style>
 
-        [v-cloak]{
 
-            display: none;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-<h1><a href="{ms:global.url/}/news/index.html">进入</a></h1>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "header.htm"/>
 
-        <!--头条-start-->
 
-
 
-{ms:arclist size=1 typeid=159}
 
-<div class="top1">
 
-<!--头条标题-start-->
 
-<div class="top1-title">
 
-<img
 
-title=""
 
-alt=""
 
-src="{ms:global.host/}/{ms:global.style/}/images/1601282117218.png"
 
-/>
 
-<a href="${global.url}${field.link}"
 
-target="_blank"
 
->
 
-<span >
 
-${field.fulltitle}
 
-</span>
 
-</a>
 
-</div> <!--头条标题-end-->
 
-<div class="top1-desc">
 
-<span >
 
-${field.descrip}
 
-</span>
 
-</div> </div>
 
-{/ms:arclist}        <!--头条-end-->
 
-        <!--幻灯-start-->
 
-
 
-<div class="banner">
 
-<!--幻灯区域-start-->
 
-<div class="body">
 
-<!--幻灯插件-start-->
 
-<div class="huandeng">
 
-<swiper class="ms-vue-awesome-swiper" :options="{
 
-pagination:{el: '.swiper-pagination',clickable :true},
 
-slidesPerView : 1,
 
-spaceBetween: 0,
 
-autoplay: {
 
-delay: 1500,
 
-},
 
-navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'}
 
-}">
 
-<div class="swiper-button-prev " slot="button-prev">
 
-</div>
 
-<div class="swiper-button-next " slot="button-next">
 
-</div>
 
-<!--静态图片-->
 
-<!--动态图片-->
 
-{ms:arclist typeid=158 size=3 flag='f'}
 
-<swiper-slide>
 
-<a href="${global.url}[field.link/]" target="_blank">
 
-<img src="{@ms:file field.litpic/}" width="100%" height="100%"/>
 
-</a>
 
-</swiper-slide>
 
-{/ms:arclist}
 
-<div class="swiper-pagination" slot="pagination"></div>
 
-</swiper>
 
-</div> <!--幻灯插件-end-->
 
-<!--右侧新闻-start-->
 
-<div class="right">
 
-<!--标题-start-->
 
-<div class="news-type">
 
-<a @mouseover='show(["1602059668000_10871"]);hide(["1603348405000_20219"]);' href="#"
 
->
 
-江西要闻
 
-</a>
 
-<span >
 
-|
 
-</span>
 
-<a @mouseover='show(["1603348405000_20219"]);hide(["1602059668000_10871"]);' href="#"
 
->
 
-国务院信息
 
-</a>
 
-</div> <!--标题-end-->
 
-<!--江西要闻-start-->
 
-<div id="key_1602059668000_10871"
 
-class="top-type-1">
 
-<!--最新推荐列表-start-->
 
-{ms:arclist typeid=158 size=8 titlelen=18}
 
-<div class="news">
 
-<!--标题-start-->
 
-<a href="${global.url}${field.link}"
 
-target="_blank"
 
-class="title">
 
-${field.title}
 
-</a>
 
-<!--标题-end-->
 
-<!--时间-start-->
 
-<span class="date" >
 
-${field.date?string("MM-dd")}
 
-</span>
 
-<!--时间-end-->
 
-</div>
 
-{/ms:arclist} <!--最新推荐列表-end-->
 
-</div> <!--江西要闻-end-->
 
-<!--江西要闻-start-->
 
-<div id="key_1603348405000_20219"
 
-class="top-type-2">
 
-<!--最新推荐列表-start-->
 
-{ms:arclist typeid=159 size=8 titlelen=18}
 
-<div class="news">
 
-<!--标题-start-->
 
-<a href="${global.url}${field.link}"
 
-target="_blank"
 
-class="title">
 
-${field.title}
 
-</a>
 
-<!--标题-end-->
 
-<!--时间-start-->
 
-<span class="date" >
 
-${field.date?string("MM-dd")}
 
-</span>
 
-<!--时间-end-->
 
-</div>
 
-{/ms:arclist} <!--最新推荐列表-end-->
 
-</div> <!--江西要闻-end-->
 
-</div> <!--右侧新闻-end-->
 
-</div> <!--幻灯区域-end-->
 
-</div>        <!--幻灯-end-->
 
-        <!--主页内容-start-->
 
-
 
-<div class="index">
 
-<!--内容-start-->
 
-<div class="body">
 
-<!--左侧-start-->
 
-<div class="left">
 
-<!--政策文件-start-->
 
-<div class="news-title">
 
-<a href="#"
 
-class="sel">
 
-政策文件
 
-</a>
 
-<a href="#"
 
->
 
-政策解读
 
-</a>
 
-<div >
 
-<a href="#"
 
-class="link-type">
 
-更多
 
-</a>
 
-</div> </div> <!--政策文件-end-->
 
-<!--新闻列表-start-->
 
-<div class="news-list">
 
-<!--新闻-start-->
 
-{ms:arclist size=3 typeid=161}
 
-<div class="news">
 
-<div class="news-date">
 
-<span class="date" >
 
-${field.date?string("dd")}
 
-</span>
 
-<span class="year" >
 
-${field.date?string("yyyy-MM")}
 
-</span>
 
-</div>
 
-<div class="news-item">
 
-<a href="${global.url}${field.link}"
 
-class="title">
 
-${field.title}
 
-</a>
 
-<span class="desc" >
 
-${field.descrip}
 
-</span>
 
-</div>
 
-<div class="more">
 
-<a href="${global.url}${field.link}"
 
-target="_blank"
 
->
 
-详情
 
-<i class="iconfont icon-youjiantou" ></i>
 
-</a>
 
-</div> </div>
 
-{/ms:arclist} <!--新闻-end-->
 
-</div> <!--新闻列表-end-->
 
-<!--幻灯导航-start-->
 
-<div
 
-class="ms-vue-awesome-swiper-nav">
 
-<!--左箭头start -->
 
-<div class="ms-vue-awesome-swiper-nav-right-arrow">
 
-<i class="iconfont icon-zuojiantou"></i>
 
-</div>
 
-<!--左箭头end -->
 
-<!--图表区域 start -->
 
-<swiper class="ms-vue-awesome-swiper-nav-body" :options="{
 
-slidesPerView : 3,
 
-navigation: { nextEl: '.ms-vue-awesome-swiper-nav-right-arrow' , prevEl: '.ms-vue-awesome-swiper-nav-right-arrow' , },
 
-loop : true,
 
-spaceBetween: 4,
 
-autoplay: { delay: 2000 }}">
 
-{ms:arclist typeid=158 size=5 flag='f'}
 
-<swiper-slide>
 
-<a href="${global.url}[field.link/]" target="_blank">
 
-<img src="{@ms:file field.litpic/}" width="100%" height="100%" />
 
-</a>
 
-</swiper-slide>
 
-{/ms:arclist}
 
-</swiper>
 
-<!--图表区域end -->
 
-<!--右边箭头 start -->
 
-<div class="ms-vue-awesome-swiper-nav-right-arrow">
 
-<i class="iconfont icon-youjiantou"></i>
 
-</div>
 
-<!--右边箭头end -->
 
-</div> <!--幻灯导航-end-->
 
-<!--互动交流-start-->
 
-<div class="news-title">
 
-<a href="#"
 
-class="sel">
 
-互动交流
 
-</a>
 
-<div >
 
-<a href="#"
 
-class="link-type">
 
-</a>
 
-<a href="#"
 
-class="link-type">
 
-更多
 
-</a>
 
-</div> </div> <!--互动交流-end-->
 
-<div class="hdjl">
 
-{ms:arclist size=1 typeid=165}
 
-<div class="zxjt">
 
-<span class="title" >
 
-在线交谈
 
-</span>
 
-<img
 
-title=""
 
-alt=""
 
-src="{@ms:file field.litpic/}"
 
-/>
 
-<div >
 
-<span >
 
-主题：
 
-</span>
 
-<span >
 
-${field.title}
 
-</span>
 
-</div>
 
-<div >
 
-<span >
 
-嘉宾：
 
-</span>
 
-<span >
 
-${field.descrip}
 
-</span>
 
-</div>
 
-<div >
 
-<span >
 
-时间：
 
-</span>
 
-<span >
 
-${field.date?string("yyyy-MM-dd hh:mm:ss")}
 
-</span>
 
-</div> </div>
 
-{/ms:arclist}
 
-<div class="dczj">
 
-<div >
 
-<span class="title" >
 
-调查征集
 
-</span>
 
-<span >
 
-｜
 
-</span>
 
-<span >
 
-常见问题
 
-</span>
 
-</div>
 
-<div class="news">
 
-{ms:arclist size=12 typeid=160}
 
-<a href="${global.url}${field.link}"
 
->
 
-${field.title}
 
-</a>
 
-{/ms:arclist}
 
-</div>
 
-<div class="button">
 
-<div class="btn">
 
-<i class="iconfont icon-wupinglun" ></i>
 
-<span >
 
-智能问答
 
-</span>
 
-</div>
 
-<div class="split">
 
-</div>
 
-<div class="btn">
 
-<i class="iconfont icon-dianhua1" ></i>
 
-<span >
 
-省长手机
 
-</span>
 
-</div> </div> </div> </div> </div> <!--左侧-end-->
 
-<!--右侧-start-->
 
-<div class="right">
 
-<!--最新发布-start-->
 
-<div class="news-title">
 
-<a href="#"
 
->
 
-最新发布
 
-</a>
 
-</div> <!--最新发布-end-->
 
-<!--最新发布列表-start-->
 
-<div class="news-list">
 
-<!--列表-start-->
 
-{ms:arclist size=6 typeid=151}
 
-<div class="news">
 
-<!--标题-start-->
 
-<a href="${global.url}${field.link}"
 
-class="title">
 
-${field.title}
 
-</a>
 
-<!--标题-end-->
 
-</div>
 
-{/ms:arclist} <!--列表-end-->
 
-</div> <!--最新发布列表-end-->
 
-<!--新闻发布会-start-->
 
-{ms:arclist size=1 typeid=1}
 
-<div class="pic-news">
 
-<img
 
-title=""
 
-alt=""
 
-src="${field.litpic}"
 
-/>
 
-<div class="left-title">
 
-<span >
 
-新闻发布会
 
-</span>
 
-</div>
 
-<div class="title">
 
-<a href="${global.url}${field.link}"
 
-target="_blank"
 
->
 
-<span >
 
-${field.title}
 
-</span>
 
-</a>
 
-</div> </div>
 
-{/ms:arclist} <!--新闻发布会-end-->
 
-<!--政务服务-start-->
 
-<div class="news-title">
 
-<a href="#"
 
->
 
-政务服务
 
-</a>
 
-</div> <!--政务服务-end-->
 
-<!--链接列表-start-->
 
-<div class="link-list">
 
-<!--链接-start-->
 
-<div class="link">
 
-<i class="iconfont icon-jiuyeju" ></i>
 
-<span >
 
-个人办事
 
-</span>
 
-</div> <!--链接-end-->
 
-<!--链接-start-->
 
-<div class="link">
 
-<i class="iconfont icon-gongwenbao" ></i>
 
-<span >
 
-法人办事
 
-</span>
 
-</div> <!--链接-end-->
 
-<!--链接-start-->
 
-<div class="link">
 
-<i class="iconfont icon-wangye" ></i>
 
-<span >
 
-行政审批
 
-</span>
 
-</div> <!--链接-end-->
 
-<!--链接-start-->
 
-<div class="link">
 
-<i class="iconfont icon-fuhuaqi" ></i>
 
-<span >
 
-公共服务
 
-</span>
 
-</div> <!--链接-end-->
 
-<!--链接-start-->
 
-<div class="link">
 
-<i class="iconfont icon-APP1" ></i>
 
-<span >
 
-手机办事
 
-</span>
 
-</div> <!--链接-end-->
 
-<!--链接-start-->
 
-<div class="link">
 
-<i class="iconfont icon-weixin3" ></i>
 
-<span >
 
-阳光政务
 
-</span>
 
-</div> <!--链接-end-->
 
-</div> <!--链接列表-end-->
 
-</div> <!--右侧-end-->
 
-</div> <!--内容-end-->
 
-</div>        <!--主页内容-end-->
 
-        <!--底部导航-start-->
 
-
 
-        <#include "footer.htm"/>
 
-        <!--底部导航-end-->
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
-var app = new Vue({
 
-    el: '#app',
 
-    watch:{
 
-    },
 
-    data: {
 
-    },
 
-    methods: {
 
-       hide:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display='none'
 
-               }
 
-           })
 
-       },
 
-       show:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display='flex'
 
-               }
 
-           })
 
-       },
 
-       switchShow:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display=e.style.display=='none'?'flex':'none'
 
-               }
 
-           })
 
-       },
 
-    },
 
-    created(){
 
-    }
 
-})
 
-</script>
 
-
 
-<style>
 
-    body {
 
-        background-color:#fff;
 
-        box-sizing:border-box;
 
-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
 
-        moz-box-sizing:border-box;
 
-        webkit-box-sizing:border-box;
 
-    }
 
-
 
-    .top1 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            width:100%;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:116px;
 
-    }
 
-    .top1 .top1-title 
-    {
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:1170px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            height:42%;
 
-    }
 
-    .top1 .top1-title >img 
-    {
 
-            margin-right:15px;
 
-            width:41px;
 
-            height:41px;
 
-    }
 
-    .top1 .top1-title a 
-    {
 
-            cursor:pointer;
 
-            text-decoration:none;
 
-            color:#000;
 
-    }
 
-    .top1 .top1-title a >span 
-    {
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            color:#365D98;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            font-size:30px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .top1 .top1-desc 
-    {
 
-            margin-right:0px;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-    }
 
-    .top1 .top1-desc >span 
-    {
 
-            color:#355E92;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            margin-bottom:0px;
 
-            padding-left:0px;
 
-    }
 
-    .banner 
-    {
 
-            padding-bottom:0px;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            justify-content:center;
 
-    }
 
-    .banner .body 
-    {
 
-            padding-bottom:0px;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:1170px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:100%;
 
-    }
 
-    .banner .body .huandeng 
-    {
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:805px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:400px;
 
-    }
 
-    .banner .body .huandeng .ms-vue-awesome-swiper 
-    {
 
-            background-color:#E8F4FD;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            position:relative;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-left 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:40px;
 
-            box-sizing:border-box;
 
-            padding-left:0px;
 
-            justify-content:center;
 
-            margin-top:-40px;
 
-            height:40px;
 
-    }
 
-    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-left >i 
-    {
 
-            font-size:28PX;
 
-            color:#409EFF;
 
-            margin-top:0px;
 
-    }
 
-    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-right 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:40px;
 
-            box-sizing:border-box;
 
-            padding-left:0px;
 
-            justify-content:center;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-right >i 
-    {
 
-            font-size:28PX;
 
-            color:#409EFF;
 
-            padding-left:0px;
 
-            margin-top:-40px;
 
-    }
 
-    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom 
-    {
 
-            background-color:#3F9EFF;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            bottom:0px;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            position:absolute;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title 
-    {
 
-            color:#FFFFFF;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14px;
 
-            padding-left:0px;
 
-    }
 
-    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-demo 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            bottom:0px;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            position:absolute;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-demo >span 
-    {
 
-            color:#8DC5FE;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:42PX;
 
-            padding-left:0px;
 
-            margin-top:-40px;
 
-    }
 
-    .banner .body .right 
-    {
 
-            background-color:#365D98;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:10px;
 
-            box-sizing:border-box;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:10px;
 
-            width:365px;
 
-            margin-bottom:0px;
 
-            padding-top:10px;
 
-            padding-left:10px;
 
-            height:400px;
 
-    }
 
-    .banner .body .right .news-type 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            width:100%;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:55px;
 
-    }
 
-    .banner .body .right .news-type a 
-    {
 
-            cursor:pointer;
 
-            margin-right:0px;
 
-            color:#CDD6E1;
 
-            font-size:23px;
 
-            text-decoration:none;
 
-            margin-left:0px;
 
-    }
 
-    .banner .body .right .news-type a:hover
 
-    {
 
-                    color:#FFFFFF;
 
-    }
 
-    .banner .body .right .news-type span 
-    {
 
-            margin-right:18px;
 
-            color:#CDD6E1;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            font-size:24PX;
 
-            padding-left:0px;
 
-            margin-left:18px;
 
-    }
 
-    .banner .body .right .top-type-1 
-    {
 
-            padding-bottom:0px;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:100%;
 
-    }
 
-    .banner .body .right .top-type-1 .news 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            border-bottom-color:#878C95;
 
-            padding-bottom:0px;
 
-            width:100%;
 
-            border-bottom-style:dashed;
 
-            padding-top:0px;
 
-            border-bottom-width:1px;
 
-            padding-left:0px;
 
-            height:42px;
 
-    }
 
-    .banner .body .right .top-type-1 .news .title 
-    {
 
-            cursor:pointer;
 
-            font-family:黑体;
 
-            overflow:hidden;
 
-            white-space:nowrap;
 
-            color:#CDD6E1;
 
-            padding-right:0px;
 
-            width:280px;
 
-            font-size:16PX;
 
-            text-decoration:none;
 
-            text-overflow:ellipsis;
 
-            padding-left:0px;
 
-    }
 
-    .banner .body .right .top-type-1 .news .date 
-    {
 
-            font-family:隶书;
 
-            color:#FFFFFF;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-    }
 
-    .banner .body .right .top-type-2 
-    {
 
-            padding-bottom:0px;
 
-            flex-direction:column;
 
-            display:none;
 
-            padding-right:0px;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:100%;
 
-    }
 
-    .banner .body .right .top-type-2 .news 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            border-bottom-color:#878C95;
 
-            padding-bottom:0px;
 
-            width:100%;
 
-            border-bottom-style:dashed;
 
-            padding-top:0px;
 
-            border-bottom-width:1px;
 
-            padding-left:0px;
 
-            height:42px;
 
-    }
 
-    .banner .body .right .top-type-2 .news .title 
-    {
 
-            cursor:pointer;
 
-            font-family:黑体;
 
-            overflow:hidden;
 
-            white-space:nowrap;
 
-            color:#CDD6E1;
 
-            padding-right:0px;
 
-            width:280px;
 
-            font-size:16PX;
 
-            text-decoration:none;
 
-            text-overflow:ellipsis;
 
-            padding-left:0px;
 
-    }
 
-    .banner .body .right .top-type-2 .news .date 
-    {
 
-            font-family:隶书;
 
-            color:#FFFFFF;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-    }
 
-    .index 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:14px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:auto;
 
-    }
 
-    .index .body 
-    {
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            border-top-left-radius:0px;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            border-bottom-left-radius:0px;
 
-            width:1170px;
 
-            border-bottom-right-radius:0px;
 
-            margin-bottom:0px;
 
-            border-top-right-radius:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:auto;
 
-    }
 
-    .index .body .left 
-    {
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:30px;
 
-            width:805px;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            padding-top:10px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .index .body .left .news-title 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            border-bottom-color:#D5D5D5;
 
-            padding-bottom:0px;
 
-            width:100%;
 
-            border-bottom-style:solid;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            border-bottom-width:1px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .index .body .left .news-title .sel 
-    {
 
-            cursor:pointer;
 
-            margin-right:10px;
 
-            color:#C10D0C;
 
-            padding-right:0px;
 
-            font-size:23px;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .index .body .left .news-title a 
-    {
 
-            cursor:pointer;
 
-            margin-right:10px;
 
-            color:#A1A1A1;
 
-            padding-right:0px;
 
-            font-size:23px;
 
-            text-decoration:none;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-left:0px;
 
-    }
 
-    .index .body .left .news-title div 
-    {
 
-            margin-right:0px;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:72%;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            justify-content:flex-end;
 
-            height:100%;
 
-    }
 
-    .index .body .left .news-title div .link-type 
-    {
 
-            cursor:pointer;
 
-            margin-right:0px;
 
-            color:#A1A1A1;
 
-            padding-right:0px;
 
-            text-decoration:none;
 
-            font-size:14PX;
 
-            padding-top:0px;
 
-    }
 
-    .index .body .left .news-list 
-    {
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            border-top-left-radius:0px;
 
-            margin-right:0px;
 
-            border-bottom-left-radius:0px;
 
-            width:100%;
 
-            border-bottom-right-radius:0px;
 
-            margin-bottom:0px;
 
-            border-top-right-radius:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:14px;
 
-    }
 
-    .index .body .left .news-list .news 
-    {
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            border-top-left-radius:0px;
 
-            border-bottom-left-radius:0px;
 
-            width:100%;
 
-            border-bottom-right-radius:0px;
 
-            margin-bottom:20px;
 
-            border-top-right-radius:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:100px;
 
-    }
 
-    .index .body .left .news-list .news .news-date 
-    {
 
-            border-color:#A2A2A2;
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            border-top-left-radius:50px;
 
-            margin-right:0px;
 
-            border-bottom-left-radius:50px;
 
-            border-width:1px;
 
-            width:100px;
 
-            border-bottom-right-radius:50px;
 
-            margin-bottom:0px;
 
-            border-top-right-radius:50px;
 
-            border-style:solid;
 
-            margin-top:0px;
 
-            height:100px;
 
-    }
 
-    .index .body .left .news-list .news .news-date .date 
-    {
 
-            color:#666666;
 
-            border-bottom-left-radius:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            font-size:18PX;
 
-            margin-top:0px;
 
-            border-top-left-radius:0px;
 
-    }
 
-    .index .body .left .news-list .news .news-date .year 
-    {
 
-            color:#666666;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14PX;
 
-            margin-top:0px;
 
-    }
 
-    .index .body .left .news-list .news .news-item 
-    {
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            border-top-left-radius:0px;
 
-            border-bottom-left-radius:0px;
 
-            width:580px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            padding-top:0px;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .index .body .left .news-list .news .news-item .title 
-    {
 
-            cursor:pointer;
 
-            color:#004A7C;
 
-            font-size:18PX;
 
-            text-decoration:none;
 
-            margin-bottom:8px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .index .body .left .news-list .news .news-item .desc 
-    {
 
-            color:#666666;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14PX;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .index .body .left .news-list .news .more 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            border-top-left-radius:0px;
 
-            border-bottom-left-radius:0px;
 
-            width:100px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .index .body .left .news-list .news .more >a 
-    {
 
-            cursor:pointer;
 
-            background-color:#B1DEFC;
 
-            color:#004A7C;
 
-            text-align:center;
 
-            display:inline-block;
 
-            box-sizing:border-box;
 
-            text-decoration:none;
 
-            border-top-left-radius:4px;
 
-            border-bottom-left-radius:4px;
 
-            width:80%;
 
-            border-bottom-right-radius:4px;
 
-            line-height:45px;
 
-            font-size:16px;
 
-            border-top-right-radius:4px;
 
-            margin-bottom:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .index .body .left .news-list .news .more >a i 
-    {
 
-            color:#004A7C;
 
-    }
 
-    .index .body .left .ms-vue-awesome-swiper-nav 
-    {
 
-            margin-right:0px;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100%;
 
-            margin-bottom:10px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:72px;
 
-    }
 
-    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-left-arrow 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:40px;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            padding-left:0px;
 
-            justify-content:center;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-left-arrow >i 
-    {
 
-            margin-bottom:0px;
 
-    }
 
-    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body 
-    {
 
-            flex-direction:row;
 
-            flex:1;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            justify-content:space-between;
 
-            height:100%;
 
-    }
 
-    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body >div 
-    {
 
-            background-color:#E8F4FD;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:228px;
 
-            box-sizing:border-box;
 
-            padding-left:0px;
 
-            justify-content:center;
 
-            height:72px;
 
-    }
 
-    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body >div span 
-    {
 
-            color:#8DC5FE;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:22PX;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-right-arrow 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:40px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-right-arrow >i 
-    {
 
-            margin-bottom:0px;
 
-    }
 
-    .index .body .left .hdjl 
-    {
 
-            margin-right:0px;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            margin-top:10px;
 
-            height:300px;
 
-    }
 
-    .index .body .left .hdjl .zxjt 
-    {
 
-            flex-direction:column;
 
-            display:flex;
 
-            width:300px;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .index .body .left .hdjl .zxjt .title 
-    {
 
-            align-items:center;
 
-            color:#103D70;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            margin-bottom:0px;
 
-            padding-top:5px;
 
-            margin-top:0px;
 
-            justify-content:center;
 
-            height:32px;
 
-    }
 
-    .index .body .left .hdjl .zxjt >img 
-    {
 
-            width:289px;
 
-            margin-bottom:10px;
 
-            padding-top:0px;
 
-            height:163px;
 
-    }
 
-    .index .body .left .hdjl .zxjt >div 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            justify-content:flex-start;
 
-            height:32px;
 
-    }
 
-    .index .body .left .hdjl .zxjt >div span 
-    {
 
-            margin-bottom:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-    .index .body .left .hdjl .dczj 
-    {
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            flex-direction:column;
 
-            flex:1;
 
-            display:flex;
 
-    }
 
-    .index .body .left .hdjl .dczj div 
-    {
 
-            align-items:center;
 
-            color:#103D70;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            font-size:16PX;
 
-            padding-top:5px;
 
-            margin-top:0px;
 
-            justify-content:center;
 
-            height:32px;
 
-    }
 
-    .index .body .left .hdjl .dczj div .title 
-    {
 
-            margin-right:0px;
 
-            color:#103D70;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-    }
 
-    .index .body .left .hdjl .dczj div span 
-    {
 
-            margin-right:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-    }
 
-    .index .body .left .hdjl .dczj .news 
-    {
 
-            align-content:baseline;
 
-            margin-right:0px;
 
-            align-items:flex-start;
 
-            flex-wrap:wrap;
 
-            flex-direction:row;
 
-            flex:1;
 
-            display:flex;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            padding-top:10px;
 
-            justify-content:space-between;
 
-    }
 
-    .index .body .left .hdjl .dczj .news a 
-    {
 
-            overflow:hidden;
 
-            white-space:nowrap;
 
-            color:#333333;
 
-            width:230px;
 
-            font-size:16PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            padding-top:4px;
 
-            text-overflow:ellipsis;
 
-            margin-top:0px;
 
-            height:30px;
 
-    }
 
-    .index .body .left .hdjl .dczj .button 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            border-top-left-radius:0px;
 
-            flex-wrap:nowrap;
 
-            border-bottom-left-radius:0px;
 
-            width:100%;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            padding-top:0px;
 
-            height:50px;
 
-    }
 
-    .index .body .left .hdjl .dczj .button .btn 
-    {
 
-            border-color:#E0E0E0;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            border-top-left-radius:8px;
 
-            flex-wrap:nowrap;
 
-            border-bottom-left-radius:8px;
 
-            border-width:1px;
 
-            width:40%;
 
-            border-bottom-right-radius:8px;
 
-            border-top-right-radius:8px;
 
-            padding-top:0px;
 
-            border-style:solid;
 
-            height:100%;
 
-    }
 
-    .index .body .left .hdjl .dczj .button .btn i 
-    {
 
-            margin-right:10px;
 
-            font-size:22PX;
 
-            padding-top:0px;
 
-    }
 
-    .index .body .left .hdjl .dczj .button .btn span 
-    {
 
-            padding-top:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-    }
 
-    .index .body .left .hdjl .dczj .button .split 
-    {
 
-            flex-wrap:nowrap;
 
-            border-bottom-left-radius:0px;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:10px;
 
-            border-bottom-right-radius:0px;
 
-            box-sizing:border-box;
 
-            border-top-right-radius:0px;
 
-            height:100%;
 
-            border-top-left-radius:0px;
 
-    }
 
-    .index .body .right 
-    {
 
-            background-color:#F3F3F3;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:20px;
 
-            box-sizing:border-box;
 
-            margin-left:0px;
 
-            border-top-left-radius:0px;
 
-            margin-right:0px;
 
-            padding-bottom:10px;
 
-            border-bottom-left-radius:0px;
 
-            flex:1;
 
-            width:365px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            margin-bottom:0px;
 
-            padding-top:10px;
 
-            padding-left:20px;
 
-            height:100%;
 
-    }
 
-    .index .body .right .news-title 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            border-bottom-color:#D5D5D5;
 
-            padding-bottom:0px;
 
-            width:100%;
 
-            border-bottom-style:solid;
 
-            padding-top:0px;
 
-            border-bottom-width:1px;
 
-            padding-left:0px;
 
-            height:40px;
 
-    }
 
-    .index .body .right .news-title a 
-    {
 
-            cursor:pointer;
 
-            margin-right:10px;
 
-            padding-bottom:0px;
 
-            color:#C10D0C;
 
-            padding-right:0px;
 
-            font-size:23px;
 
-            text-decoration:none;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-left:0px;
 
-    }
 
-    .index .body .right .news-list 
-    {
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            flex-direction:column;
 
-            margin-top:0px;
 
-            display:flex;
 
-    }
 
-    .index .body .right .news-list .news 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100%;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            padding-left:0px;
 
-            justify-content:space-between;
 
-            height:42px;
 
-    }
 
-    .index .body .right .news-list .news .title 
-    {
 
-            cursor:pointer;
 
-            white-space:nowrap;
 
-            color:#004A7C;
 
-            padding-right:0px;
 
-            text-decoration:none;
 
-            font-family:黑体;
 
-            overflow:hidden;
 
-            width:340px;
 
-            font-size:16PX;
 
-            margin-bottom:0px;
 
-            text-overflow:ellipsis;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .index .body .right .pic-news 
-    {
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            padding-bottom:0px;
 
-            width:100%;
 
-            margin-bottom:20px;
 
-            padding-top:0px;
 
-            position:relative;
 
-            padding-left:0px;
 
-            background-repeat:no-repeat;
 
-            margin-top:20px;
 
-            height:182px;
 
-    }
 
-    .index .body .right .pic-news img 
-    {
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            position:absolute;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .index .body .right .pic-news .left-title 
-    {
 
-            background-color:#004A7C60;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:110px;
 
-            box-sizing:border-box;
 
-            opacity:0.99;
 
-            justify-content:center;
 
-            margin-top:0px;
 
-            height:38px;
 
-    }
 
-    .index .body .right .pic-news .left-title span 
-    {
 
-            padding-bottom:0px;
 
-            color:#FFFFFF;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .index .body .right .pic-news .title 
-    {
 
-            background-color:#00000060;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            padding-bottom:0px;
 
-            width:100%;
 
-            padding-top:0px;
 
-            opacity:0.95;
 
-            padding-left:0px;
 
-            height:38px;
 
-    }
 
-    .index .body .right .pic-news .title a 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            align-items:flex-start;
 
-            flex-direction:column;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-            justify-content:flex-start;
 
-    }
 
-    .index .body .right .pic-news .title a span 
-    {
 
-            overflow:unset;
 
-            color:#FFFFFF;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-    }
 
-    .index .body .right .link-list 
-    {
 
-            flex-wrap:wrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            padding-top:20px;
 
-            padding-left:0px;
 
-            justify-content:space-between;
 
-            height:100%;
 
-    }
 
-    .index .body .right .link-list .link 
-    {
 
-            border-color:#DADADA;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            border-width:1px;
 
-            width:48%;
 
-            margin-bottom:14px;
 
-            padding-top:0px;
 
-            border-style:solid;
 
-            padding-left:0px;
 
-            height:75px;
 
-    }
 
-    .index .body .right .link-list .link i 
-    {
 
-            font-size:24PX;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .index .body .right .link-list .link span 
-    {
 
-            margin-bottom:0px;
 
-            padding-left:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-@media (max-width: 768px){
 
-        .top1 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:8px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                margin-bottom:0px;
 
-                padding-left:8px;
 
-                justify-content:center;
 
-        }
 
-        .top1 .top1-title 
-        {
 
-                margin-right:0px;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                margin-bottom:4px;
 
-                justify-content:center;
 
-        }
 
-        .top1 .top1-title >img 
-        {
 
-                margin-right:15px;
 
-                width:41px;
 
-                height:41px;
 
-        }
 
-        .top1 .top1-title a 
-        {
 
-                cursor:pointer;
 
-                text-decoration:none;
 
-                color:#000;
 
-        }
 
-        .top1 .top1-title a >span 
-        {
 
-                margin-right:0px;
 
-                color:#365D98;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                font-size:16PX;
 
-                padding-left:0px;
 
-                font-weight:500;
 
-        }
 
-        .top1 .top1-desc 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-        }
 
-        .top1 .top1-desc >span 
-        {
 
-                color:#355E92;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:10px;
 
-                font-size:14PX;
 
-                margin-bottom:4px;
 
-                padding-left:10px;
 
-        }
 
-        .banner 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                justify-content:center;
 
-        }
 
-        .banner .body 
-        {
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                flex-direction:column;
 
-                display:flex;
 
-        }
 
-        .banner .body .huandeng 
-        {
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .banner .body .huandeng .ms-vue-awesome-swiper 
-        {
 
-                background-color:#E8F4FD;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                position:relative;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:300px;
 
-        }
 
-        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-left 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:40px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-top:-40px;
 
-                height:40px;
 
-        }
 
-        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-left >i 
-        {
 
-                font-size:28PX;
 
-                color:#409EFF;
 
-                margin-top:0px;
 
-        }
 
-        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-right 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:40px;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                justify-content:center;
 
-                height:40px;
 
-        }
 
-        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-right >i 
-        {
 
-                font-size:28PX;
 
-                color:#409EFF;
 
-                padding-left:0px;
 
-                margin-top:-40px;
 
-        }
 
-        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom 
-        {
 
-                background-color:#3F9EFF;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                bottom:0px;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:flex-start;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                position:absolute;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-                height:40px;
 
-        }
 
-        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title 
-        {
 
-                color:#FFFFFF;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:14px;
 
-                padding-left:0px;
 
-        }
 
-        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-demo 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                bottom:0px;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                position:absolute;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-demo >span 
-        {
 
-                color:#8DC5FE;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:42PX;
 
-                padding-left:0px;
 
-                margin-top:-40px;
 
-        }
 
-        .banner .body .right 
-        {
 
-                margin-right:0px;
 
-                background-color:#365D98;
 
-                padding-bottom:10px;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:10px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-left:0px;
 
-        }
 
-        .banner .body .right .news-type 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                width:100%;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                height:55px;
 
-        }
 
-        .banner .body .right .news-type a 
-        {
 
-                cursor:pointer;
 
-                margin-right:0px;
 
-                color:#CDD6E1;
 
-                font-size:23px;
 
-                text-decoration:none;
 
-                margin-left:0px;
 
-        }
 
-        .banner .body .right .news-type span 
-        {
 
-                margin-right:18px;
 
-                color:#CDD6E1;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                font-size:24PX;
 
-                padding-left:0px;
 
-                margin-left:18px;
 
-        }
 
-        .banner .body .right .top-type-1 
-        {
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                height:100%;
 
-        }
 
-        .banner .body .right .top-type-1 .news 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                border-bottom-color:#878C95;
 
-                width:100%;
 
-                border-bottom-style:dashed;
 
-                border-bottom-width:1px;
 
-                padding-left:0px;
 
-                height:32px;
 
-        }
 
-        .banner .body .right .top-type-1 .news .title 
-        {
 
-                cursor:pointer;
 
-                font-family:黑体;
 
-                overflow:hidden;
 
-                white-space:nowrap;
 
-                color:#CDD6E1;
 
-                padding-right:0px;
 
-                width:280px;
 
-                font-size:16PX;
 
-                text-decoration:none;
 
-                text-overflow:ellipsis;
 
-                padding-left:0px;
 
-        }
 
-        .banner .body .right .top-type-1 .news .date 
-        {
 
-                font-family:隶书;
 
-                color:#FFFFFF;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-        }
 
-        .banner .body .right .top-type-2 
-        {
 
-                flex-direction:column;
 
-                display:none;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                height:100%;
 
-        }
 
-        .banner .body .right .top-type-2 .news 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                border-bottom-color:#878C95;
 
-                width:100%;
 
-                border-bottom-style:dashed;
 
-                border-bottom-width:1px;
 
-                padding-left:0px;
 
-                height:32px;
 
-        }
 
-        .banner .body .right .top-type-2 .news .title 
-        {
 
-                cursor:pointer;
 
-                font-family:黑体;
 
-                overflow:hidden;
 
-                white-space:nowrap;
 
-                color:#CDD6E1;
 
-                padding-right:0px;
 
-                width:280px;
 
-                font-size:16PX;
 
-                text-decoration:none;
 
-                text-overflow:ellipsis;
 
-                padding-left:0px;
 
-        }
 
-        .banner .body .right .top-type-2 .news .date 
-        {
 
-                font-family:隶书;
 
-                color:#FFFFFF;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-        }
 
-        .index 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                justify-content:center;
 
-                margin-top:20px;
 
-        }
 
-        .index .body 
-        {
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                flex-direction:column;
 
-                display:flex;
 
-        }
 
-        .index .body .left 
-        {
 
-                padding-bottom:0px;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .index .body .left .news-title 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                width:100%;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:55px;
 
-        }
 
-        .index .body .left .news-title .sel 
-        {
 
-                cursor:pointer;
 
-                margin-right:10px;
 
-                padding-bottom:0px;
 
-                color:#C10D0C;
 
-                padding-right:0px;
 
-                font-size:18PX;
 
-                text-decoration:none;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .index .body .left .news-title a 
-        {
 
-                cursor:pointer;
 
-                margin-right:10px;
 
-                color:#A1A1A1;
 
-                padding-right:0px;
 
-                font-size:18PX;
 
-                text-decoration:none;
 
-                padding-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .index .body .left .news-title div 
-        {
 
-                margin-right:0px;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:50%;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                justify-content:flex-end;
 
-                height:100%;
 
-        }
 
-        .index .body .left .news-title div .link-type 
-        {
 
-                cursor:pointer;
 
-                margin-right:0px;
 
-                color:#A1A1A1;
 
-                padding-right:0px;
 
-                text-decoration:none;
 
-                padding-top:0px;
 
-        }
 
-        .index .body .left .news-list 
-        {
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                border-top-left-radius:0px;
 
-                margin-right:0px;
 
-                border-bottom-left-radius:0px;
 
-                width:100%;
 
-                border-bottom-right-radius:0px;
 
-                margin-bottom:0px;
 
-                border-top-right-radius:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:14px;
 
-        }
 
-        .index .body .left .news-list .news 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                border-top-left-radius:0px;
 
-                border-bottom-left-radius:0px;
 
-                width:100%;
 
-                border-bottom-right-radius:0px;
 
-                margin-bottom:20px;
 
-                border-top-right-radius:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-        }
 
-        .index .body .left .news-list .news .news-date 
-        {
 
-                border-color:#A2A2A2;
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                border-top-left-radius:50px;
 
-                border-bottom-left-radius:50px;
 
-                border-width:1px;
 
-                width:60px;
 
-                border-bottom-right-radius:50px;
 
-                margin-bottom:0px;
 
-                border-top-right-radius:50px;
 
-                border-style:solid;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:60px;
 
-        }
 
-        .index .body .left .news-list .news .news-date .date 
-        {
 
-                color:#666666;
 
-                border-bottom-left-radius:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                font-size:18PX;
 
-                margin-top:0px;
 
-                border-top-left-radius:0px;
 
-        }
 
-        .index .body .left .news-list .news .news-date .year 
-        {
 
-                color:#666666;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:12PX;
 
-                margin-top:0px;
 
-        }
 
-        .index .body .left .news-list .news .news-item 
-        {
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                border-top-left-radius:0px;
 
-                border-bottom-left-radius:0px;
 
-                width:80%;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                margin-bottom:0px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .index .body .left .news-list .news .news-item .title 
-        {
 
-                cursor:pointer;
 
-                overflow:unset;
 
-                color:#004A7C;
 
-                font-size:18PX;
 
-                text-decoration:none;
 
-                margin-bottom:8px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-        }
 
-        .index .body .left .news-list .news .news-item .desc 
-        {
 
-                color:#666666;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:14PX;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .index .body .left .news-list .news .more 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:none;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                border-top-left-radius:0px;
 
-                border-bottom-left-radius:0px;
 
-                width:60px;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .index .body .left .news-list .news .more >a 
-        {
 
-                cursor:pointer;
 
-                background-color:#91D2FE;
 
-                color:#FFFFFF;
 
-                text-align:center;
 
-                display:inline-block;
 
-                box-sizing:border-box;
 
-                border-top-left-radius:4px;
 
-                border-bottom-left-radius:4px;
 
-                width:80%;
 
-                border-bottom-right-radius:4px;
 
-                line-height:45px;
 
-                font-size:16px;
 
-                border-top-right-radius:4px;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-                height:40px;
 
-        }
 
-        .index .body .left .news-list .news .more >a i 
-        {
 
-                color:#004A7C;
 
-        }
 
-        .index .body .left .ms-vue-awesome-swiper-nav 
-        {
 
-                margin-right:0px;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:72px;
 
-        }
 
-        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-left-arrow 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:40px;
 
-                box-sizing:border-box;
 
-                margin-bottom:0px;
 
-                padding-left:0px;
 
-                justify-content:center;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-left-arrow >i 
-        {
 
-                margin-bottom:0px;
 
-        }
 
-        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body 
-        {
 
-                flex-direction:row;
 
-                flex:1;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:80%;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                justify-content:space-between;
 
-                height:100%;
 
-        }
 
-        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body >div 
-        {
 
-                background-color:#E8F4FD;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-        }
 
-        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body >div span 
-        {
 
-                color:#8DC5FE;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:22PX;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-right-arrow 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:40px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-right-arrow >i 
-        {
 
-                margin-bottom:0px;
 
-        }
 
-        .index .body .left .hdjl 
-        {
 
-                margin-right:0px;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                margin-top:10px;
 
-                justify-content:center;
 
-                height:100%;
 
-        }
 
-        .index .body .left .hdjl .zxjt 
-        {
 
-                align-items:flex-start;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:10px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                margin-bottom:0px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-                justify-content:flex-end;
 
-                height:100%;
 
-        }
 
-        .index .body .left .hdjl .zxjt .title 
-        {
 
-                align-items:center;
 
-                color:#103D70;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-                padding-top:5px;
 
-                margin-top:0px;
 
-                justify-content:center;
 
-                height:32px;
 
-        }
 
-        .index .body .left .hdjl .zxjt >img 
-        {
 
-                width:100%;
 
-                padding-left:0px;
 
-                padding-right:0px;
 
-                height:180px;
 
-        }
 
-        .index .body .left .hdjl .zxjt >div 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                justify-content:flex-start;
 
-                height:32px;
 
-        }
 
-        .index .body .left .hdjl .zxjt >div span 
-        {
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .index .body .left .hdjl .dczj 
-        {
 
-                flex-direction:column;
 
-                flex:1;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:10px;
 
-                height:100%;
 
-        }
 
-        .index .body .left .hdjl .dczj div 
-        {
 
-                align-items:center;
 
-                color:#103D70;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-                padding-top:5px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                justify-content:center;
 
-                height:32px;
 
-        }
 
-        .index .body .left .hdjl .dczj div .title 
-        {
 
-                margin-right:0px;
 
-                color:#103D70;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-                padding-top:0px;
 
-                margin-top:0px;
 
-        }
 
-        .index .body .left .hdjl .dczj div span 
-        {
 
-                margin-right:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-top:0px;
 
-                margin-top:0px;
 
-        }
 
-        .index .body .left .hdjl .dczj .news 
-        {
 
-                align-items:flex-start;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:10px;
 
-                box-sizing:border-box;
 
-                justify-content:flex-start;
 
-                align-content:baseline;
 
-                flex-wrap:wrap;
 
-                flex:1;
 
-                width:100%;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-        }
 
-        .index .body .left .hdjl .dczj .news a 
-        {
 
-                cursor:pointer;
 
-                overflow:hidden;
 
-                white-space:nowrap;
 
-                padding-right:0px;
 
-                width:100%;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                padding-top:4px;
 
-                text-overflow:ellipsis;
 
-                padding-left:0px;
 
-                height:30px;
 
-        }
 
-        .index .body .left .hdjl .dczj .button 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                border-top-left-radius:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                border-bottom-left-radius:0px;
 
-                width:100%;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:20px;
 
-                height:50px;
 
-        }
 
-        .index .body .left .hdjl .dczj .button .btn 
-        {
 
-                border-color:#E0E0E0;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                border-top-left-radius:8px;
 
-                flex-wrap:nowrap;
 
-                border-bottom-left-radius:8px;
 
-                border-width:1px;
 
-                width:40%;
 
-                border-bottom-right-radius:8px;
 
-                border-top-right-radius:8px;
 
-                padding-top:0px;
 
-                border-style:solid;
 
-                height:100%;
 
-        }
 
-        .index .body .left .hdjl .dczj .button .btn i 
-        {
 
-                margin-right:10px;
 
-                font-size:22PX;
 
-        }
 
-        .index .body .left .hdjl .dczj .button .btn span 
-        {
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .index .body .left .hdjl .dczj .button .split 
-        {
 
-                flex-wrap:nowrap;
 
-                border-bottom-left-radius:0px;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:10px;
 
-                border-bottom-right-radius:0px;
 
-                box-sizing:border-box;
 
-                border-top-right-radius:0px;
 
-                height:100%;
 
-                border-top-left-radius:0px;
 
-        }
 
-        .index .body .right 
-        {
 
-                background-color:#F3F3F3;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:20px;
 
-                box-sizing:border-box;
 
-                margin-left:0px;
 
-                border-top-left-radius:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                border-bottom-left-radius:0px;
 
-                width:100%;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                margin-bottom:20px;
 
-                padding-top:0px;
 
-                padding-left:20px;
 
-                margin-top:20px;
 
-        }
 
-        .index .body .right .news-title 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:flex-start;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:55px;
 
-        }
 
-        .index .body .right .news-title a 
-        {
 
-                cursor:pointer;
 
-                margin-right:10px;
 
-                padding-bottom:0px;
 
-                color:#C10D0C;
 
-                padding-right:0px;
 
-                font-size:18PX;
 
-                text-decoration:none;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .index .body .right .news-list 
-        {
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                margin-bottom:10px;
 
-                flex-direction:column;
 
-                display:flex;
 
-        }
 
-        .index .body .right .news-list .news 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                border-bottom-color:#878C95;
 
-                width:100%;
 
-                border-bottom-style:dashed;
 
-                border-bottom-width:1px;
 
-                padding-left:0px;
 
-                height:32px;
 
-        }
 
-        .index .body .right .news-list .news .title 
-        {
 
-                cursor:pointer;
 
-                white-space:nowrap;
 
-                color:#004A7C;
 
-                padding-right:0px;
 
-                text-decoration:none;
 
-                font-family:黑体;
 
-                overflow:hidden;
 
-                width:280px;
 
-                font-size:16PX;
 
-                margin-bottom:0px;
 
-                text-overflow:ellipsis;
 
-                padding-left:0px;
 
-        }
 
-        .index .body .right .pic-news 
-        {
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                padding-bottom:0px;
 
-                width:100%;
 
-                padding-top:0px;
 
-                position:relative;
 
-                padding-left:0px;
 
-                background-repeat:no-repeat;
 
-                height:182px;
 
-        }
 
-        .index .body .right .pic-news img 
-        {
 
-                width:100%;
 
-                position:absolute;
 
-                height:100%;
 
-        }
 
-        .index .body .right .pic-news .left-title 
-        {
 
-                background-color:#004A7C60;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:110px;
 
-                box-sizing:border-box;
 
-                opacity:0.99;
 
-                justify-content:center;
 
-                height:38px;
 
-        }
 
-        .index .body .right .pic-news .left-title span 
-        {
 
-                padding-bottom:0px;
 
-                color:#FFFFFF;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .index .body .right .pic-news .title 
-        {
 
-                background-color:#00000060;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                padding-bottom:0px;
 
-                width:100%;
 
-                padding-top:0px;
 
-                opacity:0.95;
 
-                padding-left:0px;
 
-                height:38px;
 
-        }
 
-        .index .body .right .pic-news .title a 
-        {
 
-                cursor:pointer;
 
-                color:#000;
 
-                align-items:flex-start;
 
-                flex-direction:column;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-                justify-content:flex-start;
 
-        }
 
-        .index .body .right .pic-news .title a span 
-        {
 
-                overflow:unset;
 
-                color:#FFFFFF;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .index .body .right .link-list 
-        {
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                margin-right:0px;
 
-                flex-wrap:wrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                height:100%;
 
-        }
 
-        .index .body .right .link-list .link 
-        {
 
-                border-color:#DADADA;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                border-width:1px;
 
-                width:48%;
 
-                margin-bottom:14px;
 
-                padding-top:0px;
 
-                border-style:solid;
 
-                padding-left:0px;
 
-                height:75px;
 
-        }
 
-        .index .body .right .link-list .link i 
-        {
 
-                font-size:24PX;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .index .body .right .link-list .link span 
-        {
 
-                margin-bottom:0px;
 
-                padding-left:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-
 
-}</style>

+ 0 - 857
src/main/webapp/template/1/default.bak/list.htm
View File 

@@ -1,857 +0,0 @@
 
-
 
-
 
-
 
-
 
-
 
-<html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
-        ms.base = "";
 
-    </script>
 
-    <style>
 
-        [v-cloak]{
 
-            display: none;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "header.htm"/>
 
-
 
-<div class="ms-content">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<div class="detail">
 
-<div class="body">
 
-<a href="${global.url}${field.typelink}"
 
-class="type-title">
 
-${field.typetitle}
 
-</a>
 
-</div> <!--新闻列表(一行)-start-->
 
-{ms:arclist size=15 ispaging=true}
 
-<div class="ms-news-one-line">
 
-<i class="iconfont icon-fangkuai ms-news-one-line-dot" ></i>
 
-<a href="${global.url}${field.link}"
 
-class="ms-news-one-line-link">
 
-${field.title}
 
-</a>
 
-<span class="ms-news-one-line-date" >
 
-${field.date?string("yyyy-MM-dd")}
 
-</span>
 
-</div>
 
-{/ms:arclist} <!--新闻列表(一行)-end-->
 
-<#assign pagerCount=3 />
 
-<#assign pageCount=page.total />
 
-<#assign currentPage=page.cur />
 
-<#assign halfPagerCount=(pagerCount-1)/2/>
 
-<#assign showPrevMore=false />
 
-<#assign showNextMore=false />
 
-<#assign arr=[] />
 
-<#--判断是否有翻页-->
 
-<#if pageCount gt pagerCount>
 
-<#if currentPage gt pagerCount - halfPagerCount>
 
-<#assign showPrevMore=true />
 
-</#if>
 
-<#if currentPage lt pageCount - halfPagerCount>
 
-<#assign showNextMore=true />
 
-</#if>
 
-</#if>
 
-<#--计算页码-->
 
-<#if showPrevMore&&!showNextMore>
 
-<#assign startPage=pageCount - (pagerCount - 2) />
 
-<#list startPage..pageCount-1 as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif !showPrevMore && showNextMore>
 
-<#list 2..pagerCount as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif showPrevMore && showNextMore>
 
-<#assign offset=(pagerCount / 2)?floor - 1 />
 
-<#list currentPage - offset..currentPage + offset as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#else>
 
-<#list 2..pageCount as x>
 
-<#if x lt pageCount>
 
-<#assign arr=arr+[x] />
 
-</#if>
 
-</#list>
 
-</#if>
 
-<div class="ms-page">
 
-<a href="{ms:global.url/}{ms:page.pre/}">
 
-<i class="iconfont icon-zuojiantou ms-page-pre"></i>
 
-</a>
 
-<#--第一页-->
 
-<#if pageCount gt 0>
 
-<a href="{ms:global.url/}{ms:page.index/}">
 
-<#if 1==currentPage>
 
-<span class="ms-page-no-sel">1</span>
 
-<#else>
 
-<span class="ms-page-no">1</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<#--翻页的省略号-->
 
-<#if showPrevMore>
 
-<span class="ms-page-dot">
 
-...
 
-</span>
 
-</#if>
 
-<#--中间的页码-->
 
-<#list arr as x>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${x}.html">
 
-<#if x==currentPage>
 
-<span class="ms-page-no-sel">${x}</span>
 
-<#else>
 
-<span class="ms-page-no">${x}</span>
 
-</#if>
 
-</a>
 
-</#list>
 
-<#-- 最后一页-->
 
-<#if pageCount gt 1>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${pageCount}.html">
 
-<#if pageCount==currentPage>
 
-<span class="ms-page-no-sel">${pageCount}</span>
 
-<#else>
 
-<span class="ms-page-no">${pageCount}</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<a href="{ms:global.url/}{ms:page.next/}">
 
-<i class="iconfont icon-youjiantou ms-page-next"></i>
 
-</a>
 
-<#--span>
 
-前往
 
-<input type="number" onchange="location.href='{ms:global.url/}${field.categoryPath}/'+((this.value<=1?'index':('list-'+(this.value>${pageCount}?${pageCount}:this.value)))+'.html')">
 
-页
 
-</span-->
 
-</div>
 
-</div> </div>        <!--返回顶部-start-->
 
-
 
-<div class="ms-right-fixed-top">
 
-<!--内容区域-start-->
 
-<div class="content">
 
-<i class="iconfont icon-shang" ></i>
 
-<span >
 
-回到顶部
 
-</span>
 
-</div> <!--内容区域-end-->
 
-</div>        <!--返回顶部-end-->
 
-
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
-var app = new Vue({
 
-    el: '#app',
 
-    watch:{
 
-    },
 
-    data: {
 
-    },
 
-    methods: {
 
-       switchShow:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display=e.style.display=='none'?'flex':'none'
 
-               }
 
-           })
 
-       },
 
-    },
 
-    created(){
 
-    }
 
-})
 
-</script>
 
-
 
-<style>
 
-    body {
 
-        background-color:#f5f5f5;
 
-        box-sizing:border-box;
 
-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
 
-        moz-box-sizing:border-box;
 
-        webkit-box-sizing:border-box;
 
-    }
 
-
 
-    .ms-content 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .ms-channel-path 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:10px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:10px;
 
-            height:30px;
 
-    }
 
-    .ms-content .ms-channel-path .ms-channel-path-label 
-    {
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14PX;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .ms-channel-path .ms-channel-path-index 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:14PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .ms-channel-path >i 
-    {
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .ms-channel-path .ms-channel-path-link 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:14PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail 
-    {
 
-            background-color:#FFFFFF;
 
-            align-items:flex-start;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:20px;
 
-            box-sizing:border-box;
 
-            margin-left:0px;
 
-            min-height:800px;
 
-            margin-right:0px;
 
-            padding-bottom:20px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:10px;
 
-            padding-top:20px;
 
-            position:relative;
 
-            padding-left:20px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail .body 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:10px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:10px;
 
-            padding-top:10px;
 
-            padding-left:20px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail .body .type-title 
-    {
 
-            cursor:pointer;
 
-            padding-bottom:0px;
 
-            color:#000;
 
-            font-size:18PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            background-position:20px center;
 
-            justify-content:flex-start;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:10px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:10px;
 
-            padding-left:20px;
 
-            background-repeat:no-repeat;
 
-            background-position-x:20px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line .ms-news-one-line-dot 
-    {
 
-            padding-bottom:0px;
 
-            padding-right:0px;
 
-            font-size:12PX;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line .ms-news-one-line-link 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            padding-right:0px;
 
-            text-decoration:none;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            font-size:16PX;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            background-position-x:20px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line .ms-news-one-line-date 
-    {
 
-            margin-right:10px;
 
-            padding-bottom:0px;
 
-            color:#9C9C9C;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-left:10px;
 
-    }
 
-    .ms-content .detail .ms-page 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            bottom:0px;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            left:0px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            position:absolute;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-pre 
-    {
 
-            cursor:pointer;
 
-            padding-bottom:0px;
 
-            color:#000000;
 
-            padding-right:0px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-pre:hover
 
-    {
 
-                    color:#409EFF;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-no 
-    {
 
-            cursor:pointer;
 
-            color:#000000;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-no:hover
 
-    {
 
-                    color:#409EFF;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-no-sel 
-    {
 
-            color:#409EFF;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-dot 
-    {
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-next 
-    {
 
-            cursor:pointer;
 
-            padding-bottom:0px;
 
-            color:#000000;
 
-            padding-right:0px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-right-fixed-top 
-    {
 
-            margin:0 auto;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1200px;
 
-            margin-bottom:0px;
 
-            position:relative;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:0px;
 
-    }
 
-    .ms-right-fixed-top >.content 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-left:600px;
 
-            padding-bottom:0px;
 
-            top:400px;
 
-            flex-wrap:nowrap;
 
-            left:50%;
 
-            width:40px;
 
-            position:fixed;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            z-index:1;
 
-    }
 
-    .ms-right-fixed-top >.content i 
-    {
 
-            padding-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            padding-right:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-right-fixed-top >.content span 
-    {
 
-            background-color:#909399;
 
-            color:#FFFFFF;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:5px;
 
-            margin-left:0px;
 
-            padding-bottom:5px;
 
-            width:50px;
 
-            font-size:14px;
 
-            padding-top:5px;
 
-            padding-left:5px;
 
-            height:40%;
 
-    }
 
-@media (max-width: 768px){
 
-        .ms-content 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .ms-content .ms-channel-path 
-        {
 
-                margin-right:auto;
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                box-sizing:border-box;
 
-                margin-top:10px;
 
-                height:30px;
 
-                margin-left:auto;
 
-        }
 
-        .ms-content .ms-channel-path .ms-channel-path-label 
-        {
 
-                font-size:14PX;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .ms-content .ms-channel-path .ms-channel-path-index 
-        {
 
-                cursor:pointer;
 
-                color:#000;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .ms-channel-path .ms-channel-path-link 
-        {
 
-                cursor:pointer;
 
-                color:#000;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail 
-        {
 
-                background-color:#FFFFFF;
 
-                align-items:flex-start;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:8px;
 
-                box-sizing:border-box;
 
-                margin-left:0px;
 
-                min-height:800px;
 
-                margin-right:0px;
 
-                padding-bottom:8px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                padding-top:8px;
 
-                position:relative;
 
-                padding-left:8px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail .body 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:flex-start;
 
-                padding-bottom:10px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail .body .type-title 
-        {
 
-                cursor:pointer;
 
-                padding-bottom:0px;
 
-                color:#000;
 
-                font-size:18PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                background-repeat:no-repeat;
 
-                background-position-x:10px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line .ms-news-one-line-dot 
-        {
 
-                padding-bottom:0px;
 
-                padding-right:0px;
 
-                font-size:12PX;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line .ms-news-one-line-link 
-        {
 
-                cursor:pointer;
 
-                white-space:nowrap;
 
-                color:#000;
 
-                padding-right:0px;
 
-                text-decoration:none;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                overflow:hidden;
 
-                width:70%;
 
-                font-size:16PX;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                text-overflow:ellipsis;
 
-                padding-left:10px;
 
-                background-position-x:20px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line .ms-news-one-line-date 
-        {
 
-                color:#9C9C9C;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                margin-left:10px;
 
-                margin-right:10px;
 
-                padding-bottom:0px;
 
-                font-size:14px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                bottom:0px;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                left:0px;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                position:absolute;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:40px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-pre 
-        {
 
-                cursor:pointer;
 
-                padding-bottom:0px;
 
-                color:#000000;
 
-                padding-right:0px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-no 
-        {
 
-                cursor:pointer;
 
-                color:#000000;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                margin-left:0px;
 
-                padding-bottom:0px;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-no-sel 
-        {
 
-                color:#409EFF;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-dot 
-        {
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-next 
-        {
 
-                cursor:pointer;
 
-                padding-bottom:0px;
 
-                color:#000000;
 
-                padding-right:0px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-right-fixed-top 
-        {
 
-                margin:0 auto;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                position:relative;
 
-                margin-top:0px;
 
-                height:0px;
 
-        }
 
-        .ms-right-fixed-top >.content 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                margin-left:600px;
 
-                padding-bottom:0px;
 
-                top:400px;
 
-                flex-wrap:nowrap;
 
-                left:50%;
 
-                width:40px;
 
-                position:fixed;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                z-index:1;
 
-        }
 
-        .ms-right-fixed-top >.content i 
-        {
 
-                margin-left:0px;
 
-        }
 
-        .ms-right-fixed-top >.content span 
-        {
 
-                background-color:#909399;
 
-                color:#FFFFFF;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:5px;
 
-                margin-left:0px;
 
-                padding-bottom:5px;
 
-                width:50px;
 
-                font-size:14px;
 
-                padding-top:5px;
 
-                padding-left:5px;
 
-                height:40%;
 
-        }
 
-
 
-}</style>

+ 0 - 608
src/main/webapp/template/1/default.bak/news-detail.htm
View File 

@@ -1,608 +0,0 @@
 
-
 
-
 
-
 
-
 
-
 
-<html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
-        ms.base = "";
 
-    </script>
 
-    <style>
 
-        [v-cloak]{
 
-            display: none;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "header.htm"/>
 
-
 
-
 
-<div class="content">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<div class="detail">
 
-<div class="top">
 
-<span class="title" >
 
-${field.title}
 
-</span>
 
-<div class="date">
 
-<span >
 
-发布时间：
 
-</span>
 
-<span >
 
-${field.date?string("yyyy-MM-dd")}
 
-</span>
 
-<div style="flex-wrap:nowrap;flex-direction:row;display:flex;width:20px;box-sizing:border-box;margin-top:0px;height:100%;">
 
-</div>
 
-<span >
 
-浏览次数：
 
-</span>
 
-<span >
 
-${field.hit}
 
-</span>
 
-</div> </div>
 
-<div class="body">
 
-<span class="body-text" >
 
-${field.content}
 
-</span>
 
-</div> </div>
 
-<div class="ms-next-pre">
 
-<div class="pre">
 
-<span >
 
-上一篇：
 
-</span>
 
-<a href="${global.url}${pre.link}"
 
->
 
-${pre.title}
 
-</a>
 
-</div>
 
-<div class="next">
 
-<span >
 
-下一篇：
 
-</span>
 
-<a href="${global.url}${next.link}"
 
->
 
-${next.title}
 
-</a>
 
-</div> </div> </div>
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
-var app = new Vue({
 
-    el: '#app',
 
-    watch:{
 
-    },
 
-    data: {
 
-    },
 
-    methods: {
 
-       switchShow:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display=e.style.display=='none'?'flex':'none'
 
-               }
 
-           })
 
-       },
 
-    },
 
-    created(){
 
-    }
 
-})
 
-</script>
 
-
 
-<style>
 
-    body {
 
-        background-color:#f5f5f5;
 
-        box-sizing:border-box;
 
-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
 
-        moz-box-sizing:border-box;
 
-        webkit-box-sizing:border-box;
 
-    }
 
-
 
-    .content 
-    {
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .ms-channel-path 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            margin-left:auto;
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:10px;
 
-            padding-top:0px;
 
-            margin-top:10px;
 
-            height:30px;
 
-    }
 
-    .content .ms-channel-path .ms-channel-path-label 
-    {
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14PX;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .ms-channel-path .ms-channel-path-index 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:14PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .ms-channel-path >i 
-    {
 
-    }
 
-    .content .ms-channel-path .ms-channel-path-link 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:14PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail 
-    {
 
-            background-color:#FFFFFF;
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            min-height:800px;
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:10px;
 
-            padding-top:0px;
 
-            position:relative;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail .top 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            border-bottom-color:#EBEEF5;
 
-            margin-right:0px;
 
-            padding-bottom:32px;
 
-            flex-wrap:nowrap;
 
-            width:90%;
 
-            margin-bottom:0px;
 
-            border-bottom-style:solid;
 
-            padding-top:32px;
 
-            border-bottom-width:1px;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail .top .title 
-    {
 
-            padding-bottom:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:28PX;
 
-            padding-top:0px;
 
-    }
 
-    .content .detail .top .date 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:10px;
 
-            height:100%;
 
-    }
 
-    .content .detail .top .date span 
-    {
 
-            margin-right:0px;
 
-            color:#929292;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .content .detail .body 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            width:90%;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            padding-top:32px;
 
-            justify-content:center;
 
-            margin-top:0px;
 
-    }
 
-    .content .detail .body .body-text 
-    {
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:18PX;
 
-            line-height:32px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .content .ms-next-pre 
-    {
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:10px;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-            height:60px;
 
-    }
 
-    .content .ms-next-pre .pre 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:50%;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            justify-content:flex-start;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .content .ms-next-pre .pre span 
-    {
 
-            font-size:14px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-    .content .ms-next-pre .pre a 
-    {
 
-            cursor:pointer;
 
-            font-size:14px;
 
-            text-decoration:none;
 
-            color:#000;
 
-    }
 
-    .content .ms-next-pre .next 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:50%;
 
-            box-sizing:border-box;
 
-            padding-left:0px;
 
-            justify-content:flex-start;
 
-            height:100%;
 
-    }
 
-    .content .ms-next-pre .next span 
-    {
 
-            font-size:14px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-    .content .ms-next-pre .next a 
-    {
 
-            cursor:pointer;
 
-            padding-bottom:0px;
 
-            color:#000;
 
-            font-size:14px;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-    }
 
-@media (max-width: 768px){
 
-        .content 
-        {
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .content .ms-channel-path 
-        {
 
-                margin-right:auto;
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                box-sizing:border-box;
 
-                margin-top:10px;
 
-                height:30px;
 
-                margin-left:auto;
 
-        }
 
-        .content .ms-channel-path .ms-channel-path-label 
-        {
 
-                font-size:14PX;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .content .ms-channel-path .ms-channel-path-index 
-        {
 
-                cursor:pointer;
 
-                color:#000;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .content .ms-channel-path .ms-channel-path-link 
-        {
 
-                cursor:pointer;
 
-                color:#000;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .content .detail 
-        {
 
-                background-color:#FFFFFF;
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                margin-left:auto;
 
-                min-height:800px;
 
-                margin-right:auto;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                padding-top:0px;
 
-                position:relative;
 
-                padding-left:0px;
 
-                margin-top:10px;
 
-                height:300px;
 
-        }
 
-        .content .detail .top 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                border-bottom-color:#EBEEF5;
 
-                padding-bottom:32px;
 
-                flex-wrap:nowrap;
 
-                width:90%;
 
-                margin-bottom:0px;
 
-                border-bottom-style:solid;
 
-                padding-top:32px;
 
-                border-bottom-width:1px;
 
-                margin-top:0px;
 
-        }
 
-        .content .detail .top .title 
-        {
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:28PX;
 
-                padding-top:0px;
 
-        }
 
-        .content .detail .top .date 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .content .detail .top .date span 
-        {
 
-                font-size:16PX;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                margin-left:0px;
 
-        }
 
-        .content .detail .body 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                width:90%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-top:32px;
 
-                justify-content:center;
 
-                margin-top:0px;
 
-        }
 
-        .content .detail .body .body-text 
-        {
 
-                margin-right:auto;
 
-                padding-bottom:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:18PX;
 
-                line-height:32px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .content .ms-next-pre 
-        {
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:10px;
 
-                box-sizing:border-box;
 
-                margin-left:auto;
 
-                margin-right:auto;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-                height:60px;
 
-        }
 
-        .content .ms-next-pre .pre 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:50%;
 
-                box-sizing:border-box;
 
-                margin-bottom:0px;
 
-                justify-content:flex-start;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .content .ms-next-pre .pre span 
-        {
 
-                font-size:14px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .content .ms-next-pre .pre a 
-        {
 
-                cursor:pointer;
 
-                font-size:14px;
 
-                text-decoration:none;
 
-                color:#000;
 
-        }
 
-        .content .ms-next-pre .next 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:50%;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                justify-content:flex-start;
 
-                height:100%;
 
-        }
 
-        .content .ms-next-pre .next span 
-        {
 
-                font-size:14px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .content .ms-next-pre .next a 
-        {
 
-                cursor:pointer;
 
-                padding-bottom:0px;
 
-                color:#000;
 
-                font-size:14px;
 
-                text-decoration:none;
 
-                padding-top:0px;
 
-        }
 
-
 
-}</style>

+ 0 - 857
src/main/webapp/template/1/default.bak/news-list.htm
View File 

@@ -1,857 +0,0 @@
 
-
 
-
 
-
 
-
 
-
 
-<html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
-        ms.base = "";
 
-    </script>
 
-    <style>
 
-        [v-cloak]{
 
-            display: none;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "header.htm"/>
 
-
 
-<div class="ms-content">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<div class="detail">
 
-<div class="body">
 
-<a href="${global.url}${field.typelink}"
 
-class="type-title">
 
-${field.typetitle}
 
-</a>
 
-</div> <!--新闻列表(一行)-start-->
 
-{ms:arclist size=15 ispaging=true}
 
-<div class="ms-news-one-line">
 
-<i class="iconfont icon-fangkuai ms-news-one-line-dot" ></i>
 
-<a href="${global.url}${field.link}"
 
-class="ms-news-one-line-link">
 
-${field.title}
 
-</a>
 
-<span class="ms-news-one-line-date" >
 
-${field.date?string("yyyy-MM-dd")}
 
-</span>
 
-</div>
 
-{/ms:arclist} <!--新闻列表(一行)-end-->
 
-<#assign pagerCount=3 />
 
-<#assign pageCount=page.total />
 
-<#assign currentPage=page.cur />
 
-<#assign halfPagerCount=(pagerCount-1)/2/>
 
-<#assign showPrevMore=false />
 
-<#assign showNextMore=false />
 
-<#assign arr=[] />
 
-<#--判断是否有翻页-->
 
-<#if pageCount gt pagerCount>
 
-<#if currentPage gt pagerCount - halfPagerCount>
 
-<#assign showPrevMore=true />
 
-</#if>
 
-<#if currentPage lt pageCount - halfPagerCount>
 
-<#assign showNextMore=true />
 
-</#if>
 
-</#if>
 
-<#--计算页码-->
 
-<#if showPrevMore&&!showNextMore>
 
-<#assign startPage=pageCount - (pagerCount - 2) />
 
-<#list startPage..pageCount-1 as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif !showPrevMore && showNextMore>
 
-<#list 2..pagerCount as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif showPrevMore && showNextMore>
 
-<#assign offset=(pagerCount / 2)?floor - 1 />
 
-<#list currentPage - offset..currentPage + offset as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#else>
 
-<#list 2..pageCount as x>
 
-<#if x lt pageCount>
 
-<#assign arr=arr+[x] />
 
-</#if>
 
-</#list>
 
-</#if>
 
-<div class="ms-page">
 
-<a href="{ms:global.url/}{ms:page.pre/}">
 
-<i class="iconfont icon-zuojiantou ms-page-pre"></i>
 
-</a>
 
-<#--第一页-->
 
-<#if pageCount gt 0>
 
-<a href="{ms:global.url/}{ms:page.index/}">
 
-<#if 1==currentPage>
 
-<span class="ms-page-no-sel">1</span>
 
-<#else>
 
-<span class="ms-page-no">1</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<#--翻页的省略号-->
 
-<#if showPrevMore>
 
-<span class="ms-page-dot">
 
-...
 
-</span>
 
-</#if>
 
-<#--中间的页码-->
 
-<#list arr as x>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${x}.html">
 
-<#if x==currentPage>
 
-<span class="ms-page-no-sel">${x}</span>
 
-<#else>
 
-<span class="ms-page-no">${x}</span>
 
-</#if>
 
-</a>
 
-</#list>
 
-<#-- 最后一页-->
 
-<#if pageCount gt 1>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${pageCount}.html">
 
-<#if pageCount==currentPage>
 
-<span class="ms-page-no-sel">${pageCount}</span>
 
-<#else>
 
-<span class="ms-page-no">${pageCount}</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<a href="{ms:global.url/}{ms:page.next/}">
 
-<i class="iconfont icon-youjiantou ms-page-next"></i>
 
-</a>
 
-<#--span>
 
-前往
 
-<input type="number" onchange="location.href='{ms:global.url/}${field.categoryPath}/'+((this.value<=1?'index':('list-'+(this.value>${pageCount}?${pageCount}:this.value)))+'.html')">
 
-页
 
-</span-->
 
-</div>
 
-</div> </div>        <!--返回顶部-start-->
 
-
 
-<div class="ms-right-fixed-top">
 
-<!--内容区域-start-->
 
-<div class="content">
 
-<i class="iconfont icon-shang" ></i>
 
-<span >
 
-回到顶部
 
-</span>
 
-</div> <!--内容区域-end-->
 
-</div>        <!--返回顶部-end-->
 
-
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
-var app = new Vue({
 
-    el: '#app',
 
-    watch:{
 
-    },
 
-    data: {
 
-    },
 
-    methods: {
 
-       switchShow:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display=e.style.display=='none'?'flex':'none'
 
-               }
 
-           })
 
-       },
 
-    },
 
-    created(){
 
-    }
 
-})
 
-</script>
 
-
 
-<style>
 
-    body {
 
-        background-color:#f5f5f5;
 
-        box-sizing:border-box;
 
-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
 
-        moz-box-sizing:border-box;
 
-        webkit-box-sizing:border-box;
 
-    }
 
-
 
-    .ms-content 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .ms-channel-path 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            margin-right:auto;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:10px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:10px;
 
-            height:30px;
 
-    }
 
-    .ms-content .ms-channel-path .ms-channel-path-label 
-    {
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14PX;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .ms-channel-path .ms-channel-path-index 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:14PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .ms-channel-path >i 
-    {
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .ms-channel-path .ms-channel-path-link 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:14PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail 
-    {
 
-            background-color:#FFFFFF;
 
-            align-items:flex-start;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:20px;
 
-            box-sizing:border-box;
 
-            margin-left:0px;
 
-            min-height:800px;
 
-            margin-right:0px;
 
-            padding-bottom:20px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:10px;
 
-            padding-top:20px;
 
-            position:relative;
 
-            padding-left:20px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail .body 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:10px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:10px;
 
-            padding-top:10px;
 
-            padding-left:20px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail .body .type-title 
-    {
 
-            cursor:pointer;
 
-            padding-bottom:0px;
 
-            color:#000;
 
-            font-size:18PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            background-position:20px center;
 
-            justify-content:flex-start;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:10px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:10px;
 
-            padding-left:20px;
 
-            background-repeat:no-repeat;
 
-            background-position-x:20px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line .ms-news-one-line-dot 
-    {
 
-            padding-bottom:0px;
 
-            padding-right:0px;
 
-            font-size:12PX;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line .ms-news-one-line-link 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            padding-right:0px;
 
-            text-decoration:none;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            font-size:16PX;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            background-position-x:20px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line .ms-news-one-line-date 
-    {
 
-            margin-right:10px;
 
-            padding-bottom:0px;
 
-            color:#9C9C9C;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-left:10px;
 
-    }
 
-    .ms-content .detail .ms-page 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            bottom:0px;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            left:0px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            position:absolute;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-pre 
-    {
 
-            cursor:pointer;
 
-            padding-bottom:0px;
 
-            color:#000000;
 
-            padding-right:0px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-pre:hover
 
-    {
 
-                    color:#409EFF;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-no 
-    {
 
-            cursor:pointer;
 
-            color:#000000;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-no:hover
 
-    {
 
-                    color:#409EFF;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-no-sel 
-    {
 
-            color:#409EFF;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-dot 
-    {
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-next 
-    {
 
-            cursor:pointer;
 
-            padding-bottom:0px;
 
-            color:#000000;
 
-            padding-right:0px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-right-fixed-top 
-    {
 
-            margin:0 auto;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1200px;
 
-            margin-bottom:0px;
 
-            position:relative;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:0px;
 
-    }
 
-    .ms-right-fixed-top >.content 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-left:600px;
 
-            padding-bottom:0px;
 
-            top:400px;
 
-            flex-wrap:nowrap;
 
-            left:50%;
 
-            width:40px;
 
-            position:fixed;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            z-index:1;
 
-    }
 
-    .ms-right-fixed-top >.content i 
-    {
 
-            padding-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            padding-right:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-right-fixed-top >.content span 
-    {
 
-            background-color:#909399;
 
-            color:#FFFFFF;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:5px;
 
-            margin-left:0px;
 
-            padding-bottom:5px;
 
-            width:50px;
 
-            font-size:14px;
 
-            padding-top:5px;
 
-            padding-left:5px;
 
-            height:40%;
 
-    }
 
-@media (max-width: 768px){
 
-        .ms-content 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .ms-content .ms-channel-path 
-        {
 
-                margin-right:auto;
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                box-sizing:border-box;
 
-                margin-top:10px;
 
-                height:30px;
 
-                margin-left:auto;
 
-        }
 
-        .ms-content .ms-channel-path .ms-channel-path-label 
-        {
 
-                font-size:14PX;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .ms-content .ms-channel-path .ms-channel-path-index 
-        {
 
-                cursor:pointer;
 
-                color:#000;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .ms-channel-path .ms-channel-path-link 
-        {
 
-                cursor:pointer;
 
-                color:#000;
 
-                font-size:14PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail 
-        {
 
-                background-color:#FFFFFF;
 
-                align-items:flex-start;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:8px;
 
-                box-sizing:border-box;
 
-                margin-left:0px;
 
-                min-height:800px;
 
-                margin-right:0px;
 
-                padding-bottom:8px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                padding-top:8px;
 
-                position:relative;
 
-                padding-left:8px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail .body 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:flex-start;
 
-                padding-bottom:10px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail .body .type-title 
-        {
 
-                cursor:pointer;
 
-                padding-bottom:0px;
 
-                color:#000;
 
-                font-size:18PX;
 
-                text-decoration:none;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                background-repeat:no-repeat;
 
-                background-position-x:10px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line .ms-news-one-line-dot 
-        {
 
-                padding-bottom:0px;
 
-                padding-right:0px;
 
-                font-size:12PX;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line .ms-news-one-line-link 
-        {
 
-                cursor:pointer;
 
-                white-space:nowrap;
 
-                color:#000;
 
-                padding-right:0px;
 
-                text-decoration:none;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                overflow:hidden;
 
-                width:70%;
 
-                font-size:16PX;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                text-overflow:ellipsis;
 
-                padding-left:10px;
 
-                background-position-x:20px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line .ms-news-one-line-date 
-        {
 
-                color:#9C9C9C;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                margin-left:10px;
 
-                margin-right:10px;
 
-                padding-bottom:0px;
 
-                font-size:14px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                bottom:0px;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                left:0px;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                position:absolute;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:40px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-pre 
-        {
 
-                cursor:pointer;
 
-                padding-bottom:0px;
 
-                color:#000000;
 
-                padding-right:0px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-no 
-        {
 
-                cursor:pointer;
 
-                color:#000000;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                margin-left:0px;
 
-                padding-bottom:0px;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-no-sel 
-        {
 
-                color:#409EFF;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-dot 
-        {
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-next 
-        {
 
-                cursor:pointer;
 
-                padding-bottom:0px;
 
-                color:#000000;
 
-                padding-right:0px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-right-fixed-top 
-        {
 
-                margin:0 auto;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                position:relative;
 
-                margin-top:0px;
 
-                height:0px;
 
-        }
 
-        .ms-right-fixed-top >.content 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                margin-left:600px;
 
-                padding-bottom:0px;
 
-                top:400px;
 
-                flex-wrap:nowrap;
 
-                left:50%;
 
-                width:40px;
 
-                position:fixed;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                z-index:1;
 
-        }
 
-        .ms-right-fixed-top >.content i 
-        {
 
-                margin-left:0px;
 
-        }
 
-        .ms-right-fixed-top >.content span 
-        {
 
-                background-color:#909399;
 
-                color:#FFFFFF;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:5px;
 
-                margin-left:0px;
 
-                padding-bottom:5px;
 
-                width:50px;
 
-                font-size:14px;
 
-                padding-top:5px;
 
-                padding-left:5px;
 
-                height:40%;
 
-        }
 
-
 
-}</style>

+ 0 - 35
src/main/webapp/template/1/default.bak/search-bar.htm
View File 

@@ -1,35 +0,0 @@
 
-
 
-
 
-
 
-
 
-
 
-<div style="align-items:center;flex-direction:row;background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);display:flex;padding-right:0px;box-sizing:border-box;justify-content:center;border-top-left-radius:0px;border-bottom-left-radius:0px;width:100%;border-bottom-right-radius:0px;background-size:auto;border-top-right-radius:0px;background-position:top center;background-repeat:repeat;padding-left:0px;height:152px;">
 
-<div style="align-items:center;flex-direction:row;display:flex;padding-right:0px;width:1170px;box-sizing:border-box;padding-top:0px;justify-content:center;height:100%;">
 
-<img
 
-title=""
 
-alt=""
 
-src="{@ms:file global.logo/}"
 
-style="border-bottom-left-radius:0px;width:377px;border-bottom-right-radius:0px;border-top-right-radius:0px;height:74px;border-top-left-radius:0px;"/>
 
-<div style="align-items:flex-end;flex-direction:column;display:flex;padding-right:120px;box-sizing:border-box;justify-content:center;border-top-left-radius:0px;border-bottom-left-radius:0px;width:100%;border-bottom-right-radius:0px;border-top-right-radius:0px;padding-left:0px;height:100%;">
 
-<div style="align-items:center;flex-direction:row;display:flex;padding-right:0px;width:370px;box-sizing:border-box;justify-content:flex-end;height:30px;">
 
-<a href="#" style="cursor:pointer;font-size:13px;text-decoration:none;color:#666666;"
 
->
 
-政务邮箱
 
-</a>
 
-</div>
 
-<div style="align-items:flex-end;flex-direction:row;display:flex;padding-right:0px;box-sizing:border-box;justify-content:center;border-top-left-radius:0px;border-bottom-left-radius:0px;width:270px;border-bottom-right-radius:0px;border-top-right-radius:0px;padding-left:0px;height:21%;">
 
-<form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" style="margin:0;padding:0;width:100%">
 
-<div class="ms-search-input">
 
-<div class="ms-search-input-div">
 
-<!--输入框 - start -->
 
-<input class="ms-input" placeholder="输入搜索关键字"/>
 
-<!--输入框 -end -->
 
-</div>
 
-<div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();">
 
-<i class="iconfont icon-fangdajing"></i>
 
-<span>
 
-搜索
 
-</span>
 
-</div>
 
-</div>
 
-</form> </div> </div> </div> </div>

+ 0 - 718
src/main/webapp/template/1/default.bak/search.htm
View File 

@@ -1,718 +0,0 @@
 
-
 
-
 
-
 
-
 
-
 
-<html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
-        ms.base = "";
 
-    </script>
 
-    <style>
 
-        [v-cloak]{
 
-            display: none;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "header.htm"/>
 
-
 
-        <#include "search-bar.htm"/>
 
-
 
-<div class="ms-content">
 
-<div class="ms-search">
 
-<span >
 
-搜索结果
 
-</span>
 
-<span >
 
-${ms:search.content_title/}
 
-</span>
 
-</div>
 
-<div class="detail">
 
-<!--新闻列表(一行)-start-->
 
-<div class="ms-news-one-line">
 
-<i class="iconfont icon-fangkuai ms-news-one-line-dot" ></i>
 
-<a href="${global.url}${field.link}"
 
-class="ms-news-one-line-link">
 
-${field.title}
 
-</a>
 
-<span class="ms-news-one-line-date" >
 
-${field.date?string("yyyy-MM-dd")}
 
-</span>
 
-</div> <!--新闻列表(一行)-end-->
 
-<#assign pagerCount=3 />
 
-<#assign pageCount=page.total />
 
-<#assign currentPage=page.cur />
 
-<#assign halfPagerCount=(pagerCount-1)/2/>
 
-<#assign showPrevMore=false />
 
-<#assign showNextMore=false />
 
-<#assign arr=[] />
 
-<#--判断是否有翻页-->
 
-<#if pageCount gt pagerCount>
 
-<#if currentPage gt pagerCount - halfPagerCount>
 
-<#assign showPrevMore=true />
 
-</#if>
 
-<#if currentPage lt pageCount - halfPagerCount>
 
-<#assign showNextMore=true />
 
-</#if>
 
-</#if>
 
-<#--计算页码-->
 
-<#if showPrevMore&&!showNextMore>
 
-<#assign startPage=pageCount - (pagerCount - 2) />
 
-<#list startPage..pageCount-1 as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif !showPrevMore && showNextMore>
 
-<#list 2..pagerCount as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif showPrevMore && showNextMore>
 
-<#assign offset=(pagerCount / 2)?floor - 1 />
 
-<#list currentPage - offset..currentPage + offset as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#else>
 
-<#list 2..pageCount as x>
 
-<#if x lt pageCount>
 
-<#assign arr=arr+[x] />
 
-</#if>
 
-</#list>
 
-</#if>
 
-<div class="ms-page">
 
-<a href="{ms:global.url/}{ms:page.pre/}">
 
-<i class="iconfont icon-zuojiantou ms-page-pre"></i>
 
-</a>
 
-<#--第一页-->
 
-<#if pageCount gt 0>
 
-<a href="{ms:global.url/}{ms:page.index/}">
 
-<#if 1==currentPage>
 
-<span class="ms-page-no-sel">1</span>
 
-<#else>
 
-<span class="ms-page-no">1</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<#--翻页的省略号-->
 
-<#if showPrevMore>
 
-<span class="ms-page-dot">
 
-...
 
-</span>
 
-</#if>
 
-<#--中间的页码-->
 
-<#list arr as x>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${x}.html">
 
-<#if x==currentPage>
 
-<span class="ms-page-no-sel">${x}</span>
 
-<#else>
 
-<span class="ms-page-no">${x}</span>
 
-</#if>
 
-</a>
 
-</#list>
 
-<#-- 最后一页-->
 
-<#if pageCount gt 1>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${pageCount}.html">
 
-<#if pageCount==currentPage>
 
-<span class="ms-page-no-sel">${pageCount}</span>
 
-<#else>
 
-<span class="ms-page-no">${pageCount}</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<a href="{ms:global.url/}{ms:page.next/}">
 
-<i class="iconfont icon-youjiantou ms-page-next"></i>
 
-</a>
 
-<#--span>
 
-前往
 
-<input type="number" onchange="location.href='{ms:global.url/}${field.categoryPath}/'+((this.value<=1?'index':('list-'+(this.value>${pageCount}?${pageCount}:this.value)))+'.html')">
 
-页
 
-</span-->
 
-</div>
 
-</div> </div>        <!--返回顶部-start-->
 
-
 
-<div class="ms-right-fixed-top">
 
-<!--内容区域-start-->
 
-<div class="content">
 
-<i class="iconfont icon-shang" ></i>
 
-<span >
 
-回到顶部
 
-</span>
 
-</div> <!--内容区域-end-->
 
-</div>        <!--返回顶部-end-->
 
-
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
-var app = new Vue({
 
-    el: '#app',
 
-    watch:{
 
-    },
 
-    data: {
 
-    },
 
-    methods: {
 
-       switchShow:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display=e.style.display=='none'?'flex':'none'
 
-               }
 
-           })
 
-       },
 
-    },
 
-    created(){
 
-    }
 
-})
 
-</script>
 
-
 
-<style>
 
-    body {
 
-        background-color:#f5f5f5;
 
-        box-sizing:border-box;
 
-        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
 
-        moz-box-sizing:border-box;
 
-        webkit-box-sizing:border-box;
 
-    }
 
-
 
-    .ms-content 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .ms-content .ms-search 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .ms-content .ms-search span 
-    {
 
-            margin-right:10px;
 
-            padding-bottom:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            font-size:14px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .ms-content .detail 
-    {
 
-            background-color:#FFFFFF;
 
-            align-items:flex-start;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:20px;
 
-            box-sizing:border-box;
 
-            margin-left:0px;
 
-            min-height:800px;
 
-            margin-right:0px;
 
-            padding-bottom:20px;
 
-            flex-wrap:nowrap;
 
-            width:1170px;
 
-            margin-bottom:0px;
 
-            padding-top:20px;
 
-            position:relative;
 
-            padding-left:20px;
 
-            margin-top:0px;
 
-            height:300px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            background-position:20px center;
 
-            justify-content:flex-start;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:10px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:10px;
 
-            padding-left:20px;
 
-            background-repeat:no-repeat;
 
-            background-position-x:20px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line .ms-news-one-line-dot 
-    {
 
-            padding-bottom:0px;
 
-            padding-right:0px;
 
-            font-size:12PX;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line .ms-news-one-line-link 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            padding-right:0px;
 
-            text-decoration:none;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            font-size:16PX;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            background-position-x:20px;
 
-    }
 
-    .ms-content .detail .ms-news-one-line .ms-news-one-line-date 
-    {
 
-            margin-right:10px;
 
-            padding-bottom:0px;
 
-            color:#9C9C9C;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-left:10px;
 
-    }
 
-    .ms-content .detail .ms-page 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            bottom:0px;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            left:0px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            position:absolute;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-left 
-    {
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-no 
-    {
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-no-sel 
-    {
 
-            color:#409EFF;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-dot 
-    {
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-content .detail .ms-page .ms-page-right 
-    {
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-right-fixed-top 
-    {
 
-            margin:0 auto;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:1200px;
 
-            margin-bottom:0px;
 
-            position:relative;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:0px;
 
-    }
 
-    .ms-right-fixed-top >.content 
-    {
 
-            align-items:center;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-left:600px;
 
-            padding-bottom:0px;
 
-            top:400px;
 
-            flex-wrap:nowrap;
 
-            left:50%;
 
-            width:40px;
 
-            position:fixed;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            z-index:1;
 
-    }
 
-    .ms-right-fixed-top >.content i 
-    {
 
-            padding-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            padding-right:0px;
 
-            margin-left:0px;
 
-    }
 
-    .ms-right-fixed-top >.content span 
-    {
 
-            background-color:#909399;
 
-            color:#FFFFFF;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:5px;
 
-            margin-left:0px;
 
-            padding-bottom:5px;
 
-            width:50px;
 
-            font-size:14px;
 
-            padding-top:5px;
 
-            padding-left:5px;
 
-            height:40%;
 
-    }
 
-@media (max-width: 768px){
 
-        .ms-content 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .ms-content .ms-search 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:flex-start;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:40px;
 
-        }
 
-        .ms-content .ms-search span 
-        {
 
-                margin-right:10px;
 
-                padding-bottom:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                font-size:14px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-content .detail 
-        {
 
-                background-color:#FFFFFF;
 
-                align-items:flex-start;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:10px;
 
-                box-sizing:border-box;
 
-                margin-left:0px;
 
-                min-height:800px;
 
-                margin-right:0px;
 
-                padding-bottom:10px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:10px;
 
-                padding-top:10px;
 
-                position:relative;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-                height:300px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                background-position:20px center;
 
-                justify-content:flex-start;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:10px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:10px;
 
-                padding-left:0px;
 
-                background-repeat:no-repeat;
 
-                background-position-x:20px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line .ms-news-one-line-dot 
-        {
 
-                padding-bottom:0px;
 
-                padding-right:0px;
 
-                font-size:12PX;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line .ms-news-one-line-link 
-        {
 
-                cursor:pointer;
 
-                white-space:nowrap;
 
-                color:#000;
 
-                padding-right:0px;
 
-                text-decoration:none;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                overflow:hidden;
 
-                width:70%;
 
-                font-size:16PX;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                text-overflow:ellipsis;
 
-                padding-left:0px;
 
-                background-position-x:20px;
 
-        }
 
-        .ms-content .detail .ms-news-one-line .ms-news-one-line-date 
-        {
 
-                margin-right:10px;
 
-                padding-bottom:0px;
 
-                color:#9C9C9C;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:14px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-left:10px;
 
-        }
 
-        .ms-content .detail .ms-page 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                bottom:0px;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                left:0px;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                position:absolute;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:40px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-left 
-        {
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-no 
-        {
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-no-sel 
-        {
 
-                color:#409EFF;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-dot 
-        {
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-content .detail .ms-page .ms-page-right 
-        {
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .ms-right-fixed-top 
-        {
 
-                margin:0 auto;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                position:relative;
 
-                margin-top:0px;
 
-                height:0px;
 
-        }
 
-        .ms-right-fixed-top >.content 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                margin-left:600px;
 
-                padding-bottom:0px;
 
-                top:400px;
 
-                flex-wrap:nowrap;
 
-                left:50%;
 
-                width:40px;
 
-                position:fixed;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                z-index:1;
 
-        }
 
-        .ms-right-fixed-top >.content i 
-        {
 
-                margin-left:0px;
 
-        }
 
-        .ms-right-fixed-top >.content span 
-        {
 
-                background-color:#909399;
 
-                color:#FFFFFF;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:5px;
 
-                margin-left:0px;
 
-                padding-bottom:5px;
 
-                width:50px;
 
-                font-size:14px;
 
-                padding-top:5px;
 
-                padding-left:5px;
 
-                height:40%;
 
-        }
 
-
 
-}</style>

+ 101 - 153
src/main/webapp/template/1/default/about.htm
View File 

@@ -1,88 +1,74 @@
 
-
 
-
 
-
 
-
 
-
 
 <html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
+ <head> 
+  <meta charset="utf-8"> 
+  <title>{ms:global.name/}</title> 
+  <meta http-equiv="content-type" content="text/html"> 
+  <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> 
+  <meta name="format-detection" content="telephone=no"> 
+  <meta name="app-mobile-web-app-capable" content="yes"> 
+  <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> 
+  <meta name="keywords" content="{ms:global.keyword/}"> 
+  <meta name="description" content="{ms:global.descrip/}"> 
+  <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> 
+  <script>
 
         ms.base = "";
 
-    </script>
 
-    <style>
 
+    </script> 
+  <style>
 
         [v-cloak]{
 
             display: none;
 
         }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "nav.htm"/>
 
-
 
-<div class="news">
 
-<div class="body">
 
-<div class="left">
 
-<span class="title" >
 
-分类名称
 
-</span>
 
-<span class="sub-title-sel" >
 
-分类名称
 
-</span>
 
-<span class="sub-title" >
 
-分类名称
 
-</span>
 
-</div>
 
-<div class="right">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<span class="big-title" >
 
-${field.title}
 
-</span>
 
-<div class="news-body">
 
-</div> </div> </div> </div>
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
+    </style> 
+ </head> 
+ <body> 
+  <div id="app" v-cloak> 
+   <#include "nav.htm" /> 
+   <div class="news"> 
+    <div class="body"> 
+     <div class="left">
 
+      {ms:channel type='parent'}
 
+      <span class="title"> ${field.typetitle} </span>
 
+      {/ms:channel}
 
+      <#assign typetitle=field.typetitle>
 
+      <#if field.leaf>
 
+      {ms:channel type='level'}
 
+      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+      {/ms:channel}
 
+      <#else>
 
+      {ms:channel type='son'}
 
+      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+      {/ms:channel}
 
+      </#if>
 
+     </div>
 
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置： </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a> {ms:channel type="path"} 
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> ${field.typetitle} </a> {/ms:channel} 
+      </div> 
+      <span class="big-title"> </span>
 
+      <div class="news-body"> 
+       <span> ${field.content} </span> 
+      </div> 
+     </div> 
+    </div> 
+   </div> 
+   <#include "footer.htm" /> 
+  </div>   
+  <script>
 
 var app = new Vue({
 
     el: '#app',
 
     watch:{
 
@@ -103,9 +89,8 @@ var app = new Vue({
 
     created(){
 
     }
 
 })
 
-</script>
 
-
 
-<style>
 
+</script> 
+  <style>
 
     body {
 
         background-color:#fff;
 
         box-sizing:border-box;
 
@@ -153,6 +138,7 @@ var app = new Vue({
 
             box-sizing:border-box;
 
             padding-top:0px;
 
             padding-left:0px;
 
+            margin-top:0px;
 
             height:100%;
 
     }
 
     .news .body .left .title 
@@ -167,6 +153,7 @@ var app = new Vue({
 
             padding-top:10px;
 
             border-bottom-width:1px;
 
             padding-left:10px;
 
+            margin-top:0px;
 
             height:40px;
 
     }
 
     .news .body .left .sub-title-sel 
@@ -196,14 +183,14 @@ var app = new Vue({
 
     }
 
     .news .body .right 
     {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
             flex-direction:column;
 
             display:flex;
 
             padding-right:0px;
 
-            box-sizing:border-box;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
             width:1000px;
 
             margin-bottom:0px;
 
+            box-sizing:border-box;
 
             padding-top:0px;
 
             padding-left:20px;
 
             margin-top:0px;
 
@@ -219,17 +206,18 @@ var app = new Vue({
 
             width:100%;
 
             margin-bottom:10px;
 
             box-sizing:border-box;
 
+            padding-left:0px;
 
             margin-top:10px;
 
             height:30px;
 
             margin-left:auto;
 
     }
 
     .news .body .right .ms-channel-path span 
     {
 
-            font-size:16PX;
 
             color:#909399;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
+            font-size:16PX;
 
     }
 
     .news .body .right .ms-channel-path .ms-channel-path-index 
     {
 
@@ -254,26 +242,37 @@ var app = new Vue({
 
     }
 
     .news .body .right .big-title 
     {
 
-            font-size:22PX;
 
-            padding-left:0px;
 
+            text-align:center;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
+            font-size:22PX;
 
+            margin-bottom:20px;
 
+            padding-left:0px;
 
+            margin-top:10px;
 
     }
 
     .news .body .right .news-body 
     {
 
-            flex-direction:row;
 
+            flex-direction:column;
 
             display:flex;
 
             box-sizing:border-box;
 
             margin-left:0px;
 
             margin-right:0px;
 
+            min-height:500px;
 
             padding-bottom:0px;
 
             flex-wrap:nowrap;
 
             width:100%;
 
             margin-bottom:0px;
 
             padding-top:0px;
 
+            padding-left:0px;
 
             margin-top:0px;
 
-            height:300px;
 
+    }
 
+    .news .body .right .news-body span 
+    {
 
+            flex-direction:row;
 
+            word-wrap:break-word;
 
+            display:inline-block;
 
+            font-size:14px;
 
     }
 
 @media (max-width: 768px){
 
         .news 
@@ -299,64 +298,11 @@ var app = new Vue({
 
                 flex-direction:column;
 
                 display:flex;
 
                 padding-right:0px;
 
-                width:100%;
 
+                width:90%;
 
                 box-sizing:border-box;
 
                 padding-top:20px;
 
                 padding-left:0px;
 
         }
 
-        .news .body .left 
-        {
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                height:100%;
 
-        }
 
-        .news .body .left .title 
-        {
 
-                border-bottom-color:#C0C4CC;
 
-                color:#C0C4CC;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-                border-bottom-style:dashed;
 
-                padding-top:10px;
 
-                border-bottom-width:1px;
 
-                padding-left:10px;
 
-                height:40px;
 
-        }
 
-        .news .body .left .sub-title-sel 
-        {
 
-                background-color:#F2F6FC;
 
-                color:#409EFF;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-top:2px;
 
-                height:40px;
 
-        }
 
-        .news .body .left .sub-title 
-        {
 
-                color:#5F5F5F;
 
-                text-align:left;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-                height:40px;
 
-        }
 
         .news .body .right 
         {
 
                 padding-bottom:0px;
 
@@ -389,10 +335,10 @@ var app = new Vue({
 
         }
 
         .news .body .right .ms-channel-path span 
         {
 
-                font-size:14PX;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
+                font-size:14PX;
 
         }
 
         .news .body .right .ms-channel-path .ms-channel-path-index 
         {
 
@@ -414,26 +360,28 @@ var app = new Vue({
 
         }
 
         .news .body .right .big-title 
         {
 
-                font-size:22PX;
 
-                padding-left:0px;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
+                font-size:22PX;
 
+                padding-left:0px;
 
         }
 
         .news .body .right .news-body 
         {
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                margin-left:0px;
 
                 margin-right:0px;
 
                 padding-bottom:0px;
 
                 flex-wrap:nowrap;
 
+                flex-direction:column;
 
+                display:flex;
 
                 width:100%;
 
+                box-sizing:border-box;
 
                 margin-bottom:0px;
 
                 padding-top:0px;
 
                 margin-top:0px;
 
                 height:300px;
 
+                margin-left:0px;
 
         }
 
 
-}</style>
 
+}</style>
 
+ </body>
 
+</html>

+ 776 - 758
src/main/webapp/template/1/default/css/app.css
View File 

@@ -1,761 +1,779 @@
 
+.ms-nav {
 
+    border-bottom-color: #EBEEF5;
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: flex;
 
+    width: 100%;
 
+    box-sizing: border-box;
 
+    border-bottom-style: solid;
 
+    padding-top: 0px;
 
+    border-bottom-width: 1px;
 
+    justify-content: center;
 
+    height: 80px;
 
+    margin-left: 0px;
 
+}
 
 
-    .ms-nav 
-    {
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            border-bottom-color:#EBEEF5;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            border-bottom-style:solid;
 
-            padding-top:0px;
 
-            border-bottom-width:1px;
 
-            height:80px;
 
-    }
 
-    .ms-nav .body 
-    {
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:1200px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            height:100%;
 
-    }
 
-    .ms-nav .body .logo 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:20%;
 
-            box-sizing:border-box;
 
-            padding-left:0px;
 
-            justify-content:flex-start;
 
-            height:100%;
 
-    }
 
-    .ms-nav .body .logo .logo-pic 
-    {
 
-            width:50px;
 
-            height:50px;
 
-    }
 
-    .ms-nav .body .logo .logo-desc 
-    {
 
-            width:unset;
 
-            padding-left:0px;
 
-            padding-right:0px;
 
-            height:unset;
 
-    }
 
-    .ms-nav .body .nav-h5 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:none;
 
-            box-sizing:border-box;
 
-            right:0px;
 
-            justify-content:center;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100px;
 
-            padding-top:0px;
 
-            position:relative;
 
-            height:100%;
 
-    }
 
-    .ms-nav .body .nav-h5:hover
 
-    {
 
-                    background-color:#EEEEEE;
 
-    }
 
-    .ms-nav .body .nav-h5 .nav-h5-icon 
-    {
 
-            font-size:28PX;
 
-    }
 
-    .ms-nav .body .nav-h5 .nav-h5-body 
-    {
 
-            align-items:flex-start;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            padding-bottom:10px;
 
-            top:80px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            padding-top:10px;
 
-            position:absolute;
 
-            height:100px;
 
-    }
 
-    .ms-nav .body .nav-h5 .nav-h5-body .nav-h5-item 
-    {
 
-            cursor:pointer;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            font-size:18PX;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .ms-nav .body .nav-item 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:40px;
 
-            width:50%;
 
-            box-sizing:border-box;
 
-            padding-left:40px;
 
-            justify-content:space-between;
 
-            height:100%;
 
-    }
 
-    .ms-nav .body .nav-item .item 
-    {
 
-            cursor:pointer;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            font-size:18PX;
 
-            padding-left:0px;
 
-    }
 
-    .ms-nav .body .nav-search 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:40%;
 
-            box-sizing:border-box;
 
-            padding-left:0px;
 
-            justify-content:flex-end;
 
-            height:100%;
 
-            margin-left:0px;
 
-    }
 
-    .ms-nav .body .nav-search .ms-search-input 
-    {
 
-            border-color:#409EFF;
 
-            align-items:flex-end;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0px;
 
-            border-width:1px;
 
-            border-style:solid;
 
-            padding-left:0px;
 
-            height:32px;
 
-    }
 
-    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            border-top-left-radius:0px;
 
-            border-bottom-left-radius:0px;
 
-            width:100%;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            padding-left:0px;
 
-            height:100%;
 
-    }
 
-    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input 
-    {
 
-            border:0px;
 
-            background-color:#FFFFFF;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:4px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            border-top-left-radius:2px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            border-bottom-left-radius:2px;
 
-            width:90%;
 
-            border-bottom-right-radius:2px;
 
-            border-top-right-radius:2px;
 
-            padding-top:0px;
 
-            padding-left:4px;
 
-            height:30px;
 
-    }
 
-    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input span 
-    {
 
-            color:#DCDFE6;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            border-top-left-radius:0px;
 
-            padding-bottom:0px;
 
-            border-bottom-left-radius:0px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            font-size:14PX;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-    }
 
-    .ms-nav .body .nav-search .ms-search-input .ms-search-button 
-    {
 
-            cursor:pointer;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            border-top-left-radius:0px;
 
-            border-bottom-left-radius:0px;
 
-            width:80px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            background-repeat:no-repeat;
 
-            padding-left:0px;
 
-            height:100%;
 
-    }
 
-    .ms-nav .body .nav-search .ms-search-input .ms-search-button:hover
 
-    {
 
-                    background-color:#E6E6E6;
 
-    }
 
-    .ms-nav .body .nav-search .ms-search-input .ms-search-button i 
-    {
 
-            color:#409EFF;
 
-            border-bottom-left-radius:0px;
 
-            padding-right:0px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            padding-left:0px;
 
-            border-top-left-radius:0px;
 
-    }
 
-    .ms-nav .body .nav-search .ms-search-input .ms-search-button span 
-    {
 
-            color:#409EFF;
 
-            border-bottom-left-radius:0px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            border-bottom-right-radius:0px;
 
-            border-top-right-radius:0px;
 
-            font-size:14px;
 
-            padding-left:0px;
 
-            border-top-left-radius:0px;
 
-    }
 
-    .ms-footer 
-    {
 
-            background-color:#F2F2F2;
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-    }
 
-    .ms-footer .body 
-    {
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:1200px;
 
-            margin-bottom:20px;
 
-            box-sizing:border-box;
 
-            padding-left:0px;
 
-            justify-content:flex-start;
 
-            margin-top:20px;
 
-            height:100%;
 
-    }
 
-    .ms-footer .body .top 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:60%;
 
-    }
 
-    .ms-footer .body .top .top-left 
-    {
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:60%;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:120px;
 
-    }
 
-    .ms-footer .body .top .top-left .foot-nav 
-    {
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            width:148px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            height:100%;
 
-    }
 
-    .ms-footer .body .top .top-left .foot-nav .nav-item 
-    {
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:18PX;
 
-            padding-top:6px;
 
-            height:32px;
 
-    }
 
-    .ms-footer .body .top .top-left .foot-nav .item 
-    {
 
-            color:#767676;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            padding-top:6px;
 
-            height:32px;
 
-    }
 
-    .ms-footer .body .top .top-right 
-    {
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:40%;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            height:100%;
 
-    }
 
-    .ms-footer .body .top .top-right .qr 
-    {
 
-            align-items:center;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            width:50%;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            height:100%;
 
-    }
 
-    .ms-footer .body .top .top-right .qr .pic 
-    {
 
-            width:120px;
 
-            height:120px;
 
-    }
 
-    .ms-footer .body .top .top-right .qr .text 
-    {
 
-            font-size:14px;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-    }
 
-    .ms-footer .body .copyright 
-    {
 
-            text-align:left;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14px;
 
-            padding-top:6px;
 
-            height:32px;
 
-    }
 
-    .ms-footer .body .power 
-    {
 
-            color:#5B5B5B;
 
-            text-align:left;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:14px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-    }
 
-@media (max-width: 768px){
 
-        .ms-nav 
-        {
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0px;
 
-                border-bottom-color:#EBEEF5;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                border-bottom-style:solid;
 
-                padding-top:0px;
 
-                border-bottom-width:1px;
 
-                height:80px;
 
-        }
 
-        .ms-nav .body 
-        {
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                height:100%;
 
-        }
 
-        .ms-nav .body .logo 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:60%;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                justify-content:center;
 
-                height:100%;
 
-        }
 
-        .ms-nav .body .logo .logo-pic 
-        {
 
-                width:50px;
 
-                height:50px;
 
-        }
 
-        .ms-nav .body .logo .logo-desc 
-        {
 
-                width:unset;
 
-                height:unset;
 
-        }
 
-        .ms-nav .body .nav-h5 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                height:100%;
 
-        }
 
-        .ms-nav .body .nav-h5 .nav-h5-icon 
-        {
 
-                font-size:28PX;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-nav .body .nav-h5 .nav-h5-body 
-        {
 
-                background-color:#F2F6FC;
 
-                flex-direction:column;
 
-                display:none;
 
-                box-sizing:border-box;
 
-                right:0px;
 
-                justify-content:flex-start;
 
-                padding-bottom:0px;
 
-                top:80px;
 
-                flex-wrap:nowrap;
 
-                width:140px;
 
-                padding-top:10px;
 
-                position:absolute;
 
-                padding-left:10px;
 
-                height:100vh;
 
-        }
 
-        .ms-nav .body .nav-h5 .nav-h5-body .nav-h5-item 
-        {
 
-                cursor:pointer;
 
-                color:#303133;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                font-size:18PX;
 
-                padding-top:8px;
 
-                padding-left:0px;
 
-                height:40px;
 
-        }
 
-        .ms-nav .body .nav-item 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:none;
 
-                padding-right:40px;
 
-                width:50%;
 
-                box-sizing:border-box;
 
-                padding-left:40px;
 
-                justify-content:space-between;
 
-                height:100%;
 
-        }
 
-        .ms-nav .body .nav-item .item 
-        {
 
-                cursor:pointer;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                font-size:18PX;
 
-                padding-left:0px;
 
-        }
 
-        .ms-nav .body .nav-search 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:none;
 
-                padding-right:0px;
 
-                width:40%;
 
-                box-sizing:border-box;
 
-                padding-left:0px;
 
-                justify-content:center;
 
-                height:100%;
 
-                margin-left:0px;
 
-        }
 
-        .ms-nav .body .nav-search .ms-search-input 
-        {
 
-                border-color:#CCCCCC;
 
-                align-items:flex-end;
 
-                flex-direction:row;
 
-                border-width:1px;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                border-style:solid;
 
-                justify-content:center;
 
-                height:40%;
 
-        }
 
-        .ms-nav .body .nav-search .ms-search-input .ms-search-input-div 
-        {
 
-                flex-direction:row;
 
-                border-right-width:1px;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                border-right-color:#CCCCCC;
 
-                border-right-style:solid;
 
-                height:100%;
 
-        }
 
-        .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input 
-        {
 
-                border:0px;
 
-                background-color:#FFFFFF;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:4px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                border-top-left-radius:2px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                border-bottom-left-radius:2px;
 
-                width:90%;
 
-                border-bottom-right-radius:2px;
 
-                border-top-right-radius:2px;
 
-                padding-top:0px;
 
-                padding-left:4px;
 
-                height:30px;
 
-        }
 
-        .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input span 
-        {
 
-                color:#DCDFE6;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                border-top-left-radius:0px;
 
-                padding-bottom:0px;
 
-                border-bottom-left-radius:0px;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                font-size:14PX;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-nav .body .nav-search .ms-search-input .ms-search-button 
-        {
 
-                flex-direction:row;
 
-                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601265263422.png);
 
-                display:flex;
 
-                width:40px;
 
-                box-sizing:border-box;
 
-                background-position:center;
 
-                background-repeat:no-repeat;
 
-                height:100%;
 
-        }
 
-        .ms-nav .body .nav-search .ms-search-input .ms-search-button i 
-        {
 
-                border-bottom-left-radius:0px;
 
-                padding-right:0px;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                padding-left:0px;
 
-                border-top-left-radius:0px;
 
-        }
 
-        .ms-nav .body .nav-search .ms-search-input .ms-search-button span 
-        {
 
-                border-bottom-left-radius:0px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                border-bottom-right-radius:0px;
 
-                border-top-right-radius:0px;
 
-                font-size:14px;
 
-                padding-left:0px;
 
-                border-top-left-radius:0px;
 
-        }
 
-        .ms-footer 
-        {
 
-                background-color:#F2F2F2;
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:unset;
 
-        }
 
-        .ms-footer .body 
-        {
 
-                padding-bottom:10px;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:10px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-footer .body .top 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-        }
 
-        .ms-footer .body .top .top-left 
-        {
 
-                align-items:center;
 
-                flex-wrap:wrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:60px;
 
-                justify-content:flex-end;
 
-        }
 
-        .ms-footer .body .top .top-left .foot-nav 
-        {
 
-                width:50%;
 
-                box-sizing:border-box;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-        }
 
-        .ms-footer .body .top .top-left .foot-nav .nav-item 
-        {
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:18PX;
 
-                padding-top:6px;
 
-                height:32px;
 
-        }
 
-        .ms-footer .body .top .top-left .foot-nav .item 
-        {
 
-                color:#767676;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-                padding-top:6px;
 
-                height:32px;
 
-        }
 
-        .ms-footer .body .top .top-right 
-        {
 
-                flex-wrap:nowrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-        }
 
-        .ms-footer .body .top .top-right .qr 
-        {
 
-                align-items:center;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                width:50%;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                height:100%;
 
-        }
 
-        .ms-footer .body .top .top-right .qr .pic 
-        {
 
-                width:120px;
 
-                height:120px;
 
-        }
 
-        .ms-footer .body .top .top-right .qr .text 
-        {
 
-                font-size:14px;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-        }
 
-        .ms-footer .body .copyright 
-        {
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:14px;
 
-                padding-top:6px;
 
-                height:unset;
 
-        }
 
-        .ms-footer .body .power 
-        {
 
-                color:#5B5B5B;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:14px;
 
-                padding-top:0px;
 
-        }
 
+.ms-nav .body {
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: flex;
 
+    width: 1200px;
 
+    box-sizing: border-box;
 
+    justify-content: space-between;
 
+    height: 100%;
 
+}
 
 
+.ms-nav .body .logo {
 
+    align-items: center;
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: flex;
 
+    padding-right: 0px;
 
+    width: 20%;
 
+    box-sizing: border-box;
 
+    padding-left: 0px;
 
+    justify-content: flex-start;
 
+    height: 100%;
 
+}
 
+
 
+.ms-nav .body .logo .logo-pic {
 
+    width: 50px;
 
+    height: 50px;
 
+}
 
+
 
+.ms-nav .body .logo .logo-desc {
 
+    padding-right: 0px;
 
+    width: unset;
 
+    padding-left: 0px;
 
+    height: unset;
 
+}
 
+
 
+.ms-nav .body .nav-h5 {
 
+    padding-bottom: 0px;
 
+    align-items: center;
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: none;
 
+    width: 100px;
 
+    box-sizing: border-box;
 
+    padding-top: 0px;
 
+    position: relative;
 
+    right: 0px;
 
+    justify-content: center;
 
+    height: 100%;
 
+}
 
+
 
+.ms-nav .body .nav-h5:hover {
 
+    background-color: #EEEEEE;
 
+}
 
+
 
+.ms-nav .body .nav-h5 .nav-h5-icon {
 
+    font-size: 28PX;
 
+}
 
+
 
+.ms-nav .body .nav-h5 .nav-h5-body {
 
+    padding-bottom: 10px;
 
+    align-items: flex-start;
 
+    top: 80px;
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: flex;
 
+    width: 100%;
 
+    box-sizing: border-box;
 
+    padding-top: 10px;
 
+    position: absolute;
 
+    justify-content: center;
 
+    height: 100px;
 
+}
 
+
 
+.ms-nav .body .nav-h5 .nav-h5-body .nav-h5-item {
 
+    cursor: pointer;
 
+    flex-direction: row;
 
+    word-wrap: break-word;
 
+    display: inline-block;
 
+    padding-right: 0px;
 
+    font-size: 18PX;
 
+    padding-top: 0px;
 
+    padding-left: 0px;
 
+}
 
+
 
+.ms-nav .body .nav-item {
 
+    margin-right: 0px;
 
+    align-items: center;
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: flex;
 
+    padding-right: 40px;
 
+    width: 50%;
 
+    box-sizing: border-box;
 
+    padding-left: 40px;
 
+    justify-content: space-between;
 
+    height: 100%;
 
+}
 
+
 
+.ms-nav .body .nav-item .item {
 
+    cursor: pointer;
 
+    margin-right: 20px;
 
+    flex-direction: row;
 
+    word-wrap: break-word;
 
+    display: inline-block;
 
+    padding-right: 0px;
 
+    font-size: 18PX;
 
+    padding-left: 0px;
 
+}
 
+
 
+.ms-nav .body .nav-item .sel{
 
+    color: #409EFF;
 
+}
 
+
 
+.ms-nav .body .nav-search {
 
+    align-items: center;
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: flex;
 
+    padding-right: 0px;
 
+    width: 40%;
 
+    box-sizing: border-box;
 
+    padding-left: 0px;
 
+    justify-content: flex-end;
 
+    height: 100%;
 
+    margin-left: 0px;
 
+}
 
+
 
+.ms-nav .body .nav-search .ms-search-input {
 
+    border-color: #409EFF;
 
+    align-items: flex-end;
 
+    flex-direction: row;
 
+    border-width: 1px;
 
+    display: flex;
 
+    padding-right: 0px;
 
+    box-sizing: border-box;
 
+    border-style: solid;
 
+    padding-left: 0px;
 
+    justify-content: center;
 
+    height: 32px;
 
+    margin-left: 0px;
 
+}
 
+
 
+.ms-nav .body .nav-search .ms-search-input .ms-search-input-div {
 
+    align-items: center;
 
+    flex-direction: row;
 
+    display: flex;
 
+    padding-right: 0px;
 
+    box-sizing: border-box;
 
+    justify-content: flex-start;
 
+    border-top-left-radius: 0px;
 
+    border-bottom-left-radius: 0px;
 
+    width: 100%;
 
+    border-bottom-right-radius: 0px;
 
+    border-top-right-radius: 0px;
 
+    padding-left: 0px;
 
+    height: 100%;
 
+}
 
+
 
+.ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input {
 
+    border: 0px;
 
+    background-color: #FFFFFF;
 
+    align-items: center;
 
+    flex-direction: row;
 
+    display: flex;
 
+    padding-right: 4px;
 
+    box-sizing: border-box;
 
+    justify-content: space-between;
 
+    border-top-left-radius: 2px;
 
+    padding-bottom: 0px;
 
+    flex-wrap: nowrap;
 
+    border-bottom-left-radius: 2px;
 
+    width: 90%;
 
+    border-bottom-right-radius: 2px;
 
+    border-top-right-radius: 2px;
 
+    padding-top: 0px;
 
+    padding-left: 4px;
 
+    height: 30px;
 
+}
 
+
 
+.ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input span {
 
+    color: #DCDFE6;
 
+    flex-direction: row;
 
+    word-wrap: break-word;
 
+    display: inline-block;
 
+    padding-right: 0px;
 
+    border-top-left-radius: 0px;
 
+    padding-bottom: 0px;
 
+    border-bottom-left-radius: 0px;
 
+    border-bottom-right-radius: 0px;
 
+    border-top-right-radius: 0px;
 
+    font-size: 14PX;
 
+    padding-top: 0px;
 
+    padding-left: 0px;
 
+}
 
+
 
+.ms-nav .body .nav-search .ms-search-input .ms-search-button {
 
+    cursor: pointer;
 
+    align-items: center;
 
+    flex-direction: row;
 
+    display: flex;
 
+    padding-right: 0px;
 
+    box-sizing: border-box;
 
+    justify-content: center;
 
+    border-top-left-radius: 0px;
 
+    border-bottom-left-radius: 0px;
 
+    width: 80px;
 
+    border-bottom-right-radius: 0px;
 
+    border-top-right-radius: 0px;
 
+    background-repeat: no-repeat;
 
+    padding-left: 0px;
 
+    height: 100%;
 
+}
 
+
 
+.ms-nav .body .nav-search .ms-search-input .ms-search-button:hover {
 
+    background-color: #E6E6E6;
 
+}
 
+
 
+.ms-nav .body .nav-search .ms-search-input .ms-search-button i {
 
+    color: #409EFF;
 
+    border-bottom-left-radius: 0px;
 
+    padding-right: 0px;
 
+    border-bottom-right-radius: 0px;
 
+    border-top-right-radius: 0px;
 
+    padding-left: 0px;
 
+    border-top-left-radius: 0px;
 
+}
 
+
 
+.ms-nav .body .nav-search .ms-search-input .ms-search-button span {
 
+    color: #409EFF;
 
+    border-bottom-left-radius: 0px;
 
+    flex-direction: row;
 
+    word-wrap: break-word;
 
+    display: inline-block;
 
+    padding-right: 0px;
 
+    border-bottom-right-radius: 0px;
 
+    border-top-right-radius: 0px;
 
+    font-size: 14px;
 
+    padding-left: 0px;
 
+    border-top-left-radius: 0px;
 
+}
 
+
 
+.ms-footer {
 
+    background-color: #F2F2F2;
 
+    align-items: center;
 
+    flex-direction: row;
 
+    display: flex;
 
+    padding-right: 0px;
 
+    box-sizing: border-box;
 
+    justify-content: center;
 
+    padding-bottom: 0px;
 
+    flex-wrap: nowrap;
 
+    width: 100%;
 
+    margin-bottom: 0px;
 
+    padding-top: 0px;
 
+    padding-left: 0px;
 
+    margin-top: 0px;
 
+}
 
+
 
+.ms-footer .body {
 
+    flex-wrap: nowrap;
 
+    flex-direction: column;
 
+    display: flex;
 
+    padding-right: 0px;
 
+    width: 1200px;
 
+    margin-bottom: 20px;
 
+    box-sizing: border-box;
 
+    padding-left: 0px;
 
+    justify-content: flex-start;
 
+    margin-top: 20px;
 
+    height: 100%;
 
+}
 
+
 
+.ms-footer .body .top {
 
+    align-items: center;
 
+    flex-direction: row;
 
+    display: flex;
 
+    padding-right: 0px;
 
+    box-sizing: border-box;
 
+    justify-content: space-between;
 
+    padding-bottom: 0px;
 
+    flex-wrap: nowrap;
 
+    width: 100%;
 
+    margin-bottom: 40px;
 
+    padding-top: 0px;
 
+    padding-left: 0px;
 
+    margin-top: 0px;
 
+    height: 60%;
 
+}
 
+
 
+.ms-footer .body .top .top-left {
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: flex;
 
+    width: 60%;
 
+    box-sizing: border-box;
 
+    padding-top: 0px;
 
+    padding-left: 0px;
 
+    height: 120px;
 
+}
 
+
 
+.ms-footer .body .top .top-left .foot-nav {
 
+    flex-wrap: nowrap;
 
+    flex-direction: column;
 
+    display: flex;
 
+    width: 148px;
 
+    box-sizing: border-box;
 
+    padding-top: 0px;
 
+    height: 100%;
 
+}
 
+
 
+.ms-footer .body .top .top-left .foot-nav .nav-item {
 
+    flex-direction: row;
 
+    word-wrap: break-word;
 
+    display: inline-block;
 
+    font-size: 18PX;
 
+    padding-top: 6px;
 
+    height: 32px;
 
+}
 
+
 
+.ms-footer .body .top .top-left .foot-nav div {
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: flex;
 
+    width: 100%;
 
+    box-sizing: border-box;
 
+    padding-top: 0px;
 
+    height: 30px;
 
+}
 
+
 
+.ms-footer .body .top .top-left .foot-nav div .item {
 
+    color: #767676;
 
+    flex-direction: row;
 
+    word-wrap: break-word;
 
+    display: inline-block;
 
+    font-size: 16PX;
 
+    padding-top: 6px;
 
+    height: 32px;
 
+}
 
+
 
+.ms-footer .body .top .top-right {
 
+    flex-wrap: nowrap;
 
+    flex-direction: row;
 
+    display: flex;
 
+    width: 40%;
 
+    box-sizing: border-box;
 
+    padding-top: 0px;
 
+    padding-left: 0px;
 
+    height: 100%;
 
+}
 
+
 
+.ms-footer .body .top .top-right .qr {
 
+    align-items: center;
 
+    flex-wrap: nowrap;
 
+    flex-direction: column;
 
+    display: flex;
 
+    width: 50%;
 
+    box-sizing: border-box;
 
+    justify-content: center;
 
+    height: 100%;
 
+}
 
+
 
+.ms-footer .body .top .top-right .qr .pic {
 
+    width: 120px;
 
+    height: 120px;
 
+}
 
+
 
+.ms-footer .body .top .top-right .qr .text {
 
+    flex-direction: row;
 
+    word-wrap: break-word;
 
+    display: inline-block;
 
+    font-size: 14px;
 
+}
 
+
 
+.ms-footer .body .copyright {
 
+    text-align: left;
 
+    flex-direction: row;
 
+    word-wrap: break-word;
 
+    display: inline-block;
 
+    font-size: 14px;
 
+    padding-top: 6px;
 
+    height: 32px;
 
+}
 
+
 
+.ms-footer .body .power {
 
+    color: #5B5B5B;
 
+    text-align: left;
 
+    flex-direction: row;
 
+    word-wrap: break-word;
 
+    display: inline-block;
 
+    font-size: 14px;
 
+    margin-bottom: 0px;
 
+    padding-top: 0px;
 
+    margin-top: 0px;
 
+}
 
+
 
+@media (max-width: 768px) {
 
+    .ms-nav {
 
+        border-bottom-color: #EBEEF5;
 
+        flex-wrap: nowrap;
 
+        flex-direction: row;
 
+        display: flex;
 
+        width: 100%;
 
+        box-sizing: border-box;
 
+        border-bottom-style: solid;
 
+        padding-top: 0px;
 
+        border-bottom-width: 1px;
 
+        justify-content: center;
 
+        height: 80px;
 
+        margin-left: 0px;
 
+    }
 
+
 
+    .ms-nav .body {
 
+        flex-wrap: nowrap;
 
+        flex-direction: row;
 
+        display: flex;
 
+        width: 100%;
 
+        box-sizing: border-box;
 
+        justify-content: space-between;
 
+        height: 100%;
 
+    }
 
+
 
+    .ms-nav .body .logo {
 
+        align-items: center;
 
+        flex-wrap: nowrap;
 
+        flex-direction: row;
 
+        display: flex;
 
+        padding-right: 0px;
 
+        width: 60%;
 
+        box-sizing: border-box;
 
+        padding-left: 0px;
 
+        justify-content: center;
 
+        height: 100%;
 
+    }
 
+
 
+    .ms-nav .body .logo .logo-pic {
 
+        width: 50px;
 
+        height: 50px;
 
+    }
 
+
 
+    .ms-nav .body .logo .logo-desc {
 
+        width: unset;
 
+        height: unset;
 
+    }
 
+
 
+    .ms-nav .body .nav-h5 {
 
+        align-items: center;
 
+        flex-wrap: nowrap;
 
+        flex-direction: row;
 
+        display: flex;
 
+        width: 100px;
 
+        box-sizing: border-box;
 
+        justify-content: center;
 
+        height: 100%;
 
+    }
 
+
 
+    .ms-nav .body .nav-h5 .nav-h5-icon {
 
+        font-size: 28PX;
 
+        padding-top: 0px;
 
+        padding-left: 0px;
 
+    }
 
+
 
+    .ms-nav .body .nav-h5 .nav-h5-body {
 
+        background-color: #F2F6FC;
 
+        flex-direction: column;
 
+        display: none;
 
+        box-sizing: border-box;
 
+        right: 0px;
 
+        justify-content: flex-start;
 
+        padding-bottom: 0px;
 
+        top: 80px;
 
+        flex-wrap: nowrap;
 
+        width: 140px;
 
+        padding-top: 10px;
 
+        position: absolute;
 
+        padding-left: 10px;
 
+        height: 100vh;
 
+    }
 
+
 
+    .ms-nav .body .nav-h5 .nav-h5-body .nav-h5-item {
 
+        cursor: pointer;
 
+        color: #303133;
 
+        flex-direction: row;
 
+        word-wrap: break-word;
 
+        display: inline-block;
 
+        padding-right: 0px;
 
+        font-size: 18PX;
 
+        padding-top: 8px;
 
+        padding-left: 0px;
 
+        height: 40px;
 
+    }
 
+
 
+    .ms-nav .body .nav-item {
 
+        align-items: center;
 
+        flex-wrap: nowrap;
 
+        flex-direction: row;
 
+        display: none;
 
+        padding-right: 40px;
 
+        width: 50%;
 
+        box-sizing: border-box;
 
+        padding-left: 40px;
 
+        justify-content: space-between;
 
+        height: 100%;
 
+    }
 
+
 
+    .ms-nav .body .nav-item .item {
 
+        cursor: pointer;
 
+        flex-direction: row;
 
+        word-wrap: break-word;
 
+        display: inline-block;
 
+        padding-right: 0px;
 
+        font-size: 18PX;
 
+        padding-left: 0px;
 
+    }
 
+
 
+    .ms-nav .body .nav-search {
 
+        align-items: center;
 
+        flex-wrap: nowrap;
 
+        flex-direction: row;
 
+        display: none;
 
+        padding-right: 0px;
 
+        width: 40%;
 
+        box-sizing: border-box;
 
+        padding-left: 0px;
 
+        justify-content: center;
 
+        height: 100%;
 
+        margin-left: 0px;
 
+    }
 
+
 
+    .ms-nav .body .nav-search .ms-search-input {
 
+        border-color: #CCCCCC;
 
+        align-items: flex-end;
 
+        flex-direction: row;
 
+        border-width: 1px;
 
+        display: flex;
 
+        width: 100%;
 
+        box-sizing: border-box;
 
+        border-style: solid;
 
+        justify-content: center;
 
+        height: 40%;
 
+    }
 
+
 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div {
 
+        flex-direction: row;
 
+        border-right-width: 1px;
 
+        display: flex;
 
+        padding-right: 0px;
 
+        width: 100%;
 
+        box-sizing: border-box;
 
+        border-right-color: #CCCCCC;
 
+        border-right-style: solid;
 
+        height: 100%;
 
+    }
 
+
 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input {
 
+        border: 0px;
 
+        background-color: #FFFFFF;
 
+        align-items: center;
 
+        flex-direction: row;
 
+        display: flex;
 
+        padding-right: 4px;
 
+        box-sizing: border-box;
 
+        justify-content: space-between;
 
+        border-top-left-radius: 2px;
 
+        padding-bottom: 0px;
 
+        flex-wrap: nowrap;
 
+        border-bottom-left-radius: 2px;
 
+        width: 90%;
 
+        border-bottom-right-radius: 2px;
 
+        border-top-right-radius: 2px;
 
+        padding-top: 0px;
 
+        padding-left: 4px;
 
+        height: 30px;
 
+    }
 
+
 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input span {
 
+        color: #DCDFE6;
 
+        flex-direction: row;
 
+        word-wrap: break-word;
 
+        display: inline-block;
 
+        padding-right: 0px;
 
+        border-top-left-radius: 0px;
 
+        padding-bottom: 0px;
 
+        border-bottom-left-radius: 0px;
 
+        border-bottom-right-radius: 0px;
 
+        border-top-right-radius: 0px;
 
+        font-size: 14PX;
 
+        padding-top: 0px;
 
+        padding-left: 0px;
 
+    }
 
+
 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-button {
 
+        flex-direction: row;
 
+        background-image: url({ms:global.host/}/{ms:global.style/}/images/1601265263422.png);
 
+        display: flex;
 
+        width: 40px;
 
+        box-sizing: border-box;
 
+        background-position: center;
 
+        background-repeat: no-repeat;
 
+        height: 100%;
 
+    }
 
+
 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-button i {
 
+        border-bottom-left-radius: 0px;
 
+        padding-right: 0px;
 
+        border-bottom-right-radius: 0px;
 
+        border-top-right-radius: 0px;
 
+        padding-left: 0px;
 
+        border-top-left-radius: 0px;
 
+    }
 
+
 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-button span {
 
+        border-bottom-left-radius: 0px;
 
+        flex-direction: row;
 
+        word-wrap: break-word;
 
+        display: inline-block;
 
+        padding-right: 0px;
 
+        border-bottom-right-radius: 0px;
 
+        border-top-right-radius: 0px;
 
+        font-size: 14px;
 
+        padding-left: 0px;
 
+        border-top-left-radius: 0px;
 
+    }
 
+
 
+    .ms-footer {
 
+        background-color: #F2F2F2;
 
+        align-items: center;
 
+        flex-direction: row;
 
+        display: flex;
 
+        padding-right: 0px;
 
+        box-sizing: border-box;
 
+        justify-content: center;
 
+        padding-bottom: 0px;
 
+        flex-wrap: nowrap;
 
+        width: 100%;
 
+        padding-top: 0px;
 
+        padding-left: 0px;
 
+        margin-top: 0px;
 
+        height: unset;
 
+    }
 
+
 
+    .ms-footer .body {
 
+        padding-bottom: 10px;
 
+        flex-wrap: nowrap;
 
+        flex-direction: column;
 
+        display: flex;
 
+        padding-right: 10px;
 
+        width: 100%;
 
+        box-sizing: border-box;
 
+        padding-top: 10px;
 
+        padding-left: 10px;
 
+        margin-top: 0px;
 
+    }
 
+
 
+    .ms-footer .body .top {
 
+        padding-bottom: 0px;
 
+        align-items: center;
 
+        flex-wrap: nowrap;
 
+        flex-direction: column;
 
+        display: flex;
 
+        padding-right: 0px;
 
+        width: 100%;
 
+        box-sizing: border-box;
 
+        padding-top: 0px;
 
+        padding-left: 0px;
 
+        justify-content: space-between;
 
+        margin-top: 0px;
 
+    }
 
+
 
+    .ms-footer .body .top .top-left {
 
+        align-items: center;
 
+        flex-wrap: wrap;
 
+        flex-direction: row;
 
+        display: flex;
 
+        width: 100%;
 
+        box-sizing: border-box;
 
+        margin-bottom: 20px;
 
+        padding-top: 0px;
 
+        padding-left: 0px;
 
+        justify-content: flex-start;
 
+    }
 
+
 
+    .ms-footer .body .top .top-left .foot-nav {
 
+        flex-wrap: nowrap;
 
+        flex-direction: column;
 
+        display: flex;
 
+        width: 50%;
 
+        box-sizing: border-box;
 
+        margin-bottom: 0px;
 
+        padding-left: 0px;
 
+    }
 
+
 
+    .ms-footer .body .top .top-left .foot-nav .nav-item {
 
+        flex-direction: row;
 
+        word-wrap: break-word;
 
+        display: inline-block;
 
+        font-size: 18PX;
 
+        padding-top: 6px;
 
+        height: 32px;
 
+    }
 
+
 
+    .ms-footer .body .top .top-left .foot-nav div .item {
 
+        color: #767676;
 
+        flex-direction: row;
 
+        word-wrap: break-word;
 
+        display: inline-block;
 
+        font-size: 16PX;
 
+        padding-top: 6px;
 
+        height: 32px;
 
+    }
 
+
 
+    .ms-footer .body .top .top-right {
 
+        flex-wrap: nowrap;
 
+        flex-direction: row;
 
+        display: flex;
 
+        width: 100%;
 
+        box-sizing: border-box;
 
+        padding-top: 0px;
 
+        padding-left: 0px;
 
+    }
 
+
 
+    .ms-footer .body .top .top-right .qr {
 
+        align-items: center;
 
+        flex-wrap: nowrap;
 
+        flex-direction: column;
 
+        display: flex;
 
+        width: 50%;
 
+        box-sizing: border-box;
 
+        padding-left: 0px;
 
+        justify-content: center;
 
+        height: 100%;
 
+    }
 
+
 
+    .ms-footer .body .top .top-right .qr .pic {
 
+        width: 120px;
 
+        height: 120px;
 
+    }
 
+
 
+    .ms-footer .body .top .top-right .qr .text {
 
+        flex-direction: row;
 
+        word-wrap: break-word;
 
+        display: inline-block;
 
+        font-size: 14px;
 
+    }
 
+
 
+    .ms-footer .body .copyright {
 
+        text-align: center;
 
+        flex-direction: row;
 
+        word-wrap: break-word;
 
+        display: inline-block;
 
+        font-size: 14px;
 
+        padding-top: 6px;
 
+        height: unset;
 
+    }
 
+
 
+    .ms-footer .body .power {
 
+        color: #5B5B5B;
 
+        text-align: center;
 
+        flex-direction: row;
 
+        word-wrap: break-word;
 
+        display: inline-block;
 
+        font-size: 14px;
 
+        padding-top: 0px;
 
+    }
 
 }

+ 27 - 53
src/main/webapp/template/1/default/footer.htm
View File 

@@ -1,53 +1,27 @@
 
-
 
-
 
-
 
-
 
-
 
-<div class="ms-footer">
 
-<div class="body">
 
-<div class="top">
 
-<div class="top-left">
 
-{ms:channel flag='nav'}
 
-<div class="foot-nav">
 
-<a href="{ms:global.url/}${field.typelink}"
 
-target="_blank"
 
-class="nav-item">
 
-父栏目名称
 
-</a>
 
-{ms:channel }
 
-<a href="{ms:global.url/}${field.typelink}"
 
-target="_blank"
 
-class="item">
 
-子栏目名称
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-{/ms:channel} </div>
 
-<div class="top-right">
 
-<div class="qr">
 
-<img
 
-title=""
 
-alt=""
 
-src="https://iph.href.lu/100x100"
 
-class="pic" />
 
-<span class="text" >
 
-公众号
 
-</span>
 
-</div>
 
-<div class="qr">
 
-<img
 
-title=""
 
-alt=""
 
-src="https://iph.href.lu/100x100"
 
-class="pic" />
 
-<span class="text" >
 
-公众号
 
-</span>
 
-</div> </div> </div>
 
-<span class="copyright" >
 
-© 江西铭软科技有限公司 2020 All Rights Reserved. Powered by MCms
 
-</span>
 
-<span class="power" >
 
-@该网页由MDesigner制作完成
 
-</span>
 
-</div> </div>
 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
 
+     {ms:channel flag='nav' type='top'} 
+    <div class="foot-nav"> 
+     <a href="{ms:global.url/}${field.typelink}" class="nav-item"> ${field.typetitle} </a> {ms:channel } 
+     <div> 
+      <a href="{ms:global.url/}${field.typelink}" class="item"> ${field.typetitle} </a> 
+     </div> {/ms:channel} 
+    </div> {/ms:channel} 
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="https://iph.href.lu/100x100" class="pic"> 
+     <span class="text"> 公众号 </span> 
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="https://iph.href.lu/100x100" class="pic"> 
+     <span class="text"> 公众号 </span> 
+    </div> 
+   </div> 
+  </div> 
+  <span class="copyright"> <el-link href="https://www.mingsoft.net/" type="primary">© 江西铭软科技有限公司</el-link> 2012-至今 All Rights Reserved. Powered by MCms </span>
 
+  <span class="power"> @该网页由 <el-link href="https://designer.mingsoft.net/" type="primary">MDesigner</el-link> 制作完成 </span>
 
+ </div> 
+</div>

+ 182 - 253
src/main/webapp/template/1/default/index.htm
View File 

@@ -1,45 +1,38 @@
 
-
 
-
 
-
 
-
 
-
 
 <html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-<script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js"></script>
 
-<script>
 
+ <head> 
+  <meta charset="utf-8"> 
+  <title>{ms:global.name/}</title> 
+  <meta http-equiv="content-type" content="text/html"> 
+  <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> 
+  <meta name="format-detection" content="telephone=no"> 
+  <meta name="app-mobile-web-app-capable" content="yes"> 
+  <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> 
+  <meta name="keywords" content="{ms:global.keyword/}"> 
+  <meta name="description" content="{ms:global.descrip/}"> 
+  <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> 
+  <script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js"></script> 
+  <script>
 
 SwiperClass = Swiper
 
-</script>
 
-<script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@4.1.1/dist/vue-awesome-swiper.min.js"></script>
 
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css">
 
-<script>
 
+</script> 
+  <script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@4.1.1/dist/vue-awesome-swiper.min.js"></script> 
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css"> 
+  <script>
 
 Vue.use(VueAwesomeSwiper)
 
-</script>
 
-<style>
 
+</script> 
+  <style>
 
 :root {
 
     --swiper-theme-color:$ {
 
         component.config.color.value
 
@@ -48,152 +41,102 @@ Vue.use(VueAwesomeSwiper)
 
     ;
 
 }
 
 
-</style>    <script>
 
+</style> 
+  <script>
 
         ms.base = "";
 
-    </script>
 
-    <style>
 
+    </script> 
+  <style>
 
         [v-cloak]{
 
             display: none;
 
         }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "nav.htm"/>
 
-
 
-<div class="ms-banner">
 
-<swiper class="ms-vue-awesome-swiper" :options="{
 
+    </style> 
+ </head> 
+ <body> 
+  <div id="app" v-cloak> 
+   <#include "nav.htm" /> 
+   <div class="ms-banner"> 
+    <swiper class="ms-vue-awesome-swiper" :options="{
 
 slidesPerView : 1,
 
 spaceBetween: 0,
 
 autoplay: {
 
 delay: 1500,
 
 },
 
 navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'}
 
-}">
 
-<div class="swiper-button-prev " slot="button-prev">
 
-</div>
 
-<div class="swiper-button-next " slot="button-next">
 
-</div>
 
-<!--静态图片-->
 
-<!--动态图片-->
 
-{ms:arclist typeid=1329357285870346241 size=3 }
 
-<swiper-slide>
 
-<a href="[field.link/]" target="_blank">
 
-<img src="{@ms:file field.litpic/}" width="100%" height="100%"/>
 
-</a>
 
-</swiper-slide>
 
-{/ms:arclist}
 
-</swiper>
 
-</div>
 
-<div class="about">
 
-{ms:arclist typeid='1329259260493766700'}
 
-<div class="body">
 
-<div class="left">
 
-<img
 
-title=""
 
-alt=""
 
-src="{@ms:file field.litpic/}"
 
-/>
 
-</div>
 
-<div class="right">
 
-<div class="title">
 
-<span >
 
-${field.title}
 
-</span>
 
-</div>
 
-<div class="desc">
 
-<span >
 
-${field.descrip}
 
-</span>
 
-</div> </div> </div>
 
-{/ms:arclist} </div>
 
-<div class="product">
 
-<div class="title">
 
-<span >
 
-最新产品
 
-</span>
 
-</div>
 
-<div class="body">
 
-{ms:arclist size=4 typeid='1329257213283344385'}
 
-<div class="list">
 
-<div class="prod">
 
-<div class="pic">
 
-<img
 
-title=""
 
-alt=""
 
-src="{@ms:file field.litpic/}"
 
-/>
 
-</div>
 
-<a href="{ms:global.url/}${field.link}"
 
-class="text">
 
-${field.title}
 
-</a>
 
-</div> </div>
 
-{/ms:arclist} </div>
 
-<a href="{ms:global.url/}/product/index.html"
 
-class="more">
 
-更多产品>>
 
-</a>
 
-</div>
 
-<div class="news">
 
-<div class="title">
 
-<span >
 
-新闻动态
 
-</span>
 
-</div>
 
-<div class="body">
 
-{ms:arclist typeid='1329257282518720513' flag='c'}
 
-<div class="left">
 
-<img
 
-title=""
 
-alt=""
 
-src="{@ms:file field.litpic/}"
 
-/>
 
-<a href="{ms:global.url/}${field.link}"
 
-target="_blank"
 
-class="title">
 
-显示内容
 
-</a>
 
-<span class="desc" >
 
-${field.descrip}
 
-</span>
 
-</div>
 
-{/ms:arclist}
 
-{ms:arclist size=3 typeid='1329257282518720513'}
 
-<div class="right">
 
-<div class="news-item">
 
-<div class="date">
 
-<span class="day" >
 
-${field.date?string("yyyy-MM-dd")}
 
-</span>
 
-<span class="date" >
 
-${field.date?string("yyyy-MM")}
 
-</span>
 
-</div>
 
-<div class="news-body">
 
-<a href="{ms:global.url/}${field.link}"
 
-class="title">
 
-显示内容
 
-</a>
 
-<span class="desc" >
 
-${field.descrip}
 
-</span>
 
-</div> </div> </div>
 
-{/ms:arclist} </div>
 
-<div class="more">
 
-</div>
 
-<a href="{ms:global.url/}/news/index.html"
 
-class="more">
 
-更多新闻>>
 
-</a>
 
-</div>
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
+}"> 
+     <div class="swiper-button-prev " slot="button-prev"> 
+     </div> 
+     <div class="swiper-button-next " slot="button-next"> 
+     </div> 
+     <!--静态图片--> 
+     <!--动态图片--> {ms:arclist typeid=1329357285870346241 size=3 } 
+     <swiper-slide> 
+      <a href="[field.link/]" target="_blank"> <img src="{@ms:file field.litpic/}" width="100%" height="100%"> </a> 
+     </swiper-slide> {/ms:arclist} 
+    </swiper> 
+   </div> 
+   <div class="about">
 
+     {ms:arclist typeid='1329259260493766658'} 
+    <div class="body"> 
+     <div class="left"> 
+      <img title="" alt="" src="{@ms:file field.litpic/}"> 
+     </div> 
+     <div class="right"> 
+      <div class="title"> 
+       <span> ${field.title} </span> 
+      </div> 
+      <div class="desc"> 
+       <span> ${field.keyword} </span>
 
+      </div> 
+     </div> 
+    </div> {/ms:arclist} 
+   </div> 
+   <div class="product"> 
+    <div class="title"> 
+     <span> 核心产品 </span> 
+    </div> 
+    <div class="body">
 
+      {ms:arclist typeid='1329257213283344385'} 
+     <div class="prod"> 
+      <div class="pic"> 
+       <img title="" alt="" src="{@ms:file field.litpic/}"> 
+      </div> 
+      <a href="{ms:global.url/}${field.link}" class="text"> ${field.title} </a> 
+     </div> {/ms:arclist} 
+    </div> 
+    <a href="{ms:global.url/}/product/index.html" class="more"> 更多产品 </a> 
+   </div> 
+   <div class="news"> 
+    <div class="title"> 
+     <span> 新闻动态 </span> 
+    </div> 
+    <div class="body">
 
+      {ms:arclist flag='c' typeid='1329257282518720513'} 
+     <div class="left"> 
+      <img title="" alt="" src="{@ms:file field.litpic/}"> 
+      <a href="{ms:global.url/}${field.link}" target="_blank" class="title"> 显示内容 </a> 
+      <span class="desc"> ${field.descrip} </span> 
+     </div> {/ms:arclist} 
+     <div class="right">
 
+       {ms:arclist size=3 typeid='1329257282518720513'} 
+      <div class="news-item"> 
+       <div class="date"> 
+        <span class="day"> ${field.date?string("dd")} </span> 
+        <span class="date"> ${field.date?string("yyyy-MM")} </span> 
+       </div> 
+       <div class="news-body"> 
+        <a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a> 
+        <span class="desc"> ${field.descrip} </span> 
+       </div> 
+      </div> {/ms:arclist} 
+     </div> 
+    </div> 
+    <div class="more"> 
+    </div> 
+    <a href="{ms:global.url/}/news/index.html" class="more"> 更多产品 </a> 
+   </div> 
+   <#include "footer.htm" /> 
+  </div>   
+  <script>
 
 var app = new Vue({
 
     el: '#app',
 
     watch:{
 
@@ -214,9 +157,8 @@ var app = new Vue({
 
     created(){
 
     }
 
 })
 
-</script>
 
-
 
-<style>
 
+</script> 
+  <style>
 
     body {
 
         background-color:#fff;
 
         box-sizing:border-box;
 
@@ -239,14 +181,14 @@ var app = new Vue({
 
     {
 
             background-color:#E8F4FD;
 
             align-items:center;
 
+            flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
-            box-sizing:border-box;
 
-            justify-content:space-between;
 
-            flex-wrap:nowrap;
 
             width:100%;
 
+            box-sizing:border-box;
 
             position:relative;
 
             padding-left:0px;
 
+            justify-content:space-between;
 
             margin-top:0px;
 
             height:100%;
 
     }
 
@@ -295,9 +237,11 @@ var app = new Vue({
 
             flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
+            padding-right:0px;
 
             width:1200px;
 
             box-sizing:border-box;
 
             padding-top:0px;
 
+            padding-left:0px;
 
             margin-top:0px;
 
             height:100%;
 
     }
 
@@ -423,50 +367,37 @@ var app = new Vue({
 
     }
 
     .product .body 
     {
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:1200px;
 
-            box-sizing:border-box;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .product .body .list 
-    {
 
-            align-items:center;
 
             flex-direction:row;
 
             display:flex;
 
             padding-right:0px;
 
             box-sizing:border-box;
 
             justify-content:space-between;
 
             padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
+            flex-wrap:wrap;
 
+            width:1200px;
 
             margin-bottom:40px;
 
             padding-top:0px;
 
             padding-left:0px;
 
             margin-top:40px;
 
             height:100%;
 
     }
 
-    .product .body .list .prod 
+    .product .body .prod 
     {
 
             background-color:#FFFFFF;
 
             flex-direction:column;
 
             display:flex;
 
-            padding-right:0px;
 
+            padding-right:20px;
 
             box-sizing:border-box;
 
-            padding-bottom:0px;
 
+            padding-bottom:20px;
 
             flex-wrap:nowrap;
 
-            width:23%;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
+            width:32%;
 
+            margin-bottom:20px;
 
+            padding-top:20px;
 
+            padding-left:20px;
 
             margin-top:0px;
 
             height:100%;
 
     }
 
-    .product .body .list .prod .pic 
+    .product .body .prod .pic 
     {
 
             padding-bottom:0px;
 
             flex-wrap:nowrap;
 
@@ -477,9 +408,10 @@ var app = new Vue({
 
             box-sizing:border-box;
 
             padding-top:0px;
 
             padding-left:0px;
 
+            margin-top:0px;
 
             height:200px;
 
     }
 
-    .product .body .list .prod .pic img 
+    .product .body .prod .pic img 
     {
 
             padding-bottom:0px;
 
             width:100%;
 
@@ -488,7 +420,7 @@ var app = new Vue({
 
             margin-top:0px;
 
             height:100%;
 
     }
 
-    .product .body .list .prod .text 
+    .product .body .prod .text 
     {
 
             padding-bottom:0px;
 
             text-align:center;
 
@@ -597,6 +529,7 @@ var app = new Vue({
 
     .news .body .left img 
     {
 
             width:100%;
 
+            padding-top:0px;
 
             height:280px;
 
     }
 
     .news .body .left .title 
@@ -609,6 +542,7 @@ var app = new Vue({
 
             justify-content:flex-start;
 
             padding-bottom:0px;
 
             font-size:18PX;
 
+            margin-bottom:0px;
 
             padding-top:10px;
 
             padding-left:0px;
 
             margin-top:0px;
 
@@ -640,18 +574,19 @@ var app = new Vue({
 
             box-sizing:border-box;
 
             padding-top:0px;
 
             padding-left:20px;
 
+            margin-top:0px;
 
             height:100%;
 
     }
 
     .news .body .right .news-item 
     {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
             padding-right:0px;
 
-            box-sizing:border-box;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
             width:100%;
 
             margin-bottom:10px;
 
+            box-sizing:border-box;
 
             padding-top:0px;
 
             padding-left:0px;
 
             margin-top:0px;
 
@@ -698,14 +633,14 @@ var app = new Vue({
 
     }
 
     .news .body .right .news-item .news-body 
     {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
             flex-direction:column;
 
             display:flex;
 
             padding-right:0px;
 
-            box-sizing:border-box;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
             width:90%;
 
             margin-bottom:10px;
 
+            box-sizing:border-box;
 
             padding-top:0px;
 
             padding-left:10px;
 
             margin-top:0px;
 
@@ -774,14 +709,14 @@ var app = new Vue({
 
         {
 
                 background-color:#E8F4FD;
 
                 align-items:center;
 
+                flex-wrap:nowrap;
 
                 flex-direction:row;
 
                 display:flex;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                flex-wrap:nowrap;
 
                 width:100%;
 
+                box-sizing:border-box;
 
                 position:relative;
 
                 padding-left:0px;
 
+                justify-content:space-between;
 
                 margin-top:0px;
 
                 height:300px;
 
         }
 
@@ -827,33 +762,37 @@ var app = new Vue({
 
         .about .body 
         {
 
                 padding-bottom:0px;
 
+                align-items:center;
 
                 flex-wrap:nowrap;
 
                 flex-direction:column;
 
                 display:flex;
 
                 width:100%;
 
                 box-sizing:border-box;
 
+                margin-bottom:0px;
 
                 padding-top:0px;
 
                 margin-top:0px;
 
+                justify-content:flex-start;
 
                 height:100%;
 
         }
 
         .about .body .left 
         {
 
+                align-items:center;
 
                 flex-wrap:nowrap;
 
-                flex-direction:row;
 
+                flex-direction:column;
 
                 display:flex;
 
                 padding-right:0px;
 
-                width:100%;
 
+                width:90%;
 
                 box-sizing:border-box;
 
                 margin-bottom:10px;
 
                 padding-left:0px;
 
-                height:unset;
 
+                justify-content:center;
 
         }
 
         .about .body .left img 
         {
 
                 width:100%;
 
                 margin-bottom:0px;
 
                 padding-top:0px;
 
-                height:100%;
 
+                height:200px;
 
         }
 
         .about .body .right 
         {
 
@@ -863,6 +802,7 @@ var app = new Vue({
 
                 padding-right:20px;
 
                 width:100%;
 
                 box-sizing:border-box;
 
+                margin-bottom:0px;
 
                 padding-left:20px;
 
                 margin-top:0px;
 
                 height:100%;
 
@@ -961,33 +901,19 @@ var app = new Vue({
 
         .product .body 
         {
 
                 padding-bottom:0px;
 
+                align-items:center;
 
                 flex-wrap:nowrap;
 
                 flex-direction:column;
 
                 display:flex;
 
                 width:100%;
 
                 box-sizing:border-box;
 
+                margin-bottom:0px;
 
                 padding-top:0px;
 
                 margin-top:0px;
 
+                justify-content:center;
 
                 height:100%;
 
         }
 
-        .product .body .list 
-        {
 
-                align-items:center;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:space-between;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:40px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:40px;
 
-                height:100%;
 
-        }
 
-        .product .body .list .prod 
+        .product .body .prod 
         {
 
                 background-color:#FFFFFF;
 
                 flex-direction:column;
 
@@ -996,14 +922,14 @@ var app = new Vue({
 
                 box-sizing:border-box;
 
                 padding-bottom:0px;
 
                 flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0px;
 
+                width:90%;
 
+                margin-bottom:40px;
 
                 padding-top:0px;
 
                 padding-left:0px;
 
                 margin-top:0px;
 
                 height:100%;
 
         }
 
-        .product .body .list .prod .pic 
+        .product .body .prod .pic 
         {
 
                 padding-bottom:0px;
 
                 flex-wrap:nowrap;
 
@@ -1016,15 +942,15 @@ var app = new Vue({
 
                 padding-left:0px;
 
                 height:200px;
 
         }
 
-        .product .body .list .prod .pic img 
+        .product .body .prod .pic img 
         {
 
-                width:100%;
 
                 padding-bottom:0px;
 
+                width:100%;
 
                 padding-top:0px;
 
                 margin-top:0px;
 
                 height:100%;
 
         }
 
-        .product .body .list .prod .text 
+        .product .body .prod .text 
         {
 
                 padding-bottom:0px;
 
                 text-align:center;
 
@@ -1111,7 +1037,7 @@ var app = new Vue({
 
                 justify-content:space-between;
 
                 padding-bottom:0px;
 
                 flex-wrap:nowrap;
 
-                width:100%;
 
+                width:90%;
 
                 margin-bottom:20px;
 
                 padding-top:0px;
 
                 padding-left:0px;
 
@@ -1142,17 +1068,17 @@ var app = new Vue({
 
         }
 
         .news .body .left .title 
         {
 
+                padding-bottom:0px;
 
                 text-align:left;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
                 padding-right:0px;
 
-                justify-content:flex-start;
 
-                padding-bottom:0px;
 
                 font-size:18PX;
 
                 padding-top:10px;
 
                 padding-left:0px;
 
                 margin-top:0px;
 
+                justify-content:flex-start;
 
                 height:40px;
 
         }
 
         .news .body .left .desc 
@@ -1181,18 +1107,19 @@ var app = new Vue({
 
                 box-sizing:border-box;
 
                 padding-top:0px;
 
                 padding-left:0px;
 
+                margin-top:0px;
 
                 height:100%;
 
         }
 
         .news .body .right .news-item 
         {
 
+                padding-bottom:0px;
 
+                flex-wrap:nowrap;
 
                 flex-direction:row;
 
                 display:flex;
 
                 padding-right:0px;
 
-                box-sizing:border-box;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
                 width:100%;
 
                 margin-bottom:10px;
 
+                box-sizing:border-box;
 
                 padding-top:0px;
 
                 padding-left:0px;
 
                 margin-top:0px;
 
@@ -1239,14 +1166,14 @@ var app = new Vue({
 
         }
 
         .news .body .right .news-item .news-body 
         {
 
+                padding-bottom:0px;
 
+                flex-wrap:nowrap;
 
                 flex-direction:column;
 
                 display:flex;
 
                 padding-right:0px;
 
-                box-sizing:border-box;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
                 width:90%;
 
                 margin-bottom:10px;
 
+                box-sizing:border-box;
 
                 padding-top:0px;
 
                 padding-left:10px;
 
                 margin-top:0px;
 
@@ -1301,4 +1228,6 @@ var app = new Vue({
 
                 height:48px;
 
         }
 
 
-}</style>
 
+}</style>
 
+ </body>
 
+</html>

+ 113 - 0
src/main/webapp/template/1/default/map.htm.html
View File 

@@ -0,0 +1,113 @@
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml">
 
+<head>
 
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+
 
+    <style type="text/css">
 
+        html,body{margin:0;padding:0;}
 
+        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
 
+        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
 
+    </style>
 
+    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
 
+</head>
 
+
 
+<body>
 
+<div style="height:828px;border:#ccc solid 1px;" id="dituContent"></div>
 
+</body>
 
+<script type="text/javascript">
 
+    function initMap(){
 
+        createMap();//
 
+        setMapEvent();//
 
+        addMapControl();//
 
+        addMarker();//
 
+    }
 
+
 
+    function createMap(){
 
+        var map = new BMap.Map("dituContent");//
 
+
 
+        var point = new BMap.Point(116.301313,39.832434);//
 
+        map.centerAndZoom(point,15);//�
 
+        window.map = map;//
 
+    }
 
+
 
+
 
+    function setMapEvent(){
 
+        map.enableDragging();//
 
+        map.enableScrollWheelZoom();//
 
+        map.enableDoubleClickZoom();//
 
+        map.enableKeyboard();//
 
+    }
 
+
 
+    //
 
+    function addMapControl(){
 
+        //
 
+        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
 
+        map.addControl(ctrl_nav);
 
+        //
 
+        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
 
+        map.addControl(ctrl_ove);
 
+        //
 
+        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
 
+        map.addControl(ctrl_sca);
 
+    }
 
+
 
+    //
 
+    var markerArr = [{title:"中建材信云智联科技有限公司",content:"地址：北京市丰台区南四路环西路186号汉威国际广场二区9号楼2层",point:"116.301313|39.832434",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
 
+    ];
 
+    //
 
+    function addMarker(){
 
+        for(var i=0;i<markerArr.length;i++){
 
+            var json = markerArr[i];
 
+            var p0 = json.point.split("|")[0];
 
+            var p1 = json.point.split("|")[1];
 
+            var point = new BMap.Point(p0,p1);
 
+            var iconImg = createIcon(json.icon);
 
+            var marker = new BMap.Marker(point,{icon:iconImg});
 
+            var iw = createInfoWindow(i);
 
+            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
 
+            marker.setLabel(label);
 
+            map.addOverlay(marker);
 
+            label.setStyle({
 
+                borderColor:"#808080",
 
+                color:"#333",
 
+                cursor:"pointer"
 
+            });
 
+
 
+            (function(){
 
+                var index = i;
 
+                var _iw = createInfoWindow(i);
 
+                var _marker = marker;
 
+                _marker.addEventListener("click",function(){
 
+                    this.openInfoWindow(_iw);
 
+                });
 
+                _iw.addEventListener("open",function(){
 
+                    _marker.getLabel().hide();
 
+                })
 
+                _iw.addEventListener("close",function(){
 
+                    _marker.getLabel().show();
 
+                })
 
+                label.addEventListener("click",function(){
 
+                    _marker.openInfoWindow(_iw);
 
+                })
 
+                if(!!json.isOpen){
 
+                    label.hide();
 
+                    _marker.openInfoWindow(_iw);
 
+                }
 
+            })()
 
+        }
 
+    }
 
+    //����InfoWindow
 
+    function createInfoWindow(i){
 
+        var json = markerArr[i];
 
+        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
 
+        return iw;
 
+    }
 
+    //һ��Icon
 
+    function createIcon(json){
 
+        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
 
+        return icon;
 
+    }
 
+
 
+    initMap();//
 
+</script>
 
+</html>

+ 81 - 103
src/main/webapp/template/1/default/message.htm
View File 

@@ -1,94 +1,71 @@
 
-
 
-
 
-
 
-
 
-
 
 <html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
+ <head> 
+  <meta charset="utf-8"> 
+  <title>{ms:global.name/}</title> 
+  <meta http-equiv="content-type" content="text/html"> 
+  <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> 
+  <meta name="format-detection" content="telephone=no"> 
+  <meta name="app-mobile-web-app-capable" content="yes"> 
+  <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> 
+  <meta name="keywords" content="{ms:global.keyword/}"> 
+  <meta name="description" content="{ms:global.descrip/}"> 
+  <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> 
+  <script>
 
         ms.base = "";
 
-    </script>
 
-    <style>
 
+    </script> 
+  <style>
 
         [v-cloak]{
 
             display: none;
 
         }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "nav.htm"/>
 
-
 
-<div class="news">
 
-<div class="body">
 
-<div class="left">
 
-<span class="title" >
 
-分类名称
 
-</span>
 
-<span class="sub-title-sel" >
 
-分类名称
 
-</span>
 
-<span class="sub-title" >
 
-分类名称
 
-</span>
 
-</div>
 
-<div class="right">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<div class="message-body">
 
-<!--输入框-start-->
 
-<input class="ms-input"/>
 
-<!--输入框-end-->
 
-<!--输入框-start-->
 
-<input class="ms-input"/>
 
-<!--输入框-end-->
 
-<div >
 
-提交
 
-</div>
 
-</div> </div> </div> </div>
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
+    </style> 
+ </head> 
+ <body> 
+  <div id="app" v-cloak> 
+   <#include "nav.htm" /> 
+   <div class="news"> 
+    <div class="body"> 
+     <div class="left"> 
+      <span class="title"> 分类名称 </span> 
+      <span class="sub-title-sel"> 分类名称 </span> 
+      <span class="sub-title"> 分类名称 </span> 
+     </div> 
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置： </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a> {ms:channel type="path"} 
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> ${field.typetitle} </a> {/ms:channel} 
+      </div> 
+      <div class="message-body"> 
+       <!--输入框-start--> 
+       <input class="ms-input"> 
+       <!--输入框-end--> 
+       <!--输入框-start--> 
+       <input class="ms-input"> 
+       <!--输入框-end--> 
+       <div>
 
+         提交 
+       </div> 
+      </div> 
+     </div> 
+    </div> 
+   </div> 
+   <#include "footer.htm" /> 
+  </div>   
+  <script>
 
 var app = new Vue({
 
     el: '#app',
 
     watch:{
 
@@ -109,9 +86,8 @@ var app = new Vue({
 
     created(){
 
     }
 
 })
 
-</script>
 
-
 
-<style>
 
+</script> 
+  <style>
 
     body {
 
         background-color:#fff;
 
         box-sizing:border-box;
 
@@ -202,14 +178,14 @@ var app = new Vue({
 
     }
 
     .news .body .right 
     {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
             flex-direction:column;
 
             display:flex;
 
             padding-right:20px;
 
-            box-sizing:border-box;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
             width:1000px;
 
             margin-bottom:0px;
 
+            box-sizing:border-box;
 
             padding-top:0px;
 
             padding-left:20px;
 
             margin-top:0px;
 
@@ -217,26 +193,26 @@ var app = new Vue({
 
     }
 
     .news .body .right .ms-channel-path 
     {
 
+            margin-right:auto;
 
             align-items:center;
 
+            flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            margin-right:auto;
 
-            flex-wrap:nowrap;
 
             width:100%;
 
             margin-bottom:10px;
 
+            box-sizing:border-box;
 
             padding-left:0px;
 
             margin-top:10px;
 
             height:30px;
 
+            margin-left:auto;
 
     }
 
     .news .body .right .ms-channel-path span 
     {
 
-            font-size:16PX;
 
             color:#909399;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
+            font-size:16PX;
 
     }
 
     .news .body .right .ms-channel-path .ms-channel-path-index 
     {
 
@@ -451,10 +427,10 @@ var app = new Vue({
 
         }
 
         .news .body .right .ms-channel-path span 
         {
 
-                font-size:14PX;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
+                font-size:14PX;
 
         }
 
         .news .body .right .ms-channel-path .ms-channel-path-index 
         {
 
@@ -476,18 +452,20 @@ var app = new Vue({
 
         }
 
         .news .body .right .message-body 
         {
 
-                flex-direction:column;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                margin-left:0px;
 
                 margin-right:0px;
 
                 padding-bottom:0px;
 
                 flex-wrap:nowrap;
 
+                flex-direction:column;
 
+                display:flex;
 
                 width:100%;
 
+                box-sizing:border-box;
 
                 margin-bottom:0px;
 
                 padding-top:0px;
 
                 margin-top:0px;
 
                 height:300px;
 
+                margin-left:0px;
 
         }
 
 
-}</style>
 
+}</style>
 
+ </body>
 
+</html>

+ 37 - 48
src/main/webapp/template/1/default/nav.htm
View File 

@@ -1,49 +1,38 @@
 
-<div class="ms-nav">
 
-    <div class="body">
 
-        <div class="logo">
 
-            <img
 
-                    title=""
 
-                    alt=""
 
-                    src="{@ms:file global.logo/}"
 
-                    class="logo-pic"/>
 
-            <img
 
-                    title=""
 
-                    alt=""
 
-                    src="https://www.mingsoft.net//template/1/ms/images/1596437934982.png"
 
-                    class="logo-desc"/>
 
-        </div>
 
-        <div @click='switchShow(["1605172743000_96378"]);' class="nav-h5">
 
-            <i class="iconfont icon-caidan nav-h5-icon"></i>
 
-            <div id="key_1605172743000_96378"
 
-                 class="nav-h5-body">
 
-                <a href="#"
 
-                   class="nav-h5-item">
 
-                    首页
 
-                </a>
 
-            </div>
 
-        </div>
 
-        <div class="nav-item">
 
-            {ms:channel flag='n'}
 
-            <a href="{ms:global.url/}${field.typelink}"
 
-               target="_blank"
 
-               class="item">
 
-                ${field.typetitle}
 
-            </a>
 
-            {/ms:channel}
 
-        </div>
 
-        <div class="nav-search">
 
-            <!--搜索-start-->
 
-            <form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" class="ms-search-input">
 
-                <div class="ms-search-input-div">
 
-                    <!--输入框 - start -->
 
-                    <input class="ms-input" placeholder="输入搜索关键字"/>
 
-                    <!--输入框 -end -->
 
-                </div>
 
-                <div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();">
 
-                    <i class="iconfont icon-fangdajing"></i>
 
-                </div>
 
-            </form>
 
-            <!--搜索-end-->
 
-        </div>
 
-    </div>
 
+<div class="ms-nav"> 
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="{@ms:file global.logo/}" class="logo-pic"> 
+   <img title="" alt="" src="https://www.mingsoft.net//template/1/ms/images/1596437934982.png" class="logo-desc"> 
+  </div> 
+  <div @click="switchShow([&quot;1605172743000_96378&quot;]);" class="nav-h5"> 
+   <i class="iconfont icon-caidan nav-h5-icon"></i> 
+   <div id="key_1605172743000_96378" class="nav-h5-body"> 
+    <a href="#" class="nav-h5-item"> 首页 </a> 
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="{ms:global.host/}" class="item"> 首页 </a>
 
+   <#assign ids=field.parentids>
 
+   <#assign typeid=field.typeid>
 
+   {ms:channel flag='nav' type='top'}
 
+   <a href="<#if field.type==3>{ms:global.url/}${field.typeurl}<#else>{ms:global.url/}${field.typelink}</#if>" class="item<#if typeid==field.typeid || (ids?has_content && ids?index_of('${field.typeid}') gt -1)> sel</#if>">
 
+    ${field.typetitle}
 
+   </a>
 
+   {/ms:channel}
 
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" class="ms-search-input"> 
+    <div class="ms-search-input-div"> 
+     <!--输入框 - start --> 
+     <input class="ms-input" name="content_title" placeholder="输入搜索关键字">
 
+     <!--输入框 -end --> 
+    </div> 
+    <div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();"> 
+     <i class="iconfont icon-fangdajing"></i> 
+    </div> 
+   </form> 
+   <!--搜索-end--> 
+  </div> 
+ </div> 
 </div>

+ 196 - 160
src/main/webapp/template/1/default/news-detail.htm
View File 

@@ -1,124 +1,98 @@
 
-
 
-
 
-
 
-
 
-
 
 <html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
+ <head> 
+  <meta charset="utf-8"> 
+  <title>{ms:global.name/}</title> 
+  <meta http-equiv="content-type" content="text/html"> 
+  <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> 
+  <meta name="format-detection" content="telephone=no"> 
+  <meta name="app-mobile-web-app-capable" content="yes"> 
+  <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> 
+  <meta name="keywords" content="{ms:global.keyword/}"> 
+  <meta name="description" content="{ms:global.descrip/}"> 
+  <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> 
+  <script>
 
         ms.base = "";
 
-    </script>
 
-    <style>
 
+    </script> 
+  <style>
 
         [v-cloak]{
 
             display: none;
 
         }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "nav.htm"/>
 
-
 
-<div class="content">
 
-<div class="body">
 
-<div class="left">
 
-<span class="title" >
 
-${field.typename}
 
-</span>
 
-{ms:channel type='son'}
 
-<a href="{ms:global.url/}${field.typelink}"
 
-target="_blank"
 
-class="sub-title-sel">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-<span class="sub-title" >
 
-分类名称
 
-</span>
 
-</div>
 
-<div class="right">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<span class="big-title" >
 
-${field.title}
 
-</span>
 
-<div class="news-date-hit">
 
-<span >
 
-发布时间:
 
-</span>
 
-<span class="date" >
 
-${field.date?string("yyyy-MM-dd")}
 
-</span>
 
-<span >
 
-预览次数:
 
-</span>
 
-<span >
 
-${field.hit}
 
-</span>
 
-</div>
 
-<div class="news-body">
 
-</div>
 
-<div class="news-pre">
 
-<span class="label" >
 
-上一篇:
 
-</span>
 
-<a href="{ms:global.url/}${field.prelink}"
 
->
 
-${pre.title}
 
-</a>
 
-</div>
 
-<div class="news-next">
 
-<span class="label" >
 
-下一篇:
 
-</span>
 
-<a href="{ms:global.url/}${field.nextink}"
 
->
 
-${pre.title}
 
-</a>
 
-</div> </div> </div> </div>
 
-        <#include "footer.htm"/>
 
+    </style> 
+ </head> 
+ <body> 
+  <div id="app" v-cloak> 
+   <#include "nav.htm" /> 
+   <div class="content"> 
+    <!--新闻详情-start--> 
+    <div class="body">
 
+     <div class="left">
 
+      {ms:channel type='parent'}
 
+      <span class="title"> ${field.typetitle} </span>
 
+      {/ms:channel}
 
+      <#assign typetitle=field.typetitle>
 
+      <#if field.leaf>
 
+      {ms:channel type='level'}
 
+      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+      {/ms:channel}
 
+      <#else>
 
+      {ms:channel type='son'}
 
+      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+      {/ms:channel}
 
+     </#if>
 
     </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置： </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a> {ms:channel type="path"} 
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> ${field.typetitle} </a> {/ms:channel} 
+      </div> 
+      <span class="big-title"> ${field.title} </span> 
+      <div class="news-date-hit"> 
+       <span> 发布时间: </span> 
+       <span class="date"> ${field.date?string("yyyy-MM-dd")} </span> 
+       <span> 预览次数: </span> 
+       <span> ${field.hit} </span> 
+      </div> 
+      <div class="news-body"> 
+       <span> ${field.content} </span> 
+      </div> 
+      <div class="news-pre"> 
+       <span class="label"> 上一篇: </span>
 
+       <#if pre.title?has_content>
 
+       <a href="{ms:global.url/}${pre.link}"> ${pre.title} </a>
 
+       <#else>
 
+       已经没有了
 
+      </#if>
 
+      </div> 
+      <div class="news-next"> 
+       <span class="label"> 下一篇: </span>
 
+       <#if next.title?has_content>
 
+       <a href="{ms:global.url/}${next.link}"> ${next.title} </a>
 
+       <#else>
 
+       已经没有了
 
+       </#if>
 
+      </div> 
+     </div> 
+    </div> 
+    <!--新闻详情-end--> 
+   </div> 
+   <#include "footer.htm" /> 
+  </div>   
+  <script>
 
 var app = new Vue({
 
     el: '#app',
 
     watch:{
 
@@ -139,9 +113,8 @@ var app = new Vue({
 
     created(){
 
     }
 
 })
 
-</script>
 
-
 
-<style>
 
+</script> 
+  <style>
 
     body {
 
         background-color:#fff;
 
         box-sizing:border-box;
 
@@ -175,8 +148,10 @@ var app = new Vue({
 
             padding-right:0px;
 
             width:1200px;
 
             box-sizing:border-box;
 
+            margin-bottom:0px;
 
             padding-top:20px;
 
             padding-left:0px;
 
+            margin-top:0px;
 
     }
 
     .content .body .left 
     {
 
@@ -194,11 +169,11 @@ var app = new Vue({
 
     }
 
     .content .body .left .title 
     {
 
+            border-bottom-color:#C0C4CC;
 
             color:#C0C4CC;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
-            border-bottom-color:#C0C4CC;
 
             font-size:16PX;
 
             border-bottom-style:dashed;
 
             padding-top:10px;
 
@@ -234,10 +209,12 @@ var app = new Vue({
 
     }
 
     .content .body .right 
     {
 
+            align-items:center;
 
             flex-direction:column;
 
             display:flex;
 
             padding-right:0px;
 
             box-sizing:border-box;
 
+            justify-content:center;
 
             padding-bottom:0px;
 
             flex-wrap:nowrap;
 
             width:1000px;
 
@@ -249,25 +226,27 @@ var app = new Vue({
 
     }
 
     .content .body .right .ms-channel-path 
     {
 
-            margin-right:auto;
 
             align-items:center;
 
-            flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
+            box-sizing:border-box;
 
+            margin-left:auto;
 
+            margin-right:auto;
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
             width:100%;
 
             margin-bottom:10px;
 
-            box-sizing:border-box;
 
+            padding-top:0px;
 
             margin-top:10px;
 
             height:30px;
 
-            margin-left:auto;
 
     }
 
     .content .body .right .ms-channel-path span 
     {
 
-            font-size:16PX;
 
             color:#909399;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
+            font-size:16PX;
 
     }
 
     .content .body .right .ms-channel-path .ms-channel-path-index 
     {
 
@@ -314,11 +293,11 @@ var app = new Vue({
 
     }
 
     .content .body .right .news-date-hit span 
     {
 
-            font-size:16PX;
 
             color:#909399;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
+            font-size:16PX;
 
     }
 
     .content .body .right .news-date-hit .date 
     {
 
@@ -332,32 +311,39 @@ var app = new Vue({
 
     }
 
     .content .body .right .news-body 
     {
 
-            flex-direction:column;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            margin-left:0px;
 
             margin-right:0px;
 
             padding-bottom:0px;
 
             flex-wrap:nowrap;
 
+            flex-direction:column;
 
+            display:flex;
 
             width:100%;
 
+            box-sizing:border-box;
 
             margin-bottom:0px;
 
             padding-top:0px;
 
             margin-top:0px;
 
             height:300px;
 
+            margin-left:0px;
 
+    }
 
+    .content .body .right .news-body span 
+    {
 
+            flex-direction:row;
 
+            word-wrap:break-word;
 
+            display:inline-block;
 
+            font-size:14px;
 
     }
 
     .content .body .right .news-pre 
     {
 
+            margin-right:0px;
 
+            padding-bottom:0px;
 
             align-items:center;
 
+            flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
+            width:100%;
 
             box-sizing:border-box;
 
+            padding-top:0px;
 
             justify-content:flex-start;
 
             margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            padding-top:0px;
 
             height:40px;
 
     }
 
     .content .body .right .news-pre .label 
@@ -381,17 +367,17 @@ var app = new Vue({
 
     }
 
     .content .body .right .news-next 
     {
 
+            margin-right:0px;
 
+            padding-bottom:0px;
 
             align-items:center;
 
+            flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
+            width:100%;
 
             box-sizing:border-box;
 
+            padding-top:0px;
 
             justify-content:flex-start;
 
             margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            padding-top:0px;
 
             height:40px;
 
     }
 
     .content .body .right .news-next .label 
@@ -433,14 +419,55 @@ var app = new Vue({
 
         .content .body 
         {
 
                 padding-bottom:20px;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
+                align-items:center;
 
+                flex-wrap:wrap;
 
+                flex-direction:row;
 
                 display:flex;
 
                 padding-right:0px;
 
                 width:100%;
 
                 box-sizing:border-box;
 
                 padding-top:20px;
 
                 padding-left:0px;
 
+                justify-content:center;
 
+        }
 
+        .content .body .left 
+        {
 
+                padding-bottom:0px;
 
+                flex-wrap:nowrap;
 
+                flex-direction:column;
 
+                display:flex;
 
+                padding-right:0px;
 
+                width:90%;
 
+                box-sizing:border-box;
 
+                padding-top:0px;
 
+                padding-left:0px;
 
+                margin-top:0px;
 
+                height:100%;
 
+        }
 
+        .content .body .left .sub-title-sel 
+        {
 
+                background-color:#F2F6FC;
 
+                color:#409EFF;
 
+                flex-direction:row;
 
+                word-wrap:break-word;
 
+                display:inline-block;
 
+                font-size:16PX;
 
+                padding-top:10px;
 
+                padding-left:10px;
 
+                margin-top:2px;
 
+                height:40px;
 
+        }
 
+        .content .body .left .sub-title 
+        {
 
+                color:#5F5F5F;
 
+                flex-direction:row;
 
+                word-wrap:break-word;
 
+                display:inline-block;
 
+                font-size:16PX;
 
+                padding-top:10px;
 
+                padding-left:10px;
 
+                margin-top:0px;
 
+                height:40px;
 
         }
 
         .content .body .right 
         {
 
@@ -449,7 +476,7 @@ var app = new Vue({
 
                 flex-direction:column;
 
                 display:flex;
 
                 padding-right:0px;
 
-                width:100%;
 
+                width:90%;
 
                 margin-bottom:0px;
 
                 box-sizing:border-box;
 
                 padding-top:0px;
 
@@ -500,11 +527,11 @@ var app = new Vue({
 
         }
 
         .content .body .right .big-title 
         {
 
-                font-size:22PX;
 
-                padding-left:0px;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
+                font-size:22PX;
 
+                padding-left:0px;
 
         }
 
         .content .body .right .news-date-hit 
         {
 
@@ -521,11 +548,11 @@ var app = new Vue({
 
         }
 
         .content .body .right .news-date-hit span 
         {
 
-                font-size:16PX;
 
                 color:#909399;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
+                font-size:16PX;
 
         }
 
         .content .body .right .news-date-hit .date 
         {
 
@@ -539,32 +566,39 @@ var app = new Vue({
 
         }
 
         .content .body .right .news-body 
         {
 
-                flex-direction:row;
 
-                display:flex;
 
-                box-sizing:border-box;
 
-                margin-left:0px;
 
                 margin-right:0px;
 
                 padding-bottom:0px;
 
                 flex-wrap:nowrap;
 
+                flex-direction:column;
 
+                display:flex;
 
                 width:100%;
 
+                box-sizing:border-box;
 
                 margin-bottom:0px;
 
                 padding-top:0px;
 
                 margin-top:0px;
 
                 height:300px;
 
+                margin-left:0px;
 
+        }
 
+        .content .body .right .news-body span 
+        {
 
+                flex-direction:row;
 
+                word-wrap:break-word;
 
+                display:inline-block;
 
+                font-size:14px;
 
         }
 
         .content .body .right .news-pre 
         {
 
+                margin-right:0px;
 
+                padding-bottom:0px;
 
                 align-items:center;
 
+                flex-wrap:nowrap;
 
                 flex-direction:row;
 
                 display:flex;
 
+                width:100%;
 
                 box-sizing:border-box;
 
+                padding-top:0px;
 
                 justify-content:flex-start;
 
                 margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                padding-top:0px;
 
                 height:40px;
 
         }
 
         .content .body .right .news-pre .label 
@@ -588,17 +622,17 @@ var app = new Vue({
 
         }
 
         .content .body .right .news-next 
         {
 
+                margin-right:0px;
 
+                padding-bottom:0px;
 
                 align-items:center;
 
+                flex-wrap:nowrap;
 
                 flex-direction:row;
 
                 display:flex;
 
+                width:100%;
 
                 box-sizing:border-box;
 
+                padding-top:0px;
 
                 justify-content:flex-start;
 
                 margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                padding-top:0px;
 
                 height:40px;
 
         }
 
         .content .body .right .news-next .label 
@@ -621,4 +655,6 @@ var app = new Vue({
 
                 padding-top:0px;
 
         }
 
 
-}</style>
 
+}</style>
 
+ </body>
 
+</html>

+ 238 - 482
src/main/webapp/template/1/default/news-list.htm
View File 

@@ -1,232 +1,131 @@
 
-
 
-
 
-
 
-
 
-
 
 <html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
+ <head>
 
+  <meta charset="utf-8">
 
+  <title>{ms:global.name/}</title>
 
+  <meta http-equiv="content-type" content="text/html">
 
+  <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
 
+  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">
 
+  <meta name="format-detection" content="telephone=no">
 
+  <meta name="app-mobile-web-app-capable" content="yes">
 
+  <meta name="app-mobile-web-app-status-bar-style" content="black-translucent">
 
+  <meta name="keywords" content="{ms:global.keyword/}">
 
+  <meta name="description" content="{ms:global.descrip/}">
 
+  <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css">
 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css">
 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
+  <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css">
 
+  <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css">
 
+  <!--网络请求框架-->
 
+  <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
+  <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
+  <script>
 
         ms.base = "";
 
     </script>
 
-    <style>
 
+  <style>
 
         [v-cloak]{
 
             display: none;
 
         }
 
     </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
+ </head>
 
+ <body>
 
+  <div id="app" v-cloak>
 
+   <#include "nav.htm" />
 
+   <div class="news">
 
+    <div class="body">
 
+     <div class="left">
 
+     {ms:channel type='parent'}
 
+     <span class="title"> ${field.typetitle}</span>
 
+     {/ms:channel}
 
+     <#assign typetitle=field.typetitle>
 
+     <#if field.leaf>
 
+     {ms:channel type='level'}
 
+     <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+     {/ms:channel}
 
+     <#else>
 
+     {ms:channel type='son'}
 
+     <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+     {/ms:channel}
 
+    </#if>
 
+    </div>
 
+     <div class="right">
 
+      <div class="ms-channel-path">
 
+       <span class="ms-channel-path-label"> 当前位置： </span>
 
+       <a href="/" class="ms-channel-path-index"> 首页 </a> {ms:channel type="path"}
 
+       <i class="iconfont icon-youjiantou"></i>
 
+       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> ${field.typetitle} </a> {/ms:channel}
 
+      </div>
 
+      <div class="right-body">
 
+       {ms:arclist size=10 ispaging=true}
 
+       <div class="news-item">
 
+        <div class="pic">
 
+         <img title="" alt="" src="{@ms:file field.litpic/}">
 
+        </div>
 
+        <div class="news-content">
 
+         <a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a>
 
+         <span class="desc"> ${field.descrip} </span>
 
+         <div class="news-footer">
 
+          <span class="label"> 发布时间 </span>
 
+          <span class="v"> ${field.date?string("yyyy-MM-dd")} </span>
 
+         </div>
 
+        </div>
 
+       </div>
 
+       {/ms:arclist}
 
 
-        <#include "nav.htm"/>
 
+      </div>
 
+
 
+      <div class="page">
 
+       <el-pagination
 
+               background
 
+               @current-change="handleCurrentChange"
 
+               :page-size="pageSize"
 
+               :current-page.sync="pageCur"
 
+               layout="prev, pager, next, jumper"
 
+               :total="contentCount"> </el-pagination>
 
+
 
+      </div>
 
+
 
+     </div>
 
 
-<div class="news">
 
-<div class="body">
 
-<div class="left">
 
-<span class="title" >
 
-${field.typename}
 
-</span>
 
-{ms:channel type='son'}
 
-<a href="{ms:global.url/}${field.typelink}"
 
-target="_blank"
 
-class="sub-title-sel">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-<span class="sub-title" >
 
-分类名称
 
-</span>
 
-</div>
 
-<div class="right">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<div class="right-body">
 
-{ms:arclist ispaging=true}
 
-<div class="news-item">
 
-<div class="pic">
 
-<img
 
-title=""
 
-alt=""
 
-src="{@ms:file field.litpic/}"
 
-/>
 
-</div>
 
-<div class="news-content">
 
-<a href="{ms:global.url/}${field.link}"
 
-class="title">
 
-${field.title}
 
-</a>
 
-<span class="desc" >
 
-${field.descrip}
 
-</span>
 
-<div class="news-footer">
 
-<span class="label" >
 
-发布时间
 
-</span>
 
-<span class="v" >
 
-${field.date?string("yyyy-MM-dd")}
 
-</span>
 
-<span class="label" >
 
-预览次数
 
-</span>
 
-<span class="v" >
 
-${field.hit}
 
-</span>
 
-</div> </div> </div>
 
-{/ms:arclist} </div>
 
-<div class="page">
 
-<#assign pagerCount=3 />
 
-<#assign pageCount=page.total />
 
-<#assign currentPage=page.cur />
 
-<#assign halfPagerCount=(pagerCount-1)/2/>
 
-<#assign showPrevMore=false />
 
-<#assign showNextMore=false />
 
-<#assign arr=[] />
 
-<#--判断是否有翻页-->
 
-<#if pageCount gt pagerCount>
 
-<#if currentPage gt pagerCount - halfPagerCount>
 
-<#assign showPrevMore=true />
 
-</#if>
 
-<#if currentPage lt pageCount - halfPagerCount>
 
-<#assign showNextMore=true />
 
-</#if>
 
-</#if>
 
-<#--计算页码-->
 
-<#if showPrevMore&&!showNextMore>
 
-<#assign startPage=pageCount - (pagerCount - 2) />
 
-<#list startPage..pageCount-1 as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif !showPrevMore && showNextMore>
 
-<#list 2..pagerCount as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif showPrevMore && showNextMore>
 
-<#assign offset=(pagerCount / 2)?floor - 1 />
 
-<#list currentPage - offset..currentPage + offset as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#else>
 
-<#list 2..pageCount as x>
 
-<#if x lt pageCount>
 
-<#assign arr=arr+[x] />
 
-</#if>
 
-</#list>
 
-</#if>
 
-<div class="ms-page">
 
-<a href="{ms:global.url/}{ms:page.pre/}">
 
-<i class="iconfont icon-zuojiantou ms-page-pre"></i>
 
-</a>
 
-<#--第一页-->
 
-<#if pageCount gt 0>
 
-<a href="{ms:global.url/}{ms:page.index/}">
 
-<#if 1==currentPage>
 
-<span class="ms-page-no-sel">1</span>
 
-<#else>
 
-<span class="ms-page-no">1</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<#--翻页的省略号-->
 
-<#if showPrevMore>
 
-<span class="ms-page-dot">
 
-...
 
-</span>
 
-</#if>
 
-<#--中间的页码-->
 
-<#list arr as x>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${x}.html">
 
-<#if x==currentPage>
 
-<span class="ms-page-no-sel">${x}</span>
 
-<#else>
 
-<span class="ms-page-no">${x}</span>
 
-</#if>
 
-</a>
 
-</#list>
 
-<#-- 最后一页-->
 
-<#if pageCount gt 1>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${pageCount}.html">
 
-<#if pageCount==currentPage>
 
-<span class="ms-page-no-sel">${pageCount}</span>
 
-<#else>
 
-<span class="ms-page-no">${pageCount}</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<a href="{ms:global.url/}{ms:page.next/}">
 
-<i class="iconfont icon-youjiantou ms-page-next"></i>
 
-</a>
 
-<#--span>
 
-前往
 
-<input type="number" onchange="location.href='{ms:global.url/}${field.categoryPath}/'+((this.value<=1?'index':('list-'+(this.value>${pageCount}?${pageCount}:this.value)))+'.html')">
 
-页
 
-</span-->
 
-</div>
 
-</div> </div> </div> </div>
 
-        <#include "footer.htm"/>
 
-    </div>
 
-</body>
 
-</html>
 
 
-<script>
 
+
 
+    </div>
 
+   </div>
 
+   <#include "footer.htm" />
 
+  </div>
 
+  <script>
 
 var app = new Vue({
 
     el: '#app',
 
     watch:{
 
     },
 
     data: {
 
+     //当前页数
 
+     pageCur: ${(page.cur)!1},
 
+     //每页文章条数
 
+     pageSize: ${(page.size)!20},
 
+     //页数总数
 
+     pageTotal: ${(page.total)!0},
 
+     //内容总数
 
+     contentCount: ${(page.rcount)!0}
 
     },
 
     methods: {
 
-       switchShow:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display=e.style.display=='none'?'flex':'none'
 
-               }
 
-           })
 
-       },
 
+     handleCurrentChange:function(val) {
 
+      if(val==1) {
 
+       location.href = "{ms:global.url/}/${field.categoryPath}/index.html";
 
+      } else {
 
+       location.href = "{ms:global.url/}/${field.categoryPath}/list-" + val + ".html";
 
+      }
 
+     }
 
     },
 
     created(){
 
     }
 
 })
 
 </script>
 
-
 
-<style>
 
+  <style>
 
     body {
 
         background-color:#fff;
 
         box-sizing:border-box;
 
@@ -235,7 +134,7 @@ var app = new Vue({
 
         webkit-box-sizing:border-box;
 
     }
 
 
-    .news 
+    .news
 
     {
 
             align-items:center;
 
             flex-direction:row;
 
@@ -250,22 +149,22 @@ var app = new Vue({
 
             padding-top:0px;
 
             padding-left:0px;
 
             margin-top:0px;
 
-            height:800px;
 
     }
 
-    .news .body 
+    .news .body
 
     {
 
             padding-bottom:20px;
 
             flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
             padding-right:0px;
 
-            width:1200px;
 
+            width:1200%;
 
             box-sizing:border-box;
 
             padding-top:20px;
 
             padding-left:0px;
 
+            justify-content:center;
 
             height:100%;
 
     }
 
-    .news .body .left 
+    .news .body .left
 
     {
 
             padding-bottom:0px;
 
             flex-wrap:nowrap;
 
@@ -279,13 +178,13 @@ var app = new Vue({
 
             margin-top:0px;
 
             height:100%;
 
     }
 
-    .news .body .left .title 
+    .news .body .left .title
 
     {
 
+            border-bottom-color:#C0C4CC;
 
             color:#C0C4CC;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
-            border-bottom-color:#C0C4CC;
 
             font-size:16PX;
 
             border-bottom-style:dashed;
 
             padding-top:10px;
 
@@ -294,7 +193,7 @@ var app = new Vue({
 
             margin-top:0px;
 
             height:40px;
 
     }
 
-    .news .body .left .sub-title-sel 
+    .news .body .left .sub-title-sel
 
     {
 
             background-color:#F2F6FC;
 
             color:#409EFF;
 
@@ -307,34 +206,49 @@ var app = new Vue({
 
             margin-top:2px;
 
             height:40px;
 
     }
 
-    .news .body .left .sub-title 
+    .news .body .left .sub-title
 
     {
 
-            color:#5F5F5F;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            padding-top:10px;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-            height:40px;
 
+     color:#5F5F5F;
 
+     flex-direction:row;
 
+     word-wrap:break-word;
 
+     display:inline-block;
 
+     font-size:16PX;
 
+     padding-top:10px;
 
+     padding-left:10px;
 
+     margin-top:0px;
 
+     height:40px;
 
     }
 
-    .news .body .right 
+    .news .body .right
 
     {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
             flex-direction:column;
 
             display:flex;
 
             padding-right:0px;
 
-            box-sizing:border-box;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
             width:1000px;
 
             margin-bottom:0px;
 
+            box-sizing:border-box;
 
             padding-top:0px;
 
             padding-left:20px;
 
             margin-top:0px;
 
             height:100%;
 
     }
 
-    .news .body .right .ms-channel-path 
+
 
+    .news .body .right .page {
 
+     padding-right: 0px;
 
+     padding-bottom: 0px;
 
+     flex-wrap: nowrap;
 
+     height: 60px;
 
+     align-items: center;
 
+     justify-content: center;
 
+     padding-left: 0px;
 
+     box-sizing: border-box;
 
+     padding-top: 0px;
 
+     flex-direction: row;
 
+     display: flex;
 
+     width: 100%;
 
+    }
 
+    .news .body .right .ms-channel-path
 
     {
 
             align-items:center;
 
             flex-direction:row;
 
@@ -352,15 +266,15 @@ var app = new Vue({
 
             margin-top:10px;
 
             height:30px;
 
     }
 
-    .news .body .right .ms-channel-path span 
+    .news .body .right .ms-channel-path span
 
     {
 
-            font-size:16PX;
 
             color:#909399;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
+            font-size:16PX;
 
     }
 
-    .news .body .right .ms-channel-path .ms-channel-path-index 
+    .news .body .right .ms-channel-path .ms-channel-path-index
 
     {
 
             cursor:pointer;
 
             color:#000;
 
@@ -369,10 +283,10 @@ var app = new Vue({
 
             margin-bottom:0px;
 
             margin-top:0px;
 
     }
 
-    .news .body .right .ms-channel-path >i 
+    .news .body .right .ms-channel-path >i
 
     {
 
     }
 
-    .news .body .right .ms-channel-path .ms-channel-path-link 
+    .news .body .right .ms-channel-path .ms-channel-path-link
 
     {
 
             cursor:pointer;
 
             color:#000;
 
@@ -381,7 +295,7 @@ var app = new Vue({
 
             margin-bottom:0px;
 
             margin-top:0px;
 
     }
 
-    .news .body .right .right-body 
+    .news .body .right .right-body
 
     {
 
             align-items:flex-start;
 
             flex-direction:column;
 
@@ -398,22 +312,22 @@ var app = new Vue({
 
             margin-top:0px;
 
             height:100%;
 
     }
 
-    .news .body .right .right-body .news-item 
+    .news .body .right .right-body .news-item
 
     {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
             padding-right:0px;
 
-            box-sizing:border-box;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
             width:100%;
 
+            box-sizing:border-box;
 
             margin-bottom:10px;
 
             padding-top:0px;
 
             padding-left:0px;
 
             margin-top:0px;
 
             height:120px;
 
     }
 
-    .news .body .right .right-body .news-item .pic 
+    .news .body .right .right-body .news-item .pic
 
     {
 
             padding-bottom:0px;
 
             flex-wrap:nowrap;
 
@@ -424,7 +338,7 @@ var app = new Vue({
 
             padding-top:0px;
 
             height:120px;
 
     }
 
-    .news .body .right .right-body .news-item .pic img 
+    .news .body .right .right-body .news-item .pic img
 
     {
 
             margin-right:0px;
 
             padding-bottom:0px;
 
@@ -436,30 +350,32 @@ var app = new Vue({
 
             height:100%;
 
             margin-left:0px;
 
     }
 
-    .news .body .right .right-body .news-item .news-content 
+    .news .body .right .right-body .news-item .news-content
 
     {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
             flex-direction:column;
 
             display:flex;
 
             padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:flex-start;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
             width:100%;
 
+            box-sizing:border-box;
 
             padding-top:0px;
 
             position:relative;
 
             padding-left:10px;
 
+            justify-content:flex-start;
 
             height:100%;
 
     }
 
-    .news .body .right .right-body .news-item .news-content .title 
+    .news .body .right .right-body .news-item .news-content .title
 
     {
 
-            font-size:18PX;
 
-            padding-left:0px;
 
+            padding-bottom:0px;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
+            font-size:18PX;
 
+            padding-top:0px;
 
+            padding-left:0px;
 
     }
 
-    .news .body .right .right-body .news-item .news-content .desc 
+    .news .body .right .right-body .news-item .news-content .desc
 
     {
 
             padding-bottom:8px;
 
             color:#909399;
 
@@ -473,7 +389,7 @@ var app = new Vue({
 
             padding-left:0px;
 
             height:100px;
 
     }
 
-    .news .body .right .right-body .news-item .news-content .news-footer 
+    .news .body .right .right-body .news-item .news-content .news-footer
 
     {
 
             align-items:center;
 
             flex-direction:row;
 
@@ -486,121 +402,43 @@ var app = new Vue({
 
             padding-bottom:0px;
 
             flex-wrap:nowrap;
 
             width:100%;
 
+            margin-bottom:0px;
 
             padding-top:0px;
 
             padding-left:0px;
 
             height:30%;
 
     }
 
-    .news .body .right .right-body .news-item .news-content .news-footer .label 
+    .news .body .right .right-body .news-item .news-content .news-footer .label
 
     {
 
+            margin-right:0px;
 
+            padding-bottom:0px;
 
             color:#C0C4CC;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
             padding-right:0px;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
             font-size:14PX;
 
             margin-bottom:0px;
 
             padding-top:0px;
 
             padding-left:0px;
 
+            margin-left:0px;
 
     }
 
-    .news .body .right .right-body .news-item .news-content .news-footer .v 
+    .news .body .right .right-body .news-item .news-content .news-footer .v
 
     {
 
+            margin-right:10px;
 
+            padding-bottom:0px;
 
             color:#C0C4CC;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
             padding-right:0px;
 
-            margin-left:10px;
 
-            margin-right:10px;
 
-            padding-bottom:0px;
 
             font-size:14PX;
 
             margin-bottom:0px;
 
             padding-top:0px;
 
             padding-left:0px;
 
-    }
 
-    .news .body .right .page 
-    {
 
-            align-items:flex-start;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:10px;
 
-            box-sizing:border-box;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:10px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:10px;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-    }
 
-    .news .body .right .page .ms-page 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0;
 
-            height:40px;
 
-    }
 
-    .news .body .right .page .ms-page .ms-page-left 
-    {
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .news .body .right .page .ms-page .ms-page-no 
-    {
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .news .body .right .page .ms-page .ms-page-no-sel 
-    {
 
-            color:#409EFF;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .news .body .right .page .ms-page .ms-page-dot 
-    {
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
-    }
 
-    .news .body .right .page .ms-page .ms-page-right 
-    {
 
-            margin-top:0px;
 
-            margin-left:0px;
 
+            margin-left:10px;
 
     }
 
 @media (max-width: 768px){
 
-        .news 
+        .news
 
         {
 
                 align-items:center;
 
                 flex-direction:row;
 
@@ -616,9 +454,10 @@ var app = new Vue({
 
                 padding-left:0px;
 
                 margin-top:0px;
 
         }
 
-        .news .body 
+        .news .body
 
         {
 
                 padding-bottom:20px;
 
+                align-items:center;
 
                 flex-wrap:nowrap;
 
                 flex-direction:column;
 
                 display:flex;
 
@@ -627,8 +466,9 @@ var app = new Vue({
 
                 box-sizing:border-box;
 
                 padding-top:20px;
 
                 padding-left:0px;
 
+                justify-content:flex-start;
 
         }
 
-        .news .body .left 
+        .news .body .right
 
         {
 
                 padding-bottom:0px;
 
                 flex-wrap:nowrap;
 
@@ -636,71 +476,64 @@ var app = new Vue({
 
                 display:flex;
 
                 padding-right:0px;
 
                 width:100%;
 
+                margin-bottom:0px;
 
                 box-sizing:border-box;
 
                 padding-top:0px;
 
                 padding-left:0px;
 
-                height:100%;
 
+                margin-top:0px;
 
         }
 
-        .news .body .left .title 
+        .news .body .right .ms-channel-path
 
         {
 
-                border-bottom-color:#C0C4CC;
 
-                color:#C0C4CC;
 
+                align-items:center;
 
                 flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-                border-bottom-style:dashed;
 
-                padding-top:10px;
 
-                border-bottom-width:1px;
 
-                padding-left:10px;
 
-                height:40px;
 
+                display:flex;
 
+                padding-right:0px;
 
+                box-sizing:border-box;
 
+                margin-left:auto;
 
+                margin-right:auto;
 
+                padding-bottom:0px;
 
+                flex-wrap:nowrap;
 
+                width:90%;
 
+                margin-bottom:10px;
 
+                padding-top:0px;
 
+                padding-left:0px;
 
+                margin-top:10px;
 
+                height:30px;
 
         }
 
-        .news .body .left .sub-title-sel 
+        .news .body .right .ms-channel-path span
 
         {
 
-                background-color:#F2F6FC;
 
-                color:#409EFF;
 
+                color:#909399;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
                 font-size:16PX;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-top:2px;
 
-                height:40px;
 
         }
 
-        .news .body .left .sub-title 
+        .news .body .right .ms-channel-path .ms-channel-path-index
 
         {
 
-                color:#5F5F5F;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
+                cursor:pointer;
 
+                color:#000;
 
                 font-size:16PX;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
+                text-decoration:none;
 
+                margin-bottom:0px;
 
                 margin-top:0px;
 
-                height:40px;
 
         }
 
-        .news .body .right 
+        .news .body .right .ms-channel-path .ms-channel-path-link
 
         {
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
+                cursor:pointer;
 
+                color:#000;
 
+                font-size:16PX;
 
+                text-decoration:none;
 
                 margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
                 margin-top:0px;
 
         }
 
-        .news .body .right .right-body 
+        .news .body .right .right-body
 
         {
 
-                align-items:flex-start;
 
+                align-items:center;
 
                 flex-direction:column;
 
                 display:flex;
 
                 padding-right:0px;
 
                 box-sizing:border-box;
 
+                justify-content:center;
 
                 margin-left:0px;
 
                 margin-right:0px;
 
                 padding-bottom:10px;
 
@@ -711,20 +544,20 @@ var app = new Vue({
 
                 margin-top:0px;
 
                 height:100%;
 
         }
 
-        .news .body .right .right-body .news-item 
+        .news .body .right .right-body .news-item
 
         {
 
                 padding-bottom:0px;
 
                 flex-wrap:nowrap;
 
                 flex-direction:column;
 
                 display:flex;
 
                 padding-right:0px;
 
-                width:100%;
 
+                width:90%;
 
                 box-sizing:border-box;
 
                 margin-bottom:10px;
 
                 padding-top:0px;
 
                 padding-left:0px;
 
         }
 
-        .news .body .right .right-body .news-item .pic 
+        .news .body .right .right-body .news-item .pic
 
         {
 
                 padding-bottom:0px;
 
                 flex-wrap:nowrap;
 
@@ -736,7 +569,7 @@ var app = new Vue({
 
                 padding-top:0px;
 
                 height:120px;
 
         }
 
-        .news .body .right .right-body .news-item .pic img 
+        .news .body .right .right-body .news-item .pic img
 
         {
 
                 padding-bottom:0px;
 
                 padding-right:0px;
 
@@ -745,22 +578,22 @@ var app = new Vue({
 
                 padding-left:0px;
 
                 height:100%;
 
         }
 
-        .news .body .right .right-body .news-item .news-content 
+        .news .body .right .right-body .news-item .news-content
 
         {
 
+                padding-bottom:0px;
 
+                flex-wrap:nowrap;
 
                 flex-direction:column;
 
                 display:flex;
 
                 padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:flex-start;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
                 width:100%;
 
+                box-sizing:border-box;
 
                 padding-top:0px;
 
                 position:relative;
 
                 padding-left:0px;
 
+                justify-content:flex-start;
 
                 height:100%;
 
         }
 
-        .news .body .right .right-body .news-item .news-content .title 
+        .news .body .right .right-body .news-item .news-content .title
 
         {
 
                 padding-bottom:0px;
 
                 text-align:left;
 
@@ -773,14 +606,14 @@ var app = new Vue({
 
                 padding-left:0px;
 
                 margin-top:8px;
 
         }
 
-        .news .body .right .right-body .news-item .news-content .desc 
+        .news .body .right .right-body .news-item .news-content .desc
 
         {
 
+                padding-bottom:8px;
 
                 color:#909399;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
                 padding-right:0px;
 
-                padding-bottom:8px;
 
                 font-size:14PX;
 
                 margin-bottom:0px;
 
                 padding-top:8px;
 
@@ -788,7 +621,7 @@ var app = new Vue({
 
                 margin-top:0px;
 
                 height:100px;
 
         }
 
-        .news .body .right .right-body .news-item .news-content .news-footer 
+        .news .body .right .right-body .news-item .news-content .news-footer
 
         {
 
                 align-items:center;
 
                 flex-direction:row;
 
@@ -805,114 +638,37 @@ var app = new Vue({
 
                 padding-left:0px;
 
                 height:30%;
 
         }
 
-        .news .body .right .right-body .news-item .news-content .news-footer .label 
+        .news .body .right .right-body .news-item .news-content .news-footer .label
 
         {
 
+                margin-right:0px;
 
+                padding-bottom:0px;
 
                 color:#C0C4CC;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
                 padding-right:0px;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
                 font-size:14PX;
 
                 margin-bottom:0px;
 
                 padding-top:0px;
 
                 padding-left:0px;
 
+                margin-left:0px;
 
         }
 
-        .news .body .right .right-body .news-item .news-content .news-footer .v 
+        .news .body .right .right-body .news-item .news-content .news-footer .v
 
         {
 
+                margin-right:10px;
 
+                padding-bottom:0px;
 
                 color:#C0C4CC;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
                 padding-right:0px;
 
-                margin-left:10px;
 
-                margin-right:10px;
 
-                padding-bottom:0px;
 
                 font-size:14PX;
 
                 margin-bottom:0px;
 
                 padding-top:0px;
 
                 padding-left:0px;
 
-        }
 
-        .news .body .right .page 
-        {
 
-                align-items:flex-start;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:10px;
 
-                box-sizing:border-box;
 
-                margin-left:0px;
 
-                margin-right:0px;
 
-                padding-bottom:10px;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-        }
 
-        .news .body .right .page .ms-page 
-        {
 
-                align-items:center;
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                justify-content:center;
 
-                margin-left:0;
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                width:100%;
 
-                margin-bottom:0;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0;
 
-                height:40px;
 
-        }
 
-        .news .body .right .page .ms-page .ms-page-left 
-        {
 
-                margin-bottom:0px;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .news .body .right .page .ms-page .ms-page-no 
-        {
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .news .body .right .page .ms-page .ms-page-no-sel 
-        {
 
-                color:#409EFF;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .news .body .right .page .ms-page .ms-page-dot 
-        {
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                width:40px;
 
-                font-size:16PX;
 
-                margin-top:0px;
 
-                margin-left:0px;
 
-        }
 
-        .news .body .right .page .ms-page .ms-page-right 
-        {
 
-                margin-top:0px;
 
-                margin-left:0px;
 
+                margin-left:10px;
 
         }
 
 
-}</style>
 
+}</style>
 
+ </body>
 
+</html>

+ 145 - 159
src/main/webapp/template/1/default/product-detail.htm
View File 

@@ -1,104 +1,85 @@
 
-
 
-
 
-
 
-
 
-
 
 <html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
+ <head> 
+  <meta charset="utf-8"> 
+  <title>{ms:global.name/}</title> 
+  <meta http-equiv="content-type" content="text/html"> 
+  <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> 
+  <meta name="format-detection" content="telephone=no"> 
+  <meta name="app-mobile-web-app-capable" content="yes"> 
+  <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> 
+  <meta name="keywords" content="{ms:global.keyword/}"> 
+  <meta name="description" content="{ms:global.descrip/}"> 
+  <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> 
+  <script>
 
         ms.base = "";
 
-    </script>
 
-    <style>
 
+    </script> 
+  <style>
 
         [v-cloak]{
 
             display: none;
 
         }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "nav.htm"/>
 
-
 
-<div class="content">
 
-<div class="body">
 
-<div class="left">
 
-<span class="title" >
 
-分类名称
 
-</span>
 
-<span class="sub-title-sel" >
 
-分类名称
 
-</span>
 
-<span class="sub-title" >
 
-分类名称
 
-</span>
 
-</div>
 
-<div class="right">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<div class="product">
 
-<div class="pic">
 
-<img
 
-title=""
 
-alt=""
 
-src="{@ms:file field.litpic/}"
 
-/>
 
-<div class="text">
 
-<span class="big-title" >
 
-${field.title}
 
-</span>
 
-<span class="desc" >
 
-${field.descrip}
 
-</span>
 
-</div> </div>
 
-<div class="content">
 
-<span class="label" >
 
-详情
 
-</span>
 
-<div class="content-body">
 
-</div> </div> </div> </div> </div> </div>
 
-        <#include "footer.htm"/>
 
+    </style> 
+ </head> 
+ <body> 
+  <div id="app" v-cloak> 
+   <#include "nav.htm" /> 
+   <div class="content"> 
+    <div class="body">
 
+     <div class="left">
 
+      {ms:channel type='parent'}
 
+      <span class="title"> ${field.typetitle} </span>
 
+      {/ms:channel}
 
+      <#assign typetitle=field.typetitle>
 
+      <#if field.leaf>
 
+      {ms:channel type='level'}
 
+      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+      {/ms:channel}
 
+      <#else>
 
+      {ms:channel type='son'}
 
+      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+      {/ms:channel}
 
+     </#if>
 
     </div>
 
-</body>
 
-</html>
 
-
 
-<script>
 
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置： </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a> {ms:channel type="path"} 
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> ${field.typetitle} </a> {/ms:channel} 
+      </div> 
+      <div class="product"> 
+       <div class="pic"> 
+        <img title="" alt="" src="{@ms:file field.litpic/}"> 
+        <div class="text"> 
+         <span class="big-title"> ${field.title} </span> 
+         <span class="desc"> ${field.descrip} </span> 
+        </div> 
+       </div> 
+       <div class="content"> 
+        <span class="label"> 详情 </span> 
+        <div class="content-body"> 
+         <span> ${field.content} </span> 
+        </div> 
+       </div> 
+      </div> 
+     </div> 
+    </div> 
+   </div> 
+   <#include "footer.htm" /> 
+  </div>   
+  <script>
 
 var app = new Vue({
 
     el: '#app',
 
     watch:{
 
@@ -119,9 +100,8 @@ var app = new Vue({
 
     created(){
 
     }
 
 })
 
-</script>
 
-
 
-<style>
 
+</script> 
+  <style>
 
     body {
 
         background-color:#fff;
 
         box-sizing:border-box;
 
@@ -169,58 +149,58 @@ var app = new Vue({
 
             box-sizing:border-box;
 
             padding-top:0px;
 
             padding-left:0px;
 
+            margin-top:0px;
 
             height:100%;
 
     }
 
     .content .body .left .title 
     {
 
+            border-bottom-color:#C0C4CC;
 
             color:#C0C4CC;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
-            border-bottom-color:#C0C4CC;
 
-            padding-bottom:0px;
 
             font-size:16PX;
 
             border-bottom-style:dashed;
 
             padding-top:10px;
 
             border-bottom-width:1px;
 
             padding-left:10px;
 
+            margin-top:0px;
 
             height:40px;
 
     }
 
-    .content .body .left .sub-title-sel 
-    {
 
-            background-color:#F2F6FC;
 
-            color:#409EFF;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            padding-top:10px;
 
-            padding-left:10px;
 
-            margin-top:2px;
 
-            height:40px;
 
+    .content .body .left .sub-title-sel {
 
+     background-color: #F2F6FC;
 
+     color: #409EFF;
 
+     flex-direction: row;
 
+     word-wrap: break-word;
 
+     display: inline-block;
 
+     font-size: 16PX;
 
+     padding-top: 10px;
 
+     padding-left: 10px;
 
+     margin-top: 2px;
 
+     height: 40px;
 
     }
 
-    .content .body .left .sub-title 
-    {
 
-            color:#5F5F5F;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            padding-top:10px;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-            height:40px;
 
+
 
+    .content .body .left .sub-title {
 
+     color: #5F5F5F;
 
+     flex-direction: row;
 
+     word-wrap: break-word;
 
+     display: inline-block;
 
+     font-size: 16PX;
 
+     padding-top: 10px;
 
+     padding-left: 10px;
 
+     margin-top: 0px;
 
+     height: 40px;
 
     }
 
     .content .body .right 
     {
 
+            padding-bottom:0px;
 
+            flex-wrap:wrap;
 
             flex-direction:column;
 
             display:flex;
 
             padding-right:0px;
 
-            box-sizing:border-box;
 
-            padding-bottom:0px;
 
-            flex-wrap:wrap;
 
             width:1000px;
 
             margin-bottom:0px;
 
+            box-sizing:border-box;
 
             padding-top:0px;
 
             position:relative;
 
             padding-left:20px;
 
@@ -228,26 +208,26 @@ var app = new Vue({
 
     }
 
     .content .body .right .ms-channel-path 
     {
 
+            margin-right:auto;
 
             align-items:center;
 
+            flex-wrap:nowrap;
 
             flex-direction:row;
 
             display:flex;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            margin-right:auto;
 
-            flex-wrap:nowrap;
 
             width:100%;
 
             margin-bottom:10px;
 
+            box-sizing:border-box;
 
             padding-left:0px;
 
             margin-top:10px;
 
             height:30px;
 
+            margin-left:auto;
 
     }
 
     .content .body .right .ms-channel-path span 
     {
 
-            font-size:16PX;
 
             color:#909399;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
+            font-size:16PX;
 
     }
 
     .content .body .right .ms-channel-path .ms-channel-path-index 
     {
 
@@ -312,11 +292,11 @@ var app = new Vue({
 
     }
 
     .content .body .right .product .pic .text .big-title 
     {
 
-            font-size:22PX;
 
-            padding-left:0px;
 
             flex-direction:row;
 
             word-wrap:break-word;
 
             display:inline-block;
 
+            font-size:22PX;
 
+            padding-left:0px;
 
     }
 
     .content .body .right .product .pic .text .desc 
     {
 
@@ -362,6 +342,13 @@ var app = new Vue({
 
             padding-left:0px;
 
             height:100%;
 
     }
 
+    .content .body .right .product .content .content-body span 
+    {
 
+            flex-direction:row;
 
+            word-wrap:break-word;
 
+            display:inline-block;
 
+            font-size:14px;
 
+    }
 
 @media (max-width: 768px){
 
         .content 
         {
 
@@ -386,7 +373,7 @@ var app = new Vue({
 
                 flex-direction:column;
 
                 display:flex;
 
                 padding-right:0px;
 
-                width:100%;
 
+                width:90%;
 
                 box-sizing:border-box;
 
                 padding-top:20px;
 
                 padding-left:0px;
 
@@ -406,17 +393,17 @@ var app = new Vue({
 
         }
 
         .content .body .left .title 
         {
 
+                border-bottom-color:#C0C4CC;
 
                 color:#C0C4CC;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
-                border-bottom-color:#C0C4CC;
 
-                padding-bottom:0px;
 
                 font-size:16PX;
 
                 border-bottom-style:dashed;
 
                 padding-top:10px;
 
                 border-bottom-width:1px;
 
                 padding-left:10px;
 
+                margin-top:0px;
 
                 height:40px;
 
         }
 
         .content .body .left .sub-title-sel 
@@ -432,18 +419,6 @@ var app = new Vue({
 
                 margin-top:2px;
 
                 height:40px;
 
         }
 
-        .content .body .left .sub-title 
-        {
 
-                color:#5F5F5F;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                font-size:16PX;
 
-                padding-top:10px;
 
-                padding-left:10px;
 
-                margin-top:0px;
 
-                height:40px;
 
-        }
 
         .content .body .right 
         {
 
                 padding-bottom:0px;
 
@@ -460,26 +435,26 @@ var app = new Vue({
 
         }
 
         .content .body .right .ms-channel-path 
         {
 
+                margin-right:auto;
 
                 align-items:center;
 
+                flex-wrap:nowrap;
 
                 flex-direction:row;
 
                 display:flex;
 
-                box-sizing:border-box;
 
-                margin-left:auto;
 
-                margin-right:auto;
 
-                flex-wrap:nowrap;
 
                 width:100%;
 
                 margin-bottom:10px;
 
+                box-sizing:border-box;
 
                 padding-left:0px;
 
                 margin-top:10px;
 
                 height:30px;
 
+                margin-left:auto;
 
         }
 
         .content .body .right .ms-channel-path span 
         {
 
-                font-size:16PX;
 
                 color:#909399;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
+                font-size:16PX;
 
         }
 
         .content .body .right .ms-channel-path .ms-channel-path-index 
         {
 
@@ -501,14 +476,14 @@ var app = new Vue({
 
         }
 
         .content .body .right .product 
         {
 
+                margin-right:0px;
 
+                padding-bottom:0px;
 
                 flex-direction:column;
 
                 display:flex;
 
                 padding-right:0px;
 
-                box-sizing:border-box;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
                 width:100%;
 
                 margin-bottom:0px;
 
+                box-sizing:border-box;
 
                 padding-top:0px;
 
                 padding-left:0px;
 
                 margin-top:0px;
 
@@ -526,7 +501,9 @@ var app = new Vue({
 
         }
 
         .content .body .right .product .pic img 
         {
 
+                padding-bottom:0px;
 
                 width:100%;
 
+                padding-top:0px;
 
                 padding-left:0px;
 
                 height:400px;
 
         }
 
@@ -542,11 +519,11 @@ var app = new Vue({
 
         }
 
         .content .body .right .product .pic .text .big-title 
         {
 
-                font-size:22PX;
 
-                padding-left:0px;
 
                 flex-direction:row;
 
                 word-wrap:break-word;
 
                 display:inline-block;
 
+                font-size:22PX;
 
+                padding-left:0px;
 
         }
 
         .content .body .right .product .pic .text .desc 
         {
 
@@ -587,5 +564,14 @@ var app = new Vue({
 
                 padding-left:0px;
 
                 height:100%;
 
         }
 
+        .content .body .right .product .content .content-body span 
+        {
 
+                flex-direction:row;
 
+                word-wrap:break-word;
 
+                display:inline-block;
 
+                font-size:14px;
 
+        }
 
 
-}</style>
 
+}</style>
 
+ </body>
 
+</html>

+ 492 - 541
src/main/webapp/template/1/default/product-list.htm
View File 

@@ -1,214 +1,128 @@
 
-
 
-
 
-
 
-
 
-
 
 <html>
 
-<head>
 
-    <meta charset="utf-8" />
 
-    <title>{ms:global.name/}</title>
 
-    <meta http-equiv="content-type" content="text/html" />
 
-    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
 
-    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
 
-    <meta name="format-detection" content="telephone=no"/>
 
-    <meta name="app-mobile-web-app-capable" content="yes"/>
 
-    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
 
-    <meta name="keywords" content="{ms:global.keyword/}" />
 
-    <meta name="description" content="{ms:global.descrip/}" />
 
-    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
 
-    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
 
-    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
 
-    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
 
-
 
-    <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
 
-
 
-    <!--网络请求框架-->
 
-    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
 
-    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
 
-    <script>
 
+ <head> 
+  <meta charset="utf-8"> 
+  <title>{ms:global.name/}</title> 
+  <meta http-equiv="content-type" content="text/html"> 
+  <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> 
+  <meta name="format-detection" content="telephone=no"> 
+  <meta name="app-mobile-web-app-capable" content="yes"> 
+  <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> 
+  <meta name="keywords" content="{ms:global.keyword/}"> 
+  <meta name="description" content="{ms:global.descrip/}"> 
+  <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> 
+  <script>
 
         ms.base = "";
 
-    </script>
 
-    <style>
 
+    </script> 
+  <style>
 
         [v-cloak]{
 
             display: none;
 
         }
 
-    </style>
 
-</head>
 
-<body>
 
-    <div id="app" v-cloak>
 
-
 
-        <#include "nav.htm"/>
 
-
 
-<div class="content">
 
-<div class="body">
 
-<div class="left">
 
-<span class="title" >
 
-${field.typename}
 
-</span>
 
-{ms:channel type='son'}
 
-<a href="{ms:global.url/}${field.typelink}"
 
-target="_blank"
 
-class="sub-title-sel">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-<span class="sub-title" >
 
-分类名称
 
-</span>
 
-</div>
 
-<div class="right">
 
-<div class="ms-channel-path">
 
-<span class="ms-channel-path-label">
 
-当前位置：
 
-</span>
 
-<a href="/" class="ms-channel-path-index">
 
-首页
 
-</a>
 
-{ms:channel type="path"}
 
-<i class="iconfont icon-youjiantou"></i>
 
-<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
-${field.typetitle}
 
-</a>
 
-{/ms:channel}
 
-</div>
 
-<div class="list">
 
-<div class="list-body">
 
-{ms:arclist ispaging=true}
 
-<div class="product">
 
-<img
 
-title=""
 
-alt=""
 
-src="{@ms:file field.litpic/}"
 
-/>
 
-<a href="{ms:global.url/}${field.link}"
 
->
 
-${field.title}
 
-</a>
 
-</div>
 
-{/ms:arclist} </div> </div>
 
-<div class="page">
 
-<#assign pagerCount=3 />
 
-<#assign pageCount=page.total />
 
-<#assign currentPage=page.cur />
 
-<#assign halfPagerCount=(pagerCount-1)/2/>
 
-<#assign showPrevMore=false />
 
-<#assign showNextMore=false />
 
-<#assign arr=[] />
 
-<#--判断是否有翻页-->
 
-<#if pageCount gt pagerCount>
 
-<#if currentPage gt pagerCount - halfPagerCount>
 
-<#assign showPrevMore=true />
 
-</#if>
 
-<#if currentPage lt pageCount - halfPagerCount>
 
-<#assign showNextMore=true />
 
-</#if>
 
-</#if>
 
-<#--计算页码-->
 
-<#if showPrevMore&&!showNextMore>
 
-<#assign startPage=pageCount - (pagerCount - 2) />
 
-<#list startPage..pageCount-1 as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif !showPrevMore && showNextMore>
 
-<#list 2..pagerCount as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#elseif showPrevMore && showNextMore>
 
-<#assign offset=(pagerCount / 2)?floor - 1 />
 
-<#list currentPage - offset..currentPage + offset as x>
 
-<#assign arr=arr+[x] />
 
-</#list>
 
-<#else>
 
-<#list 2..pageCount as x>
 
-<#if x lt pageCount>
 
-<#assign arr=arr+[x] />
 
-</#if>
 
-</#list>
 
-</#if>
 
-<div class="ms-page">
 
-<a href="{ms:global.url/}{ms:page.pre/}">
 
-<i class="iconfont icon-zuojiantou ms-page-pre"></i>
 
-</a>
 
-<#--第一页-->
 
-<#if pageCount gt 0>
 
-<a href="{ms:global.url/}{ms:page.index/}">
 
-<#if 1==currentPage>
 
-<span class="ms-page-no-sel">1</span>
 
-<#else>
 
-<span class="ms-page-no">1</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<#--翻页的省略号-->
 
-<#if showPrevMore>
 
-<span class="ms-page-dot">
 
-...
 
-</span>
 
-</#if>
 
-<#--中间的页码-->
 
-<#list arr as x>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${x}.html">
 
-<#if x==currentPage>
 
-<span class="ms-page-no-sel">${x}</span>
 
-<#else>
 
-<span class="ms-page-no">${x}</span>
 
-</#if>
 
-</a>
 
-</#list>
 
-<#-- 最后一页-->
 
-<#if pageCount gt 1>
 
-<a href="{ms:global.url/}${field.categoryPath}/list-${pageCount}.html">
 
-<#if pageCount==currentPage>
 
-<span class="ms-page-no-sel">${pageCount}</span>
 
-<#else>
 
-<span class="ms-page-no">${pageCount}</span>
 
-</#if>
 
-</a>
 
-</#if>
 
-<a href="{ms:global.url/}{ms:page.next/}">
 
-<i class="iconfont icon-youjiantou ms-page-next"></i>
 
-</a>
 
-<#--span>
 
-前往
 
-<input type="number" onchange="location.href='{ms:global.url/}${field.categoryPath}/'+((this.value<=1?'index':('list-'+(this.value>${pageCount}?${pageCount}:this.value)))+'.html')">
 
-页
 
-</span-->
 
-</div>
 
-</div> </div> </div> </div>
 
-        <#include "footer.htm"/>
 
+    </style> 
+ </head> 
+ <body> 
+  <div id="app" v-cloak> 
+   <#include "nav.htm" /> 
+   <div class="content">
 
+
 
+    <div class="body">
 
+     <div class="left">
 
+      {ms:channel type='parent'}
 
+      <span class="title"> ${field.typetitle} </span>
 
+      {/ms:channel}
 
+      <#assign typetitle=field.typetitle>
 
+      <#if field.leaf>
 
+      {ms:channel type='level'}
 
+      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+      {/ms:channel}
 
+      <#else>
 
+      {ms:channel type='son'}
 
+      <a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
 
+      {/ms:channel}
 
+     </#if>
 
+    </div>
 
+     <div class="right">
 
+      <div class="ms-channel-path">
 
+            <span class="ms-channel-path-label">
 
+                当前位置：
 
+            </span>
 
+       <a href="/" class="ms-channel-path-index">
 
+        首页
 
+       </a>
 
+       {ms:channel type="path"}
 
+       <i class="iconfont icon-youjiantou"></i>
 
+       <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
 
+        ${field.typetitle}
 
+       </a>
 
+       {/ms:channel}
 
+      </div>
 
+      <div class="list">
 
+       <div class="list-body">
 
+        {ms:arclist size=8 ispaging=true}
 
+        <div class="product">
 
+         <img title="" alt="" src="{@ms:file field.litpic/}" />
 
+         <a href="{ms:global.url/}${field.link}">
 
+          ${field.title}
 
+         </a>
 
+        </div>
 
+        {/ms:arclist} </div>
 
+       <div class="page">
 
+        <el-pagination
 
+                background
 
+                @current-change="handleCurrentChange"
 
+                :page-size="pageSize"
 
+                :current-page.sync="pageCur"
 
+                layout="prev, pager, next, jumper"
 
+                :total="contentCount"> </el-pagination>
 
+       </div>
 
+      </div>
 
+     </div>
 
     </div>
 
-</body>
 
-</html>
 
 
-<script>
 
+   </div> 
+   <#include "footer.htm" /> 
+  </div>   
+  <script>
 
 var app = new Vue({
 
     el: '#app',
 
     watch:{
 
     },
 
     data: {
 
+     //当前页数
 
+     pageCur: ${(page.cur)!1},
 
+     //每页文章条数
 
+     pageSize: ${(page.size)!20},
 
+     //页数总数
 
+     pageTotal: ${(page.total)!0},
 
+     //内容总数
 
+     contentCount: ${(page.rcount)!0}
 
     },
 
     methods: {
 
-       switchShow:function(arr){
 
-       var that = this
 
-           arr.forEach(function(x){
 
-              let e = that.$el.querySelector("#key_"+x)
 
-               if(e){
 
-                   e.style.display=e.style.display=='none'?'flex':'none'
 
-               }
 
-           })
 
-       },
 
+     handleCurrentChange:function(val) {
 
+      if(val==1) {
 
+       location.href = "{ms:global.url/}/${field.categoryPath}/index.html";
 
+      } else {
 
+       location.href = "{ms:global.url/}/${field.categoryPath}/list-" + val + ".html";
 
+      }
 
+     }
 
     },
 
     created(){
 
     }
 
 })
 
-</script>
 
-
 
-<style>
 
+</script> 
+  <style>
 
     body {
 
         background-color:#fff;
 
         box-sizing:border-box;
 
@@ -219,12 +133,13 @@ var app = new Vue({
 
 
     .content 
     {
 
-            align-items:flex-start;
 
-            flex-direction:row;
 
+            align-items:center;
 
+            flex-direction:column;
 
             display:flex;
 
             padding-right:0px;
 
             box-sizing:border-box;
 
-            justify-content:center;
 
+            justify-content:flex-start;
 
+            margin-right:0px;
 
             padding-bottom:0px;
 
             flex-wrap:nowrap;
 
             width:100%;
 
@@ -233,276 +148,227 @@ var app = new Vue({
 
             padding-left:0px;
 
             margin-top:0px;
 
     }
 
-    .content .body 
-    {
 
-            padding-bottom:20px;
 
-            flex-wrap:nowrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:1200px;
 
-            box-sizing:border-box;
 
-            padding-top:20px;
 
-            padding-left:0px;
 
-    }
 
-    .content .body .left 
-    {
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            width:200px;
 
-            box-sizing:border-box;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:100%;
 
-    }
 
-    .content .body .left .title 
-    {
 
-            color:#C0C4CC;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            border-bottom-color:#C0C4CC;
 
-            font-size:16PX;
 
-            border-bottom-style:dashed;
 
-            padding-top:10px;
 
-            border-bottom-width:1px;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .content .body .left .sub-title-sel 
-    {
 
-            background-color:#F2F6FC;
 
-            color:#409EFF;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            padding-top:10px;
 
-            padding-left:10px;
 
-            margin-top:2px;
 
-            height:40px;
 
-    }
 
-    .content .body .left .sub-title 
-    {
 
-            color:#5F5F5F;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            font-size:16PX;
 
-            padding-top:10px;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
-            height:40px;
 
-    }
 
-    .content .body .right 
-    {
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            padding-bottom:0px;
 
-            flex-wrap:wrap;
 
-            width:1000px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            position:relative;
 
-            padding-left:20px;
 
-            margin-top:0px;
 
-    }
 
-    .content .body .right .ms-channel-path 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            box-sizing:border-box;
 
-            margin-left:auto;
 
-            margin-right:auto;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:10px;
 
-            padding-left:0px;
 
-            margin-top:10px;
 
-            height:30px;
 
+    .content .body {
 
+     padding-right: 0px;
 
+     margin-right: 0px;
 
+     padding-bottom: 20px;
 
+     flex-wrap: nowrap;
 
+     height: 100%;
 
+     padding-left: 0px;
 
+     box-sizing: border-box;
 
+     padding-top: 20px;
 
+     flex-direction: row;
 
+     display: flex;
 
+     width: 1200px;
 
     }
 
-    .content .body .right .ms-channel-path span 
-    {
 
-            font-size:16PX;
 
-            color:#909399;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
+
 
+    .content .body .left {
 
+     padding-right: 0px;
 
+     padding-bottom: 0px;
 
+     flex-wrap: nowrap;
 
+     height: 100%;
 
+     padding-left: 0px;
 
+     box-sizing: border-box;
 
+     padding-top: 0px;
 
+     flex-direction: column;
 
+     display: flex;
 
+     width: 200px;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .ms-channel-path .ms-channel-path-index 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:16PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
+
 
+    .content .body .left .title {
 
+     border-bottom-style: dashed;
 
+     border-bottom-width: 1px;
 
+     height: 40px;
 
+     font-size: 16PX;
 
+     padding-left: 10px;
 
+     color: #C0C4CC;
 
+     word-wrap: break-word;
 
+     border-bottom-color: #C0C4CC;
 
+     padding-top: 10px;
 
+     flex-direction: row;
 
+     display: inline-block;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .ms-channel-path >i 
-    {
 
+
 
+    .content .body .left .sub-title-sel {
 
+     background-color: #F2F6FC;
 
+     color: #409EFF;
 
+     flex-direction: row;
 
+     word-wrap: break-word;
 
+     display: inline-block;
 
+     font-size: 16PX;
 
+     padding-top: 10px;
 
+     padding-left: 10px;
 
+     margin-top: 2px;
 
+     height: 40px;
 
     }
 
-    .content .body .right .ms-channel-path .ms-channel-path-link 
-    {
 
-            cursor:pointer;
 
-            color:#000;
 
-            font-size:16PX;
 
-            text-decoration:none;
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
+
 
+    .content .body .left .sub-title {
 
+     height: 40px;
 
+     font-size: 16PX;
 
+     padding-left: 10px;
 
+     color: #5F5F5F;
 
+     word-wrap: break-word;
 
+     padding-top: 10px;
 
+     flex-direction: row;
 
+     display: inline-block;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .list 
-    {
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-right:0px;
 
-            padding-bottom:0px;
 
-            width:980px;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:610px;
 
+
 
+    .content .body .right {
 
+     padding-right: 0px;
 
+     margin-right: 0px;
 
+     padding-bottom: 0px;
 
+     flex-wrap: wrap;
 
+     height: 800px;
 
+     align-items: flex-start;
 
+     margin-bottom: 0px;
 
+     padding-left: 20px;
 
+     box-sizing: border-box;
 
+     padding-top: 0px;
 
+     flex-direction: row;
 
+     display: flex;
 
+     width: 1000px;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .list .list-body 
-    {
 
-            margin-right:0px;
 
-            flex-wrap:wrap;
 
-            flex-direction:row;
 
-            display:flex;
 
-            width:988px;
 
-            margin-bottom:0px;
 
-            box-sizing:border-box;
 
-            position:absolute;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
+
 
+    .content .body .right .ms-channel-path {
 
+     margin-right: auto;
 
+     padding-bottom: 0px;
 
+     flex-wrap: nowrap;
 
+     height: 30px;
 
+     align-items: center;
 
+     margin-left: auto;
 
+     margin-bottom: 10px;
 
+     padding-left: 0px;
 
+     box-sizing: border-box;
 
+     padding-top: 0px;
 
+     flex-direction: row;
 
+     display: flex;
 
+     width: 100%;
 
+     margin-top: 10px;
 
     }
 
-    .content .body .right .list .list-body .product 
-    {
 
-            background-color:#FFFFFF;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            margin-right:8px;
 
-            padding-bottom:0px;
 
-            width:239px;
 
-            margin-bottom:8px;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0px;
 
-            height:300px;
 
+
 
+    .content .body .right .ms-channel-path span {
 
+     font-size: 16PX;
 
+     color: #909399;
 
+     word-wrap: break-word;
 
+     flex-direction: row;
 
+     display: inline-block;
 
     }
 
-    .content .body .right .list .list-body .product img 
-    {
 
-            margin-right:0px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:0px;
 
-            margin-top:0px;
 
-            height:100%;
 
+
 
+    .content .body .right .ms-channel-path .ms-channel-path-index {
 
+     cursor: pointer;
 
+     color: #000;
 
+     text-decoration: none;
 
+     font-size: 16PX;
 
+     margin-bottom: 0px;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .list .list-body .product a 
-    {
 
-            padding-bottom:0px;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            padding-right:0px;
 
-            font-size:16PX;
 
-            padding-top:10px;
 
-            padding-left:0px;
 
-            margin-top:10px;
 
-            height:48px;
 
+
 
+    .content .body .right .ms-channel-path>i {}
 
+
 
+    .content .body .right .ms-channel-path .ms-channel-path-link {
 
+     cursor: pointer;
 
+     color: #000;
 
+     text-decoration: none;
 
+     font-size: 16PX;
 
+     margin-bottom: 0px;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .page 
-    {
 
-            align-items:flex-start;
 
-            flex-direction:column;
 
-            display:flex;
 
-            padding-right:10px;
 
-            box-sizing:border-box;
 
-            margin-left:0px;
 
-            margin-right:0px;
 
-            padding-bottom:10px;
 
-            width:100%;
 
-            margin-bottom:0px;
 
-            padding-top:10px;
 
-            padding-left:10px;
 
-            margin-top:0px;
 
+
 
+    .content .body .right .list {
 
+     padding-right: 0px;
 
+     margin-right: 0px;
 
+     padding-bottom: 0px;
 
+     height: 90%;
 
+     margin-bottom: 0px;
 
+     position: absolute;
 
+     padding-left: 0px;
 
+     box-sizing: border-box;
 
+     top: 40px;
 
+     padding-top: 0px;
 
+     flex-direction: row;
 
+     display: flex;
 
+     width: 980px;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .page .ms-page 
-    {
 
-            align-items:center;
 
-            flex-direction:row;
 
-            display:flex;
 
-            padding-right:0px;
 
-            box-sizing:border-box;
 
-            justify-content:center;
 
-            margin-left:0;
 
-            padding-bottom:0px;
 
-            flex-wrap:nowrap;
 
-            width:100%;
 
-            margin-bottom:0;
 
-            padding-top:0px;
 
-            padding-left:0px;
 
-            margin-top:0;
 
-            height:40px;
 
+
 
+    .content .body .right .list .list-body {
 
+     margin-right: 0px;
 
+     padding-bottom: 0px;
 
+     flex-wrap: wrap;
 
+     margin-bottom: 0px;
 
+     position: absolute;
 
+     padding-left: 0px;
 
+     box-sizing: border-box;
 
+     top: 120px;
 
+     padding-top: 0px;
 
+     flex-direction: row;
 
+     display: flex;
 
+     width: 988px;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .page .ms-page .ms-page-left 
-    {
 
-            margin-bottom:0px;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
+
 
+    .content .body .right .list .list-body .product {
 
+     padding-right: 0px;
 
+     margin-right: 8px;
 
+     padding-bottom: 0px;
 
+     height: 300px;
 
+     margin-bottom: 8px;
 
+     padding-left: 0px;
 
+     box-sizing: border-box;
 
+     padding-top: 0px;
 
+     background-color: #FFFFFF;
 
+     flex-direction: column;
 
+     display: flex;
 
+     width: 239px;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .page .ms-page .ms-page-no 
-    {
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
+
 
+    .content .body .right .list .list-body .product img {
 
+     margin-right: 0px;
 
+     padding-top: 0px;
 
+     height: 100%;
 
+     width: 100%;
 
+     margin-bottom: 0px;
 
+     margin-top: 0px;
 
     }
 
-    .content .body .right .page .ms-page .ms-page-no-sel 
-    {
 
-            color:#409EFF;
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
+
 
+    .content .body .right .list .list-body .product a {
 
+     text-align: center;
 
+     flex-direction: row;
 
+     word-wrap: break-word;
 
+     display: inline-block;
 
+     padding-right: 0px;
 
+     padding-bottom: 0px;
 
+     font-size: 16PX;
 
+     padding-top: 10px;
 
+     padding-left: 0px;
 
+     margin-top: 10px;
 
+     height: 48px;
 
     }
 
-    .content .body .right .page .ms-page .ms-page-dot 
-    {
 
-            text-align:center;
 
-            flex-direction:row;
 
-            word-wrap:break-word;
 
-            display:inline-block;
 
-            width:40px;
 
-            font-size:16PX;
 
-            margin-top:0px;
 
-            margin-left:0px;
 
+
 
+    .content .body .right .list .page {
 
+     flex-wrap: nowrap;
 
+     height: 60px;
 
+     align-items: center;
 
+     bottom: 0px;
 
+     justify-content: center;
 
+     position: absolute;
 
+     box-sizing: border-box;
 
+     flex-direction: row;
 
+     display: flex;
 
+     width: 100%;
 
     }
 
-    .content .body .right .page .ms-page .ms-page-right 
-    {
 
-            margin-top:0px;
 
-            margin-left:0px;
 
+
 
+    .content .body .right .list .page span {
 
+     justify-content: center;
 
+     font-size: 14px;
 
+     word-wrap: break-word;
 
+     flex-direction: row;
 
+     display: inline-block;
 
     }
 
 @media (max-width: 768px){
 
         .content 
@@ -521,95 +387,180 @@ var app = new Vue({
 
                 padding-left:0px;
 
                 margin-top:0px;
 
         }
 
-        .content .body 
-        {
 
-                padding-bottom:20px;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                box-sizing:border-box;
 
-                padding-top:20px;
 
-                padding-left:0px;
 
-        }
 
-        .content .body .right 
-        {
 
-                padding-bottom:0px;
 
-                flex-wrap:nowrap;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                width:100%;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-        }
 
-        .content .body .right .list 
-        {
 
-                flex-direction:row;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                margin-right:0px;
 
-                padding-bottom:0px;
 
-                width:980px;
 
-                margin-bottom:0px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:610px;
 
-        }
 
-        .content .body .right .list .list-body 
-        {
 
-                margin-right:0px;
 
-                flex-wrap:wrap;
 
-                flex-direction:row;
 
-                display:flex;
 
-                width:988px;
 
-                margin-bottom:0px;
 
-                box-sizing:border-box;
 
-                position:absolute;
 
-                margin-top:0px;
 
-        }
 
-        .content .body .right .list .list-body .product 
-        {
 
-                background-color:#FFFFFF;
 
-                flex-direction:column;
 
-                display:flex;
 
-                padding-right:0px;
 
-                box-sizing:border-box;
 
-                margin-right:8px;
 
-                padding-bottom:0px;
 
-                width:239px;
 
-                margin-bottom:8px;
 
-                padding-top:0px;
 
-                padding-left:0px;
 
-                margin-top:0px;
 
-                height:300px;
 
-        }
 
-        .content .body .right .list .list-body .product img 
-        {
 
-                width:100%;
 
-                padding-top:0px;
 
-                margin-top:0px;
 
-                height:100%;
 
-        }
 
-        .content .body .right .list .list-body .product a 
-        {
 
-                padding-bottom:0px;
 
-                text-align:center;
 
-                flex-direction:row;
 
-                word-wrap:break-word;
 
-                display:inline-block;
 
-                padding-right:0px;
 
-                font-size:16PX;
 
-                padding-top:10px;
 
-                padding-left:0px;
 
-                margin-top:10px;
 
-                height:48px;
 
-        }
 
+ .content .body {
 
+  padding-bottom: 20px;
 
+  align-items: center;
 
+  flex-wrap: nowrap;
 
+  flex-direction: column;
 
+  display: flex;
 
+  padding-right: 0px;
 
+  width: 100%;
 
+  box-sizing: border-box;
 
+  padding-top: 20px;
 
+  padding-left: 0px;
 
+ }
 
+
 
+ .content .body .left {
 
+  padding-bottom: 0px;
 
+  flex-wrap: nowrap;
 
+  flex-direction: column;
 
+  display: flex;
 
+  padding-right: 0px;
 
+  width: 90%;
 
+  box-sizing: border-box;
 
+  padding-top: 0px;
 
+  padding-left: 0px;
 
+  margin-top: 0px;
 
+  height: 100%;
 
+ }
 
+
 
+ .content .body .left .sub-title-sel {
 
+  background-color: #F2F6FC;
 
+  color: #409EFF;
 
+  flex-direction: row;
 
+  word-wrap: break-word;
 
+  display: inline-block;
 
+  font-size: 16PX;
 
+  padding-top: 10px;
 
+  padding-left: 10px;
 
+  margin-top: 2px;
 
+  height: 40px;
 
+ }
 
+
 
+ .content .body .left .sub-title {
 
+  color: #5F5F5F;
 
+  flex-direction: row;
 
+  word-wrap: break-word;
 
+  display: inline-block;
 
+  font-size: 16PX;
 
+  padding-top: 10px;
 
+  padding-left: 10px;
 
+  margin-top: 0px;
 
+  height: 40px;
 
+ }
 
+
 
+ .content .body .right {
 
+  padding-bottom: 0px;
 
+  flex-wrap: nowrap;
 
+  flex-direction: column;
 
+  display: flex;
 
+  padding-right: 0px;
 
+  width: 90%;
 
+  margin-bottom: 0px;
 
+  box-sizing: border-box;
 
+  padding-top: 0px;
 
+  padding-left: 0px;
 
+  margin-top: 0px;
 
+ }
 
+
 
+ .content .body .right .ms-channel-path {
 
+  align-items: center;
 
+  flex-direction: row;
 
+  display: flex;
 
+  box-sizing: border-box;
 
+  margin-left: auto;
 
+  margin-right: auto;
 
+  padding-bottom: 0px;
 
+  flex-wrap: nowrap;
 
+  width: 100%;
 
+  margin-bottom: 10px;
 
+  padding-top: 0px;
 
+  padding-left: 0px;
 
+  margin-top: 10px;
 
+  height: 30px;
 
+ }
 
+
 
+ .content .body .right .ms-channel-path span {
 
+  color: #909399;
 
+  flex-direction: row;
 
+  word-wrap: break-word;
 
+  display: inline-block;
 
+  font-size: 16PX;
 
+ }
 
+
 
+ .content .body .right .ms-channel-path .ms-channel-path-index {
 
+  cursor: pointer;
 
+  color: #000;
 
+  font-size: 16PX;
 
+  text-decoration: none;
 
+  margin-bottom: 0px;
 
+  margin-top: 0px;
 
+ }
 
+
 
+ .content .body .right .ms-channel-path .ms-channel-path-link {
 
+  cursor: pointer;
 
+  color: #000;
 
+  font-size: 16PX;
 
+  text-decoration: none;
 
+  margin-bottom: 0px;
 
+  margin-top: 0px;
 
+ }
 
+
 
+ .content .body .right .list {
 
+  margin-right: 0px;
 
+  padding-bottom: 0px;
 
+  flex-direction: row;
 
+  display: flex;
 
+  padding-right: 0px;
 
+  width: 100%;
 
+  margin-bottom: 0px;
 
+  box-sizing: border-box;
 
+  padding-top: 0px;
 
+  padding-left: 0px;
 
+  margin-top: 0px;
 
+  height: unset;
 
+ }
 
+
 
+ .content .body .right .list .list-body {
 
+  margin-right: 0px;
 
+  flex-wrap: wrap;
 
+  flex-direction: row;
 
+  display: flex;
 
+  width: 100%;
 
+  margin-bottom: 0px;
 
+  box-sizing: border-box;
 
+  margin-top: 0px;
 
+  justify-content: center;
 
+ }
 
+
 
+ .content .body .right .list .list-body .product {
 
+  background-color: #FFFFFF;
 
+  flex-direction: column;
 
+  display: flex;
 
+  padding-right: 0px;
 
+  box-sizing: border-box;
 
+  margin-right: 8px;
 
+  padding-bottom: 0px;
 
+  width: 90%;
 
+  margin-bottom: 8px;
 
+  padding-top: 0px;
 
+  padding-left: 0px;
 
+  margin-top: 0px;
 
+  height: 300px;
 
+ }
 
+
 
+ .content .body .right .list .list-body .product img {
 
+  padding-bottom: 0px;
 
+  width: 100%;
 
+  padding-top: 0px;
 
+  margin-top: 0px;
 
+  height: 100%;
 
+ }
 
+
 
+ .content .body .right .list .list-body .product a {
 
+  padding-bottom: 0px;
 
+  text-align: center;
 
+  flex-direction: row;
 
+  word-wrap: break-word;
 
+  display: inline-block;
 
+  padding-right: 0px;
 
+  font-size: 16PX;
 
+  padding-top: 10px;
 
+  padding-left: 0px;
 
+  margin-top: 10px;
 
+  height: 48px;
 
+ }
 
 
-}</style>
 
+}</style>
 
+ </body>
 
+</html>

+ 420 - 0
src/main/webapp/template/1/default/search.htm
View File 

@@ -0,0 +1,420 @@
 
+<html>
 
+ <head> 
+  <meta charset="utf-8"> 
+  <title>{ms:global.name/}</title> 
+  <meta http-equiv="content-type" content="text/html"> 
+  <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> 
+  <meta name="format-detection" content="telephone=no"> 
+  <meta name="app-mobile-web-app-capable" content="yes"> 
+  <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> 
+  <meta name="keywords" content="{ms:global.keyword/}"> 
+  <meta name="description" content="{ms:global.descrip/}"> 
+  <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> 
+  <script>
 
+        ms.base = "";
 
+    </script> 
+  <style>
 
+        [v-cloak]{
 
+            display: none;
 
+        }
 
+    </style> 
+ </head> 
+ <body> 
+  <div id="app" v-cloak> 
+   <#include "nav.htm" /> 
+   <div class="search"> 
+    <div class="body"> 
+     <span> 关键字 <span style="color: red">{ms:search.content_title/}</span> </span>
 
+     <div class="right-body">
 
+       <#assign isEmpty=true>
 
+       {ms:arclist size=10 ispaging=true}
 
+       <#assign isEmpty=false>
 
+      <div class="news-item"> 
+       <div class="pic"> 
+        <img title="" alt="" src="{@ms:file field.litpic/}"> 
+       </div> 
+       <div class="news-content"> 
+        <a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a> 
+        <span class="desc"> ${field.descrip} </span> 
+       </div> 
+      </div>
 
+      {/ms:arclist}
 
+      <#if isEmpty>
 
+      <span style="width: 100%; text-align:center;min-height: 300px;display: flex;justify-content: center;align-items: center;">
 
+      没有找到 "<span style="color: red">${search.content_title}</span>" 相关记录
 
+      </span>
 
+      </#if>
 
+     </div>
 
+     <div class="page">
 
+      <el-pagination
 
+              background
 
+              @current-change="handleCurrentChange"
 
+              :page-size="pageSize"
 
+              :current-page.sync="pageCur"
 
+              layout="prev, pager, next, jumper"
 
+              :total="contentCount"> </el-pagination>
 
+
 
+     </div>
 
+    </div> 
+   </div> 
+   <#include "footer.htm" /> 
+  </div>   
+  <script>
 
+var app = new Vue({
 
+    el: '#app',
 
+    watch:{
 
+    },
 
+    data: {
 
+     //当前页数
 
+     pageCur: ${(page.cur)!1},
 
+     //每页文章条数
 
+     pageSize: ${(page.size)!20},
 
+     //页数总数
 
+     pageTotal: ${(page.total)!0},
 
+     //内容总数
 
+     contentCount: ${(page.rcount)!0},
 
+     keyword: "{ms:search.content_title/}",
 
+     categoryIds: "1329257282518720513,1329257213283344385"
 
+    },
 
+    methods: {
 
+     handleCurrentChange:function(val) {
 
+      var form = document.createElement("form");
 
+      form.setAttribute("method", "post");
 
+      var input = document.createElement('input');
 
+      input.setAttribute('type', 'hidden');
 
+      input.setAttribute('name', 'size');
 
+      input.setAttribute('value', this.pageSize);
 
+      form.append(input);
 
+      input = document.createElement('input');
 
+      input.setAttribute('type', 'hidden');
 
+      input.setAttribute('name', 'pageNo');
 
+      input.setAttribute('value', val);
 
+      form.append(input);
 
+      input = document.createElement('input');
 
+      input.setAttribute('type', 'hidden');
 
+      input.setAttribute('name', 'content_title');
 
+      input.setAttribute('value', this.keyword);
 
+      form.append(input);
 
+      input = document.createElement('input');
 
+      input.setAttribute('type', 'hidden');
 
+      input.setAttribute('name', 'categoryIds');
 
+      input.setAttribute('value', this.categoryIds);
 
+      form.append(input);
 
+
 
+      form.setAttribute("action",location.pathname);
 
+      document.body.appendChild(form);
 
+      form.submit();
 
+      form.remove();
 
+
 
+
 
+      // location.href = location.pathname + "?size=" + this.pageSize + "&pageNo=" + val + "&content_title=" + this.keyword + "&categoryIds=" + this.categoryIds;
 
+     },
 
+    },
 
+    created(){
 
+    }
 
+})
 
+</script> 
+  <style>
 
+    body {
 
+        background-color:#fff;
 
+        box-sizing:border-box;
 
+        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
 
+        moz-box-sizing:border-box;
 
+        webkit-box-sizing:border-box;
 
+    }
 
+
 
+    .search 
+    {
 
+            align-items:center;
 
+            flex-direction:row;
 
+            display:flex;
 
+            padding-right:0px;
 
+            box-sizing:border-box;
 
+            justify-content:center;
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
+            width:100%;
 
+            margin-bottom:0px;
 
+            padding-top:0px;
 
+            padding-left:0px;
 
+            margin-top:0px;
 
+    }
 
+    .search .body 
+    {
 
+            flex-direction:column;
 
+            display:flex;
 
+            padding-right:0px;
 
+            box-sizing:border-box;
 
+            justify-content:center;
 
+            padding-bottom:20px;
 
+            flex-wrap:nowrap;
 
+            width:1200px;
 
+            margin-bottom:0px;
 
+            padding-top:20px;
 
+            padding-left:0px;
 
+            margin-top:0px;
 
+            height:100%;
 
+    }
 
+    .search .body span 
+    {
 
+            padding-bottom:0px;
 
+            flex-direction:row;
 
+            word-wrap:break-word;
 
+            display:inline-block;
 
+            font-size:14px;
 
+            margin-bottom:0px;
 
+            padding-top:0px;
 
+            margin-top:0px;
 
+    }
 
+    .search .body .page {
 
+     padding-right: 0px;
 
+     padding-bottom: 0px;
 
+     flex-wrap: nowrap;
 
+     height: 60px;
 
+     align-items: center;
 
+     justify-content: center;
 
+     padding-left: 0px;
 
+     box-sizing: border-box;
 
+     padding-top: 0px;
 
+     flex-direction: row;
 
+     display: flex;
 
+     width: 100%;
 
+    }
 
+
 
+    .search .body .right-body 
+    {
 
+            align-items:flex-start;
 
+            flex-direction:column;
 
+            display:flex;
 
+            padding-right:0px;
 
+            box-sizing:border-box;
 
+            margin-left:0px;
 
+            margin-right:0px;
 
+            padding-bottom:10px;
 
+            width:100%;
 
+            margin-bottom:0px;
 
+            padding-top:10px;
 
+            padding-left:0px;
 
+            margin-top:0px;
 
+            height:100%;
 
+    }
 
+    .search .body .right-body .news-item 
+    {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
+            flex-direction:row;
 
+            display:flex;
 
+            padding-right:0px;
 
+            width:100%;
 
+            box-sizing:border-box;
 
+            margin-bottom:10px;
 
+            padding-top:0px;
 
+            padding-left:0px;
 
+            margin-top:0px;
 
+            height:120px;
 
+    }
 
+    .search .body .right-body .news-item .pic 
+    {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
+            flex-direction:row;
 
+            display:flex;
 
+            width:200px;
 
+            box-sizing:border-box;
 
+            padding-top:0px;
 
+            height:120px;
 
+    }
 
+    .search .body .right-body .news-item .pic img 
+    {
 
+            margin-right:0px;
 
+            padding-bottom:0px;
 
+            padding-right:0px;
 
+            width:100%;
 
+            margin-bottom:0px;
 
+            padding-top:0px;
 
+            padding-left:0px;
 
+            height:100%;
 
+            margin-left:0px;
 
+    }
 
+    .search .body .right-body .news-item .news-content 
+    {
 
+            padding-bottom:0px;
 
+            flex-wrap:nowrap;
 
+            flex-direction:column;
 
+            display:flex;
 
+            padding-right:0px;
 
+            width:100%;
 
+            box-sizing:border-box;
 
+            padding-top:0px;
 
+            position:relative;
 
+            padding-left:10px;
 
+            justify-content:flex-start;
 
+            height:100%;
 
+    }
 
+    .search .body .right-body .news-item .news-content .title 
+    {
 
+            padding-bottom:0px;
 
+            flex-direction:row;
 
+            word-wrap:break-word;
 
+            display:inline-block;
 
+            font-size:18PX;
 
+            padding-top:0px;
 
+            padding-left:0px;
 
+    }
 
+    .search .body .right-body .news-item .news-content .desc 
+    {
 
+            padding-bottom:8px;
 
+            color:#909399;
 
+            flex-direction:row;
 
+            word-wrap:break-word;
 
+            display:inline-block;
 
+            padding-right:0px;
 
+            font-size:16PX;
 
+            margin-bottom:0px;
 
+            padding-top:8px;
 
+            padding-left:0px;
 
+            height:100px;
 
+    }
 
+@media (max-width: 768px){
 
+        .search 
+        {
 
+                align-items:center;
 
+                flex-direction:row;
 
+                display:flex;
 
+                padding-right:0px;
 
+                box-sizing:border-box;
 
+                justify-content:center;
 
+                padding-bottom:0px;
 
+                flex-wrap:nowrap;
 
+                width:100%;
 
+                margin-bottom:0px;
 
+                padding-top:0px;
 
+                padding-left:0px;
 
+                margin-top:0px;
 
+        }
 
+        .search .body 
+        {
 
+                padding-bottom:20px;
 
+                align-items:center;
 
+                flex-wrap:nowrap;
 
+                flex-direction:column;
 
+                display:flex;
 
+                padding-right:0px;
 
+                width:100%;
 
+                box-sizing:border-box;
 
+                padding-top:20px;
 
+                padding-left:0px;
 
+                justify-content:flex-start;
 
+        }
 
+        .search .body .right-body 
+        {
 
+                align-items:center;
 
+                flex-direction:column;
 
+                display:flex;
 
+                padding-right:0px;
 
+                box-sizing:border-box;
 
+                justify-content:center;
 
+                margin-left:0px;
 
+                margin-right:0px;
 
+                padding-bottom:10px;
 
+                width:100%;
 
+                margin-bottom:0px;
 
+                padding-top:10px;
 
+                padding-left:0px;
 
+                margin-top:0px;
 
+                height:100%;
 
+        }
 
+        .search .body .right-body .news-item 
+        {
 
+                padding-bottom:0px;
 
+                flex-wrap:nowrap;
 
+                flex-direction:column;
 
+                display:flex;
 
+                padding-right:0px;
 
+                width:90%;
 
+                box-sizing:border-box;
 
+                margin-bottom:10px;
 
+                padding-top:0px;
 
+                padding-left:0px;
 
+        }
 
+        .search .body .right-body .news-item .pic 
+        {
 
+                padding-bottom:0px;
 
+                flex-wrap:nowrap;
 
+                flex-direction:row;
 
+                display:flex;
 
+                width:100%;
 
+                box-sizing:border-box;
 
+                margin-bottom:0px;
 
+                padding-top:0px;
 
+                height:120px;
 
+        }
 
+        .search .body .right-body .news-item .pic img 
+        {
 
+                padding-bottom:0px;
 
+                padding-right:0px;
 
+                width:100%;
 
+                padding-top:0px;
 
+                padding-left:0px;
 
+                height:100%;
 
+        }
 
+        .search .body .right-body .news-item .news-content 
+        {
 
+                padding-bottom:0px;
 
+                flex-wrap:nowrap;
 
+                flex-direction:column;
 
+                display:flex;
 
+                padding-right:0px;
 
+                width:100%;
 
+                box-sizing:border-box;
 
+                padding-top:0px;
 
+                position:relative;
 
+                padding-left:0px;
 
+                justify-content:flex-start;
 
+                height:100%;
 
+        }
 
+        .search .body .right-body .news-item .news-content .title 
+        {
 
+                padding-bottom:0px;
 
+                text-align:left;
 
+                flex-direction:row;
 
+                word-wrap:break-word;
 
+                display:inline-block;
 
+                font-size:16PX;
 
+                margin-bottom:8px;
 
+                padding-top:0px;
 
+                padding-left:0px;
 
+                margin-top:8px;
 
+        }
 
+        .search .body .right-body .news-item .news-content .desc 
+        {
 
+                padding-bottom:8px;
 
+                color:#909399;
 
+                flex-direction:row;
 
+                word-wrap:break-word;
 
+                display:inline-block;
 
+                padding-right:0px;
 
+                font-size:14PX;
 
+                margin-bottom:0px;
 
+                padding-top:8px;
 
+                padding-left:0px;
 
+                margin-top:0px;
 
+                height:100px;
 
+        }
 
+
 
+}</style>
 
+ </body>
 
+</html>

BIN
src/main/webapp/upload/1/appLogo/1603869963063.png
View File


BIN
src/main/webapp/upload/1/cms/content/1603868874881.jpg
View File


BIN
src/main/webapp/upload/1/cms/content/1603868885841.png
View File


BIN
src/main/webapp/upload/1/cms/content/1603868894525.jpg
View File


BIN
src/main/webapp/upload/1/cms/content/1603873778103.jpg
View File