瀏覽代碼

5.2.0默认皮肤

guwd 5 年之前
父節點
當前提交
ae6d672ff2
共有 59 個文件被更改,包括 2827 次插入10856 次删除
  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. 二進制
      src/main/webapp/template/1/default.bak/images/1601262165196.png
  8. 二進制
      src/main/webapp/template/1/default.bak/images/1601263168784.png
  9. 二進制
      src/main/webapp/template/1/default.bak/images/1601263219863.png
  10. 二進制
      src/main/webapp/template/1/default.bak/images/1601263314183.png
  11. 二進制
      src/main/webapp/template/1/default.bak/images/1601264474008.png
  12. 二進制
      src/main/webapp/template/1/default.bak/images/1601264558124.png
  13. 二進制
      src/main/webapp/template/1/default.bak/images/1601264865246.png
  14. 二進制
      src/main/webapp/template/1/default.bak/images/1601264880892.png
  15. 二進制
      src/main/webapp/template/1/default.bak/images/1601265232947.png
  16. 二進制
      src/main/webapp/template/1/default.bak/images/1601265263422.png
  17. 二進制
      src/main/webapp/template/1/default.bak/images/1601282117218.png
  18. 二進制
      src/main/webapp/template/1/default.bak/images/1602060761571.jpg
  19. 二進制
      src/main/webapp/template/1/default.bak/images/1602060968122.jpg
  20. 二進制
      src/main/webapp/template/1/default.bak/images/1602064370755.jpg
  21. 二進制
      src/main/webapp/template/1/default.bak/images/1602065099002.jpg
  22. 二進制
      src/main/webapp/template/1/default.bak/images/1602123532415.png
  23. 二進制
      src/main/webapp/template/1/default.bak/images/1602639842403.jpg
  24. 二進制
      src/main/webapp/template/1/default.bak/images/1602639957490.jpg
  25. 二進制
      src/main/webapp/template/1/default.bak/images/1602639968529.jpg
  26. 二進制
      src/main/webapp/template/1/default.bak/images/1602656777359.png
  27. 二進制
      src/main/webapp/template/1/default.bak/images/1602993572728.png
  28. 二進制
      src/main/webapp/template/1/default.bak/images/1602994812850.png
  29. 二進制
      src/main/webapp/template/1/default.bak/images/1602994843689.png
  30. 二進制
      src/main/webapp/template/1/default.bak/images/1602994853675.png
  31. 二進制
      src/main/webapp/template/1/default.bak/images/1602994867816.png
  32. 二進制
      src/main/webapp/template/1/default.bak/images/1602994889839.png
  33. 二進制
      src/main/webapp/template/1/default.bak/images/1602995154347.png
  34. 二進制
      src/main/webapp/template/1/default.bak/images/1603073616105.png
  35. 二進制
      src/main/webapp/template/1/default.bak/images/1603073720477.png
  36. 二進制
      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. 二進制
      src/main/webapp/upload/1/appLogo/1603869963063.png
  56. 二進制
      src/main/webapp/upload/1/cms/content/1603868874881.jpg
  57. 二進制
      src/main/webapp/upload/1/cms/content/1603868885841.png
  58. 二進制
      src/main/webapp/upload/1/cms/content/1603868894525.jpg
  59. 二進制
      src/main/webapp/upload/1/cms/content/1603873778103.jpg

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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-->

二進制
src/main/webapp/template/1/default.bak/images/1601262165196.png


二進制
src/main/webapp/template/1/default.bak/images/1601263168784.png


二進制
src/main/webapp/template/1/default.bak/images/1601263219863.png


二進制
src/main/webapp/template/1/default.bak/images/1601263314183.png


二進制
src/main/webapp/template/1/default.bak/images/1601264474008.png


二進制
src/main/webapp/template/1/default.bak/images/1601264558124.png


二進制
src/main/webapp/template/1/default.bak/images/1601264865246.png


二進制
src/main/webapp/template/1/default.bak/images/1601264880892.png


二進制
src/main/webapp/template/1/default.bak/images/1601265232947.png


二進制
src/main/webapp/template/1/default.bak/images/1601265263422.png


二進制
src/main/webapp/template/1/default.bak/images/1601282117218.png


二進制
src/main/webapp/template/1/default.bak/images/1602060761571.jpg


二進制
src/main/webapp/template/1/default.bak/images/1602060968122.jpg


二進制
src/main/webapp/template/1/default.bak/images/1602064370755.jpg


二進制
src/main/webapp/template/1/default.bak/images/1602065099002.jpg


二進制
src/main/webapp/template/1/default.bak/images/1602123532415.png


二進制
src/main/webapp/template/1/default.bak/images/1602639842403.jpg


二進制
src/main/webapp/template/1/default.bak/images/1602639957490.jpg


二進制
src/main/webapp/template/1/default.bak/images/1602639968529.jpg


二進制
src/main/webapp/template/1/default.bak/images/1602656777359.png


二進制
src/main/webapp/template/1/default.bak/images/1602993572728.png


二進制
src/main/webapp/template/1/default.bak/images/1602994812850.png


二進制
src/main/webapp/template/1/default.bak/images/1602994843689.png


二進制
src/main/webapp/template/1/default.bak/images/1602994853675.png


二進制
src/main/webapp/template/1/default.bak/images/1602994867816.png


二進制
src/main/webapp/template/1/default.bak/images/1602994889839.png


二進制
src/main/webapp/template/1/default.bak/images/1602995154347.png


二進制
src/main/webapp/template/1/default.bak/images/1603073616105.png


二進制
src/main/webapp/template/1/default.bak/images/1603073720477.png


二進制
src/main/webapp/template/1/default.bak/images/1603073920995.png


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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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>

二進制
src/main/webapp/upload/1/appLogo/1603869963063.png


二進制
src/main/webapp/upload/1/cms/content/1603868874881.jpg


二進制
src/main/webapp/upload/1/cms/content/1603868885841.png


二進制
src/main/webapp/upload/1/cms/content/1603868894525.jpg


二進制
src/main/webapp/upload/1/cms/content/1603873778103.jpg