guwd 5 лет назад
Родитель
Сommit
d1c4ffbc90
36 измененных файлов с 11298 добавлено и 0 удалено
  1. 474 0
      src/main/webapp/html/web/gywm/lianxiwomen/index.html
  2. 1373 0
      src/main/webapp/html/web/index.html
  3. 822 0
      src/main/webapp/html/web/news/index.html
  4. 660 0
      src/main/webapp/html/web/product/hycp/1329315860382294018.html
  5. 660 0
      src/main/webapp/html/web/product/hycp/1329315928002863105.html
  6. 666 0
      src/main/webapp/html/web/product/hycp/index.html
  7. 690 0
      src/main/webapp/html/web/product/index.html
  8. 110 0
      src/main/webapp/html/web/product/kycp/1345970571501940737.html
  9. 114 0
      src/main/webapp/html/web/product/kycp/1345971247867015169.html
  10. 110 0
      src/main/webapp/html/web/product/kycp/1345971375898144770.html
  11. 133 0
      src/main/webapp/html/web/product/kycp/1345971507544764417.html
  12. 110 0
      src/main/webapp/html/web/product/kycp/1345972513561161729.html
  13. 690 0
      src/main/webapp/html/web/product/kycp/index.html
  14. 678 0
      src/main/webapp/html/web/product/kycp/list-2.html
  15. 690 0
      src/main/webapp/html/web/product/list-2.html
  16. 678 0
      src/main/webapp/html/web/product/list-3.html
  17. 660 0
      src/main/webapp/html/web/product/pingtaichanpin/1329316558960402434.html
  18. 660 0
      src/main/webapp/html/web/product/pingtaichanpin/1329316838384934914.html
  19. 660 0
      src/main/webapp/html/web/product/pingtaichanpin/1329316887084998658.html
  20. 660 0
      src/main/webapp/html/web/product/pingtaichanpin/1329316951228489729.html
  21. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000932423.jpg
  22. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000932622.jpg
  23. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000932670.gif
  24. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000932808.gif
  25. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000932910.jpg
  26. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000932970.jpg
  27. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000932989.jpg
  28. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000933017.jpg
  29. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000933033.jpg
  30. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000933052.jpg
  31. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000933075.jpg
  32. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000933116.jpg
  33. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000933143.jpg
  34. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000933178.jpg
  35. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000933214.jpg
  36. BIN
      src/main/webapp/upload/1/cms/content/editor/1610000933236.jpg

+ 474 - 0
src/main/webapp/html/web/gywm/lianxiwomen/index.html

@@ -0,0 +1,474 @@
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title>铭飞MCms</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="铭飞MCMS">
+  <meta name="description" content="铭飞MCMS">
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script>
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css">
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css">
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css">
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script>
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css">
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css">
+  <!--网络请求框架-->
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script>
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script>
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script>
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script>
+  <script src="http://localhost:8080/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>
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item ">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item  sel">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item sel">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="news">
+    <div class="body">
+     <div class="left">
+      <span class="title"> 关于我们 </span>
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="sub-title-sel"> 联系我们 </a>
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="sub-title"> 公司介绍 </a>
+     </div>
+     <div class="right">
+      <div class="ms-channel-path">
+       <span class="ms-channel-path-label"> 当前位置: </span>
+       <a href="/" class="ms-channel-path-index"> 首页 </a> 
+       <i class="iconfont icon-youjiantou"></i>
+       <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="ms-channel-path-link"> 联系我们 </a> 
+      </div>
+      <span class="big-title"> </span>
+      <div class="news-body">
+       <span> <p><span style="color: rgb(127, 127, 127);">TEL:</span>19970180163</p><p><br/></p><p><span style="color: rgb(127, 127, 127);">客服QQ:</span>942770163&nbsp; &nbsp; &nbsp;&nbsp;<span style="color: rgb(127, 127, 127);">商务QQ:</span>3336073455</p><p><br/></p><p><span style="color: rgb(127, 127, 127);">Email:</span>service@mingsoft.net</p><p><br/></p><p><span style="color: rgb(127, 127, 127);">Addr:</span>江西省南昌市南昌高新技术产业开发区紫阳大道2999号紫阳明珠一期办公室楼503室</p><p><br/></p><p><iframe class="ueditor_baidumap" src="http://localhost:8080/static/plugins/ueditor/1.4.3.1/dialogs/map/show.html#center=115.674261,28.719996&zoom=10&width=100%&height=340&markers=116.001927,28.681217&markerStyles=l,A" frameborder="0" width="100%" height="344"></iframe></p> </span>
+      </div>
+     </div>
+    </div>
+   </div>
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>
+  <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:#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;
+    }
+
+    .news
+    {
+            align-items:flex-start;
+            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;
+    }
+    .news .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;
+    }
+    .news .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%;
+    }
+    .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;
+            margin-top:0px;
+            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;
+            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;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            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
+    {
+            margin-right:auto;
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            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
+    {
+            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
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .news .body .right .ms-channel-path >i
+    {
+    }
+    .news .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;
+    }
+    .news .body .right .big-title
+    {
+            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: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;
+    }
+    .news .body .right .news-body span
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:14px;
+    }
+@media (max-width: 768px){
+        .news
+        {
+                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;
+        }
+        .news .body
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                box-sizing:border-box;
+                padding-top:20px;
+                padding-left:0px;
+        }
+
+ .news .body .left {
+  width: 100%;
+ }
+        .news .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;
+        }
+        .news .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-top:0px;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+        }
+        .news .body .right .ms-channel-path span
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:14PX;
+        }
+        .news .body .right .ms-channel-path .ms-channel-path-index
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .news .body .right .ms-channel-path .ms-channel-path-link
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .news .body .right .big-title
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:22PX;
+                padding-left:0px;
+        }
+        .news .body .right .news-body
+        {
+                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;
+                margin-left:0px;
+        }
+
+}</style>
+ </body>
+</html>

+ 1373 - 0
src/main/webapp/html/web/index.html

@@ -0,0 +1,1373 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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>
+        ms.base = "";
+    </script> 
+  <style>
+        [v-cloak]{
+            display: none;
+        }
+    </style> 
+ </head> 
+ <body>
+  <div id="app" v-cloak>
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item ">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <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> 
+     <!--静态图片--> 
+     <!--动态图片-->
+     <swiper-slide>
+      <a href="https://www.mingsoft.net" target="_blank" style="width:100%;height: 100%">
+       <div style="background-image: url('/upload/1/cms/content/1609838691084.png');background-size: cover; background-position: center; width:100%;height: 100%">
+       </div>
+      </a>
+     </swiper-slide>
+    </swiper> 
+   </div> 
+   <div class="about">
+    <div class="body"> 
+     <div class="left"> 
+      <img title="" alt="" src="/upload/1/cms/content/1609838258663.png"> 
+     </div> 
+     <div class="right"> 
+      <div class="title"> 
+       <span> 公司介绍 </span> 
+      </div> 
+      <div class="desc"> 
+       <span> 团队成立于2012年,是一群不断的以技术创新与软件研发为核心的学习型技术团队。团队在软件研发的技术领域,不断地积累通用、实用、好用的通用功能插件,实现系统模块化集成开发解决方案。方案适用于传统互联网、移动互联网、物联网,不仅大大降低软件产品在研发投入的成本,更能加快软件的研发进程! </span>
+      </div> 
+     </div> 
+    </div>  
+   </div> 
+   <div class="product"> 
+    <div class="title"> 
+     <span> 核心产品 </span> 
+    </div> 
+    <div class="body">
+     <div class="prod"> 
+      <div class="pic"> 
+       <img title="" alt="" src="/upload/1/cms/content/1609836029087.png"> 
+      </div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/1329316951228489729.html" class="text"> Store应用市场 </a> 
+     </div>      <div class="prod"> 
+      <div class="pic"> 
+       <img title="" alt="" src="/upload/1/cms/content/1609837914855.png"> 
+      </div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/1329316887084998658.html" class="text"> Designer设计器 </a> 
+     </div>      <div class="prod"> 
+      <div class="pic"> 
+       <img title="" alt="" src="/upload/1/cms/content/1609838011513.png"> 
+      </div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/1329316838384934914.html" class="text"> Code代码生成器 </a> 
+     </div>      <div class="prod"> 
+      <div class="pic"> 
+       <img title="" alt="" src="/upload/1/cms/content/1609838116473.png"> 
+      </div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/1329316558960402434.html" class="text"> PM项目管理 </a> 
+     </div>      <div class="prod"> 
+      <div class="pic"> 
+       <img title="" alt="" src="/upload/1/cms/content/1609837616948.png"> 
+      </div> 
+      <a href="http://localhost:8080/html/web/product/hycp/1329315928002863105.html" class="text"> BIMCms施工管理软件 </a> 
+     </div>      <div class="prod"> 
+      <div class="pic"> 
+       <img title="" alt="" src="/upload/1/cms/content/1609837720097.png"> 
+      </div> 
+      <a href="http://localhost:8080/html/web/product/hycp/1329315860382294018.html" class="text"> MEC工程造价咨询管理软件 </a> 
+     </div>  
+    </div> 
+    <a href="http://localhost:8080/html/web/product/index.html" class="more"> 更多产品 </a> 
+   </div> 
+   <div class="news"> 
+    <div class="title"> 
+     <span> 新闻动态 </span> 
+    </div> 
+    <div class="body">
+     <div class="left"> 
+      <img title="" alt="" src="/upload/1/cms/content/1609825459624.png"> 
+      <a href="http://localhost:8080/html/web/news/gsdt/1329374638616158210.html" target="_blank" class="title"> 5.2.0稳定版本发布 </a>
+      <span class="desc">  </span> 
+     </div>  
+     <div class="right">
+      <div class="news-item"> 
+       <div class="date"> 
+        <span class="day"> 05 </span> 
+        <span class="date"> 2021-01 </span> 
+       </div> 
+       <div class="news-body"> 
+        <a href="http://localhost:8080/html/web/news/xingyedongtai/1346302136240926721.html" class="title"> 铭飞MCMS内容管理系统完整开源版J2EE代码 </a> 
+        <span class="desc"> 官网同时提供一键运行版本下载,请步移官网.... </span> 
+       </div> 
+      </div>       <div class="news-item"> 
+       <div class="date"> 
+        <span class="day"> 05 </span> 
+        <span class="date"> 2021-01 </span> 
+       </div> 
+       <div class="news-body"> 
+        <a href="http://localhost:8080/html/web/news/xingyedongtai/1346299650146922497.html" class="title"> 【网站】国内 前6名 Java开源CMS建站系统 </a> 
+        <span class="desc"> 下面我们开始分享一下开源中国中最火的Java开源CMS建站系统 </span> 
+       </div> 
+      </div>       <div class="news-item"> 
+       <div class="date"> 
+        <span class="day"> 20 </span> 
+        <span class="date"> 2020-11 </span> 
+       </div> 
+       <div class="news-body"> 
+        <a href="http://localhost:8080/html/web/news/xingyedongtai/1329374724146405378.html" class="title"> 国内最火的10款Java开源项目,都是国人开发,CMS居多 </a> 
+        <span class="desc"> 价值源自分享!铭飞系统不仅一套简单好用的开源系统、更是一整套优质的开源生态内容体系。铭飞的使命就是降低开发成本提高开发效率,提供全方位的企业级开发解决方案,每月28定期更新版本 </span> 
+       </div> 
+      </div>  
+     </div> 
+    </div> 
+    <div class="more"> 
+    </div> 
+    <a href="http://localhost:8080/html/web/news/index.html" class="more"> 更多新闻 </a>
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <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:#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;
+    }
+    .swiper-button-prev, .swiper-button-next{
+     color: #fff;
+    }
+    .ms-banner 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            margin-top:0px;
+            height:630px;
+    }
+    .ms-banner .ms-vue-awesome-swiper 
+    {
+            background-color:#E8F4FD;
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            position:relative;
+            padding-left:0px;
+            justify-content:space-between;
+            margin-top:0px;
+            height:100%;
+    }
+    .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom 
+    {
+            background-color:rgba(0,0,0,0.5);
+            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;
+    }
+    .ms-banner .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;
+    }
+    .about 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            justify-content:center;
+            margin-top:18px;
+            height:200px;
+    }
+    .about .body 
+    {
+            padding-bottom:0px;
+            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%;
+    }
+    .about .body .left 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:40%;
+            box-sizing:border-box;
+            padding-left:0px;
+            height:100%;
+    }
+    .about .body .left img 
+    {
+            width:100%;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .about .body .right 
+    {
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:20px;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:20px;
+            margin-top:0px;
+            height:100%;
+    }
+    .about .body .right .title 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            margin-top:0px;
+            height:40px;
+    }
+    .about .body .right .title span 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:28PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .about .body .right .desc 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            height:100%;
+    }
+    .about .body .right .desc span 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+            margin-top:20px;
+     line-height: 32px;
+
+    }
+    .product 
+    {
+            background-color:#F2F2F2;
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            padding-bottom:40px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0px;
+            padding-top:40px;
+            padding-left:0px;
+            margin-top:20px;
+    }
+    .product .title 
+    {
+            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;
+            height:40px;
+    }
+    .product .title span 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:28PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .product .body 
+    {
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            padding-bottom:0px;
+            flex-wrap:wrap;
+            width:1200px;
+            margin-bottom:40px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:40px;
+            height:100%;
+    }
+    .product .body .prod 
+    {
+            background-color:#FFFFFF;
+            flex-direction:column;
+            display:flex;
+            padding-right:20px;
+            box-sizing:border-box;
+            padding-bottom:20px;
+            flex-wrap:nowrap;
+            width:32%;
+            margin-bottom:20px;
+            padding-top:20px;
+            padding-left:20px;
+            margin-top:0px;
+            height:100%;
+    }
+    .product .body .prod .pic 
+    {
+            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:200px;
+    }
+    .product .body .prod .pic img 
+    {
+            padding-bottom:0px;
+            width:100%;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .product .body .prod .text 
+    {
+            padding-bottom:0px;
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:16PX;
+            padding-top:8px;
+            padding-left:0px;
+            margin-top:10px;
+            height:40px;
+    }
+    .product .more 
+    {
+            background-color:#FFFFFF;
+            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:100px;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:48px;
+    }
+    .news 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            padding-bottom:20px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:20px;
+            padding-top:20px;
+            padding-left:0px;
+            margin-top:20px;
+    }
+    .news .title 
+    {
+            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;
+            height:40px;
+    }
+    .news .title span 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:28PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .news .body 
+    {
+            align-items:flex-start;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:20px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:20px;
+            height:100%;
+    }
+    .news .body .left 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:400px;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .news .body .left img 
+    {
+            width:100%;
+            padding-top:0px;
+            height:280px;
+    }
+    .news .body .left .title 
+    {
+            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;
+            margin-bottom:0px;
+            padding-top:10px;
+            padding-left:0px;
+            margin-top:0px;
+            height:40px;
+    }
+    .news .body .left .desc 
+    {
+            padding-bottom:0px;
+            color:#B5B5B5;
+            text-align:left;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:14PX;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .news .body .right 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:800px;
+            margin-bottom:0px;
+            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;
+            width:100%;
+            margin-bottom:10px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:100px;
+    }
+    .news .body .right .news-item .date 
+    {
+            background-color:#EEEEEE;
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:8px;
+            box-sizing:border-box;
+            justify-content:center;
+            padding-bottom:8px;
+            flex-wrap:nowrap;
+            width:100px;
+            margin-bottom:0px;
+            padding-top:8px;
+            padding-left:8px;
+            height:100%;
+    }
+    .news .body .right .news-item .date .day 
+    {
+            padding-bottom:0px;
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:28PX;
+            padding-top:14px;
+            padding-left:0px;
+            height:70%;
+    }
+    .news .body .right .news-item .date .date 
+    {
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+    }
+    .news .body .right .news-item .news-body 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:90%;
+            margin-bottom:10px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:10px;
+            margin-top:0px;
+            height:100%;
+    }
+    .news .body .right .news-item .news-body .title 
+    {
+            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;
+            margin-bottom:0px;
+            padding-top:10px;
+            padding-left:0px;
+            margin-top:0px;
+            height:40px;
+    }
+    .news .body .right .news-item .news-body .desc 
+    {
+            padding-bottom:0px;
+            color:#B5B5B5;
+            text-align:left;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:14PX;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .news .more 
+    {
+            background-color:#FFFFFF;
+            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:100px;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:48px;
+    }
+@media (max-width: 768px){
+        .ms-banner 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                margin-top:0px;
+                height:unset;
+        }
+        .ms-banner .ms-vue-awesome-swiper 
+        {
+                background-color:#E8F4FD;
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                position:relative;
+                padding-left:0px;
+                justify-content:space-between;
+                margin-top:0px;
+                height:300px;
+        }
+        .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom 
+        {
+                background-color:RGBA(63, 158, 255, .75);
+                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;
+        }
+        .ms-banner .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;
+        }
+        .about 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                justify-content:center;
+                margin-top:18px;
+                height:100%;
+        }
+        .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:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                box-sizing:border-box;
+                margin-bottom:10px;
+                padding-left:0px;
+                justify-content:center;
+        }
+        .about .body .left img 
+        {
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                height:200px;
+        }
+        .about .body .right 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:20px;
+                width:100%;
+                box-sizing:border-box;
+                margin-bottom:0px;
+                padding-left:20px;
+                margin-top:0px;
+                height:100%;
+        }
+        .about .body .right .title 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                margin-top:0px;
+                height:40px;
+        }
+        .about .body .right .title span 
+        {
+                padding-bottom:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:28PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .about .body .right .desc 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .about .body .right .desc span 
+        {
+                padding-bottom:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:0px;
+                margin-top:20px;
+        }
+        .product 
+        {
+                background-color:#F2F2F2;
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                padding-bottom:40px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:40px;
+                padding-left:0px;
+                margin-top:20px;
+                height:unset;
+        }
+        .product .title 
+        {
+                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;
+                height:40px;
+        }
+        .product .title span 
+        {
+                padding-bottom:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:28PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .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 .prod 
+        {
+                background-color:#FFFFFF;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:90%;
+                margin-bottom:40px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .product .body .prod .pic 
+        {
+                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;
+                height:200px;
+        }
+        .product .body .prod .pic img 
+        {
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .product .body .prod .text 
+        {
+                padding-bottom:0px;
+                text-align:center;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:16PX;
+                padding-top:8px;
+                padding-left:0px;
+                margin-top:10px;
+                height:40px;
+        }
+        .product .more 
+        {
+                background-color:#FFFFFF;
+                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:100px;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:48px;
+        }
+        .news 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:20px;
+                padding-top:20px;
+                padding-left:0px;
+                margin-top:20px;
+                height:unset;
+        }
+        .news .title 
+        {
+                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;
+                height:40px;
+        }
+        .news .title span 
+        {
+                padding-bottom:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:28PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .news .body 
+        {
+                align-items:flex-start;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:90%;
+                margin-bottom:20px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:20px;
+                height:100%;
+        }
+        .news .body .left 
+        {
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                margin-bottom:10px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+        }
+        .news .body .left img 
+        {
+                padding-bottom:0px;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .news .body .left .title 
+        {
+                padding-bottom:0px;
+                text-align:left;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:18PX;
+                padding-top:10px;
+                padding-left:0px;
+                margin-top:0px;
+                justify-content:flex-start;
+                height:40px;
+        }
+        .news .body .left .desc 
+        {
+                padding-bottom:0px;
+                color:#B5B5B5;
+                text-align:left;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:14PX;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+        }
+        .news .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;
+                height:100%;
+        }
+        .news .body .right .news-item 
+        {
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                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:100px;
+        }
+        .news .body .right .news-item .date 
+        {
+                background-color:#EEEEEE;
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:8px;
+                box-sizing:border-box;
+                justify-content:center;
+                padding-bottom:8px;
+                flex-wrap:nowrap;
+                width:100px;
+                margin-bottom:0px;
+                padding-top:8px;
+                padding-left:8px;
+                height:100%;
+        }
+        .news .body .right .news-item .date .day 
+        {
+                padding-bottom:0px;
+                text-align:center;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:28PX;
+                padding-top:14px;
+                padding-left:0px;
+                height:70%;
+        }
+        .news .body .right .news-item .date .date 
+        {
+                text-align:center;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:0px;
+        }
+        .news .body .right .news-item .news-body 
+        {
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                margin-bottom:10px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:10px;
+                margin-top:0px;
+                height:100%;
+        }
+        .news .body .right .news-item .news-body .title 
+        {
+                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;
+                margin-bottom:0px;
+                padding-top:10px;
+                padding-left:0px;
+                margin-top:0px;
+                height:40px;
+        }
+        .news .body .right .news-item .news-body .desc 
+        {
+         display: none;
+                padding-bottom:0px;
+                color:#B5B5B5;
+                text-align:left;
+                flex-direction:row;
+                word-wrap:break-word;
+                padding-right:0px;
+                font-size:14PX;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+        }
+        .news .more 
+        {
+                background-color:#FFFFFF;
+                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:100px;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:48px;
+        }
+
+}</style>
+ </body>
+</html>

+ 822 - 0
src/main/webapp/html/web/news/index.html

@@ -0,0 +1,822 @@
+<html>
+ <head>
+  <meta charset="utf-8">
+  <title>铭飞MCms</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="铭飞MCMS">
+  <meta name="description" content="铭飞MCMS">
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script>
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css">
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css">
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css">
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script>
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css">
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css">
+  <!--网络请求框架-->
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script>
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script>
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script>
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script>
+  <script src="http://localhost:8080/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>
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item ">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item  sel">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item sel">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="news">
+    <div class="body">
+     <div class="left">
+     <span class="title"> 新闻动态</span>
+     <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="sub-title"> 公司动态 </a>
+     <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="sub-title"> 行业动态 </a>
+    </div>
+     <div class="right">
+      <div class="ms-channel-path">
+       <span class="ms-channel-path-label"> 当前位置: </span>
+       <a href="/" class="ms-channel-path-index"> 首页 </a> 
+       <i class="iconfont icon-youjiantou"></i>
+       <a href="http://localhost:8080/html/web/news/index.html" class="ms-channel-path-link"> 新闻动态 </a> 
+      </div>
+      <div class="right-body">
+       <div class="news-item">
+        <div class="pic">
+         <img title="" alt="" src="/upload/1/cms/content/1609835614568.jpeg">
+        </div>
+        <div class="news-content">
+         <a href="http://localhost:8080/html/web/news/xingyedongtai/1346302136240926721.html" class="title"> 铭飞MCMS内容管理系统完整开源版J2EE代码 </a>
+         <span class="desc"> 官网同时提供一键运行版本下载,请步移官网.... </span>
+         <div class="news-footer">
+          <span class="label"> 发布时间 </span>
+          <span class="v"> 2021-01-05 </span>
+         </div>
+        </div>
+       </div>
+       <div class="news-item">
+        <div class="pic">
+         <img title="" alt="" src="/upload/1/cms/content/1609835629433.jpeg">
+        </div>
+        <div class="news-content">
+         <a href="http://localhost:8080/html/web/news/xingyedongtai/1346299650146922497.html" class="title"> 【网站】国内 前6名 Java开源CMS建站系统 </a>
+         <span class="desc"> 下面我们开始分享一下开源中国中最火的Java开源CMS建站系统 </span>
+         <div class="news-footer">
+          <span class="label"> 发布时间 </span>
+          <span class="v"> 2021-01-05 </span>
+         </div>
+        </div>
+       </div>
+       <div class="news-item">
+        <div class="pic">
+         <img title="" alt="" src="/upload/1/cms/content/1609835640813.jpeg">
+        </div>
+        <div class="news-content">
+         <a href="http://localhost:8080/html/web/news/xingyedongtai/1329374724146405378.html" class="title"> 国内最火的10款Java开源项目,都是国人开发,CMS居多 </a>
+         <span class="desc"> 价值源自分享!铭飞系统不仅一套简单好用的开源系统、更是一整套优质的开源生态内容体系。铭飞的使命就是降低开发成本提高开发效率,提供全方位的企业级开发解决方案,每月28定期更新版本 </span>
+         <div class="news-footer">
+          <span class="label"> 发布时间 </span>
+          <span class="v"> 2020-11-20 </span>
+         </div>
+        </div>
+       </div>
+       <div class="news-item">
+        <div class="pic">
+         <img title="" alt="" src="/upload/1/cms/content/1609835836996.png">
+        </div>
+        <div class="news-content">
+         <a href="http://localhost:8080/html/web/news/gsdt/1329374684459900929.html" class="title"> mcms在线适用手册 </a>
+         <span class="desc"> MCms内容插件提供最基本的菜单、权限、角色、栏目、内容、静态化、等常用功能。 </span>
+         <div class="news-footer">
+          <span class="label"> 发布时间 </span>
+          <span class="v"> 2020-11-20 </span>
+         </div>
+        </div>
+       </div>
+       <div class="news-item">
+        <div class="pic">
+         <img title="" alt="" src="/upload/1/cms/content/1609825459624.png">
+        </div>
+        <div class="news-content">
+         <a href="http://localhost:8080/html/web/news/gsdt/1329374638616158210.html" class="title"> 5.2.0稳定版本发布 </a>
+         <span class="desc">  </span>
+         <div class="news-footer">
+          <span class="label"> 发布时间 </span>
+          <span class="v"> 2020-11-20 </span>
+         </div>
+        </div>
+       </div>
+
+      </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>
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>
+  <script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+     //当前页数
+     pageCur: 1,
+     //每页文章条数
+     pageSize: 10,
+     //页数总数
+     pageTotal: 1,
+     //内容总数
+     contentCount: 5
+    },
+    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 = "http://localhost:8080/html/web//news/index.html";
+      } else {
+       location.href = "http://localhost:8080/html/web//news/list-" + val + ".html";
+      }
+     }
+    },
+    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;
+    }
+
+    .news
+    {
+            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;
+    }
+    .news .body
+    {
+            padding-bottom:20px;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:1200%;
+            box-sizing:border-box;
+            padding-top:20px;
+            padding-left:0px;
+            justify-content:center;
+            height:100%;
+    }
+    .news .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%;
+    }
+    .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;
+            margin-top:0px;
+            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;
+     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;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:1000px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:20px;
+            margin-top:0px;
+            height:100%;
+    }
+
+    .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;
+            display:flex;
+            padding-right:0px;
+            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;
+    }
+    .news .body .right .ms-channel-path span
+    {
+            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
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .news .body .right .ms-channel-path >i
+    {
+    }
+    .news .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;
+    }
+    .news .body .right .right-body
+    {
+            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;
+            height:100%;
+    }
+    .news .body .right .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;
+    }
+    .news .body .right .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;
+    }
+    .news .body .right .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;
+    }
+    .news .body .right .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%;
+    }
+    .news .body .right .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;
+    }
+    .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;
+            font-size:16PX;
+            margin-bottom:0px;
+            padding-top:8px;
+            padding-left:0px;
+            height:100px;
+    }
+    .news .body .right .right-body .news-item .news-content .news-footer
+    {
+            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: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
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            color:#C0C4CC;
+            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;
+            margin-left:0px;
+    }
+    .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;
+            font-size:14PX;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-left:10px;
+    }
+@media (max-width: 768px){
+        .news
+        {
+                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;
+        }
+        .news .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;
+        }
+ .news .body .left {
+  width: 90%;
+ }
+        .news .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;
+        }
+        .news .body .right .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:90%;
+                margin-bottom:10px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+        }
+        .news .body .right .ms-channel-path span
+        {
+                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
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:16PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .news .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;
+        }
+        .news .body .right .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%;
+        }
+        .news .body .right .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;
+         height: unset;
+        }
+        .news .body .right .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:unset;
+        }
+        .news .body .right .right-body .news-item .pic img
+        {
+                padding-bottom:0px;
+                padding-right:0px;
+                width:100%;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .news .body .right .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%;
+        }
+        .news .body .right .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;
+        }
+        .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;
+                font-size:14PX;
+                margin-bottom:0px;
+                padding-top:8px;
+                padding-left:0px;
+                margin-top:0px;
+                height:100px;
+         display: none;
+        }
+        .news .body .right .right-body .news-item .news-content .news-footer
+        {
+                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:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                padding-top:0px;
+                padding-left:0px;
+                height:30%;
+        }
+        .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;
+                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
+        {
+                margin-right:10px;
+                padding-bottom:0px;
+                color:#C0C4CC;
+                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;
+                margin-left:10px;
+        }
+
+}</style>
+ </body>
+</html>

+ 660 - 0
src/main/webapp/html/web/product/hycp/1329315860382294018.html

@@ -0,0 +1,660 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content"> 
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title-sel"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title"> 平台产品 </a>
+    </div>
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置: </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a>  
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="http://localhost:8080/html/web/product/hycp/index.html" class="ms-channel-path-link"> 行业产品 </a>  
+      </div> 
+      <div class="product"> 
+       <div class="pic"> 
+        <img title="" alt="" src="/upload/1/cms/content/1609837720097.png"> 
+        <div class="text"> 
+         <span class="big-title"> MEC工程造价咨询管理软件 </span> 
+         <span class="desc"> 支持分公司、跨地域协同管理,支持微信审批、通知更即时,与钉钉一样的审批,让审批流程更简单 </span> 
+        </div> 
+       </div> 
+       <div class="content"> 
+        <div class="content-body">
+         <span> <p><img src="/upload/1/cms/content/editor/1609809963757.png" title="1609809963757.png" alt="image.png"/></p> </span> 
+        </div> 
+       </div> 
+      </div> 
+     </div> 
+    </div> 
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <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:#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;
+    }
+
+    .content 
+    {
+            align-items:flex-start;
+            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;
+    }
+    .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:100%;
+            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;
+            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 
+    {
+            padding-bottom:0px;
+            flex-wrap:wrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:1000px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:20px;
+            margin-top:0px;
+    }
+    .content .body .right .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;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+            margin-left:auto;
+    }
+    .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 >i 
+    {
+    }
+    .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 .product 
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:980px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .body .right .product .pic 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            height:240px;
+    }
+    .content .body .right .product .pic img 
+    {
+            width:320px;
+            padding-left:0px;
+            height:206px;
+    }
+    .content .body .right .product .pic .text 
+    {
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:740px;
+            box-sizing:border-box;
+            padding-left:20px;
+            height:100%;
+    }
+    .content .body .right .product .pic .text .big-title 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:22PX;
+            padding-left:0px;
+    }
+    .content .body .right .product .pic .text .desc 
+    {
+            color:#C8C8C8;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content 
+    {
+            padding-bottom:10px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:10px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .label 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .content-body 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            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 
+        {
+                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;
+        }
+        .content .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                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:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .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;
+                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 .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 .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;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+                margin-left:auto;
+        }
+        .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 .product 
+        {
+                margin-right:0px;
+                padding-bottom:0px;
+                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:610px;
+        }
+        .content .body .right .product .pic 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .pic img 
+        {
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                padding-left:0px;
+                height:400px;
+        }
+        .content .body .right .product .pic .text 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .body .right .product .pic .text .big-title 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:22PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .pic .text .desc 
+        {
+                color:#C8C8C8;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .content 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .content .label 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .content .body .right .product .content .content-body 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                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>
+ </body>
+</html>

+ 660 - 0
src/main/webapp/html/web/product/hycp/1329315928002863105.html

@@ -0,0 +1,660 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content"> 
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title-sel"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title"> 平台产品 </a>
+    </div>
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置: </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a>  
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="http://localhost:8080/html/web/product/hycp/index.html" class="ms-channel-path-link"> 行业产品 </a>  
+      </div> 
+      <div class="product"> 
+       <div class="pic"> 
+        <img title="" alt="" src="/upload/1/cms/content/1609837616948.png"> 
+        <div class="text"> 
+         <span class="big-title"> BIMCms施工管理软件 </span> 
+         <span class="desc"> BIM数字化构件施工模型 </span> 
+        </div> 
+       </div> 
+       <div class="content"> 
+        <div class="content-body">
+         <span> <p>1、BIM引擎</p><p>2、项目管理</p><p>3、计划管理</p><p>4、进度管理</p><p>5、质量管理</p><p>6、填报管理</p> </span> 
+        </div> 
+       </div> 
+      </div> 
+     </div> 
+    </div> 
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <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:#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;
+    }
+
+    .content 
+    {
+            align-items:flex-start;
+            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;
+    }
+    .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:100%;
+            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;
+            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 
+    {
+            padding-bottom:0px;
+            flex-wrap:wrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:1000px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:20px;
+            margin-top:0px;
+    }
+    .content .body .right .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;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+            margin-left:auto;
+    }
+    .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 >i 
+    {
+    }
+    .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 .product 
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:980px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .body .right .product .pic 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            height:240px;
+    }
+    .content .body .right .product .pic img 
+    {
+            width:320px;
+            padding-left:0px;
+            height:206px;
+    }
+    .content .body .right .product .pic .text 
+    {
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:740px;
+            box-sizing:border-box;
+            padding-left:20px;
+            height:100%;
+    }
+    .content .body .right .product .pic .text .big-title 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:22PX;
+            padding-left:0px;
+    }
+    .content .body .right .product .pic .text .desc 
+    {
+            color:#C8C8C8;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content 
+    {
+            padding-bottom:10px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:10px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .label 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .content-body 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            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 
+        {
+                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;
+        }
+        .content .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                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:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .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;
+                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 .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 .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;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+                margin-left:auto;
+        }
+        .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 .product 
+        {
+                margin-right:0px;
+                padding-bottom:0px;
+                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:610px;
+        }
+        .content .body .right .product .pic 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .pic img 
+        {
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                padding-left:0px;
+                height:400px;
+        }
+        .content .body .right .product .pic .text 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .body .right .product .pic .text .big-title 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:22PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .pic .text .desc 
+        {
+                color:#C8C8C8;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .content 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .content .label 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .content .body .right .product .content .content-body 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                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>
+ </body>
+</html>

+ 666 - 0
src/main/webapp/html/web/product/hycp/index.html

@@ -0,0 +1,666 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content">
+
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title-sel"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title"> 平台产品 </a>
+    </div>
+     <div class="right">
+      <div class="ms-channel-path">
+            <span class="ms-channel-path-label">
+                当前位置:
+            </span>
+       <a href="/" class="ms-channel-path-index">
+        首页
+       </a>
+       <i class="iconfont icon-youjiantou"></i>
+       <a href="http://localhost:8080/html/web/product/hycp/index.html" class="ms-channel-path-link">
+        行业产品
+       </a>
+      </div>
+      <div class="list">
+       <div class="list-body">
+        <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609837616948.png" />
+         <a href="http://localhost:8080/html/web/product/hycp/1329315928002863105.html">
+          BIMCms施工管理软件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609837720097.png" />
+         <a href="http://localhost:8080/html/web/product/hycp/1329315860382294018.html">
+          MEC工程造价咨询管理软件
+         </a>
+        </div>
+         </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>
+
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+     //当前页数
+     pageCur: 1,
+     //每页文章条数
+     pageSize: 6,
+     //页数总数
+     pageTotal: 1,
+     //内容总数
+     contentCount: 2
+    },
+    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 = "http://localhost:8080/html/web//product/hycp/index.html";
+      } else {
+       location.href = "http://localhost:8080/html/web//product/hycp/list-" + val + ".html";
+      }
+     }
+    },
+    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;
+    }
+
+    .content 
+    {
+            align-items:center;
+            flex-direction:column;
+            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;
+    }
+    .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 .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 .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 .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 {
+     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 {
+     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 .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 .ms-channel-path span {
+     font-size: 16PX;
+     color: #909399;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+
+    .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 .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 .list {
+     padding-right: 0px;
+     margin-right: 0px;
+     padding-bottom: 0px;
+     height: 800px;
+     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 .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 .list .list-body .product {
+     padding-right: 0px;
+     margin-right: 8px;
+     padding-bottom: 0px;
+     margin-bottom: 8px;
+     padding-left: 0px;
+     box-sizing: border-box;
+     padding-top: 0px;
+     background-color: #FFFFFF;
+     flex-direction: column;
+     display: flex;
+     width: 320px;
+     margin-top: 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 .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 .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 .list .page span {
+     justify-content: center;
+     font-size: 14px;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+@media (max-width: 768px){
+        .content 
+        {
+                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;
+        }
+ .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%;
+  height: unset;
+  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: 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;
+  position: 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;
+  position: unset;
+ }
+ .content .body .right .list .page {
+  position:unset;
+ }
+ .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;
+ }
+
+ .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>
+ </body>
+</html>

+ 690 - 0
src/main/webapp/html/web/product/index.html

@@ -0,0 +1,690 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content">
+
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title"> 平台产品 </a>
+    </div>
+     <div class="right">
+      <div class="ms-channel-path">
+            <span class="ms-channel-path-label">
+                当前位置:
+            </span>
+       <a href="/" class="ms-channel-path-index">
+        首页
+       </a>
+       <i class="iconfont icon-youjiantou"></i>
+       <a href="http://localhost:8080/html/web/product/index.html" class="ms-channel-path-link">
+        公司产品
+       </a>
+      </div>
+      <div class="list">
+       <div class="list-body">
+        <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609740022739.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345973329424592897.html">
+          城市数据
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609837531913.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345973172616343553.html">
+          内容插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739953632.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345973065812586497.html">
+          支付交易
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609742916205.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345972904663232513.html">
+          发送插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739871146.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345972716284456962.html">
+          自定义插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739824520.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345972513561161729.html">
+          关注插件
+         </a>
+        </div>
+         </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>
+
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+     //当前页数
+     pageCur: 1,
+     //每页文章条数
+     pageSize: 6,
+     //页数总数
+     pageTotal: 3,
+     //内容总数
+     contentCount: 16
+    },
+    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 = "http://localhost:8080/html/web//product/index.html";
+      } else {
+       location.href = "http://localhost:8080/html/web//product/list-" + val + ".html";
+      }
+     }
+    },
+    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;
+    }
+
+    .content 
+    {
+            align-items:center;
+            flex-direction:column;
+            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;
+    }
+    .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 .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 .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 .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 {
+     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 {
+     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 .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 .ms-channel-path span {
+     font-size: 16PX;
+     color: #909399;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+
+    .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 .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 .list {
+     padding-right: 0px;
+     margin-right: 0px;
+     padding-bottom: 0px;
+     height: 800px;
+     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 .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 .list .list-body .product {
+     padding-right: 0px;
+     margin-right: 8px;
+     padding-bottom: 0px;
+     margin-bottom: 8px;
+     padding-left: 0px;
+     box-sizing: border-box;
+     padding-top: 0px;
+     background-color: #FFFFFF;
+     flex-direction: column;
+     display: flex;
+     width: 320px;
+     margin-top: 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 .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 .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 .list .page span {
+     justify-content: center;
+     font-size: 14px;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+@media (max-width: 768px){
+        .content 
+        {
+                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;
+        }
+ .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%;
+  height: unset;
+  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: 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;
+  position: 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;
+  position: unset;
+ }
+ .content .body .right .list .page {
+  position:unset;
+ }
+ .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;
+ }
+
+ .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>
+ </body>
+</html>

Разница между файлами не показана из-за своего большого размера
+ 110 - 0
src/main/webapp/html/web/product/kycp/1345970571501940737.html


Разница между файлами не показана из-за своего большого размера
+ 114 - 0
src/main/webapp/html/web/product/kycp/1345971247867015169.html


Разница между файлами не показана из-за своего большого размера
+ 110 - 0
src/main/webapp/html/web/product/kycp/1345971375898144770.html


Разница между файлами не показана из-за своего большого размера
+ 133 - 0
src/main/webapp/html/web/product/kycp/1345971507544764417.html


Разница между файлами не показана из-за своего большого размера
+ 110 - 0
src/main/webapp/html/web/product/kycp/1345972513561161729.html


+ 690 - 0
src/main/webapp/html/web/product/kycp/index.html

@@ -0,0 +1,690 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content">
+
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title-sel"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title"> 平台产品 </a>
+    </div>
+     <div class="right">
+      <div class="ms-channel-path">
+            <span class="ms-channel-path-label">
+                当前位置:
+            </span>
+       <a href="/" class="ms-channel-path-index">
+        首页
+       </a>
+       <i class="iconfont icon-youjiantou"></i>
+       <a href="http://localhost:8080/html/web/product/kycp/index.html" class="ms-channel-path-link">
+        开源产品
+       </a>
+      </div>
+      <div class="list">
+       <div class="list-body">
+        <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609740022739.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345973329424592897.html">
+          城市数据
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609837531913.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345973172616343553.html">
+          内容插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739953632.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345973065812586497.html">
+          支付交易
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609742916205.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345972904663232513.html">
+          发送插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739871146.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345972716284456962.html">
+          自定义插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739824520.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345972513561161729.html">
+          关注插件
+         </a>
+        </div>
+         </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>
+
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+     //当前页数
+     pageCur: 1,
+     //每页文章条数
+     pageSize: 6,
+     //页数总数
+     pageTotal: 2,
+     //内容总数
+     contentCount: 10
+    },
+    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 = "http://localhost:8080/html/web//product/kycp/index.html";
+      } else {
+       location.href = "http://localhost:8080/html/web//product/kycp/list-" + val + ".html";
+      }
+     }
+    },
+    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;
+    }
+
+    .content 
+    {
+            align-items:center;
+            flex-direction:column;
+            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;
+    }
+    .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 .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 .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 .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 {
+     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 {
+     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 .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 .ms-channel-path span {
+     font-size: 16PX;
+     color: #909399;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+
+    .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 .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 .list {
+     padding-right: 0px;
+     margin-right: 0px;
+     padding-bottom: 0px;
+     height: 800px;
+     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 .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 .list .list-body .product {
+     padding-right: 0px;
+     margin-right: 8px;
+     padding-bottom: 0px;
+     margin-bottom: 8px;
+     padding-left: 0px;
+     box-sizing: border-box;
+     padding-top: 0px;
+     background-color: #FFFFFF;
+     flex-direction: column;
+     display: flex;
+     width: 320px;
+     margin-top: 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 .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 .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 .list .page span {
+     justify-content: center;
+     font-size: 14px;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+@media (max-width: 768px){
+        .content 
+        {
+                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;
+        }
+ .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%;
+  height: unset;
+  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: 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;
+  position: 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;
+  position: unset;
+ }
+ .content .body .right .list .page {
+  position:unset;
+ }
+ .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;
+ }
+
+ .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>
+ </body>
+</html>

+ 678 - 0
src/main/webapp/html/web/product/kycp/list-2.html

@@ -0,0 +1,678 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content">
+
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title-sel"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title"> 平台产品 </a>
+    </div>
+     <div class="right">
+      <div class="ms-channel-path">
+            <span class="ms-channel-path-label">
+                当前位置:
+            </span>
+       <a href="/" class="ms-channel-path-index">
+        首页
+       </a>
+       <i class="iconfont icon-youjiantou"></i>
+       <a href="http://localhost:8080/html/web/product/kycp/index.html" class="ms-channel-path-link">
+        开源产品
+       </a>
+      </div>
+      <div class="list">
+       <div class="list-body">
+        <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739587867.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345971507544764417.html">
+          微信插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739781890.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345971375898144770.html">
+          站群插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739792665.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345971247867015169.html">
+          评论插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739360761.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345970571501940737.html">
+          会员模块
+         </a>
+        </div>
+         </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>
+
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+     //当前页数
+     pageCur: 2,
+     //每页文章条数
+     pageSize: 6,
+     //页数总数
+     pageTotal: 2,
+     //内容总数
+     contentCount: 10
+    },
+    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 = "http://localhost:8080/html/web//product/kycp/index.html";
+      } else {
+       location.href = "http://localhost:8080/html/web//product/kycp/list-" + val + ".html";
+      }
+     }
+    },
+    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;
+    }
+
+    .content 
+    {
+            align-items:center;
+            flex-direction:column;
+            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;
+    }
+    .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 .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 .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 .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 {
+     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 {
+     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 .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 .ms-channel-path span {
+     font-size: 16PX;
+     color: #909399;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+
+    .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 .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 .list {
+     padding-right: 0px;
+     margin-right: 0px;
+     padding-bottom: 0px;
+     height: 800px;
+     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 .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 .list .list-body .product {
+     padding-right: 0px;
+     margin-right: 8px;
+     padding-bottom: 0px;
+     margin-bottom: 8px;
+     padding-left: 0px;
+     box-sizing: border-box;
+     padding-top: 0px;
+     background-color: #FFFFFF;
+     flex-direction: column;
+     display: flex;
+     width: 320px;
+     margin-top: 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 .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 .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 .list .page span {
+     justify-content: center;
+     font-size: 14px;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+@media (max-width: 768px){
+        .content 
+        {
+                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;
+        }
+ .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%;
+  height: unset;
+  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: 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;
+  position: 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;
+  position: unset;
+ }
+ .content .body .right .list .page {
+  position:unset;
+ }
+ .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;
+ }
+
+ .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>
+ </body>
+</html>

+ 690 - 0
src/main/webapp/html/web/product/list-2.html

@@ -0,0 +1,690 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content">
+
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title"> 平台产品 </a>
+    </div>
+     <div class="right">
+      <div class="ms-channel-path">
+            <span class="ms-channel-path-label">
+                当前位置:
+            </span>
+       <a href="/" class="ms-channel-path-index">
+        首页
+       </a>
+       <i class="iconfont icon-youjiantou"></i>
+       <a href="http://localhost:8080/html/web/product/index.html" class="ms-channel-path-link">
+        公司产品
+       </a>
+      </div>
+      <div class="list">
+       <div class="list-body">
+        <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739587867.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345971507544764417.html">
+          微信插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739781890.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345971375898144770.html">
+          站群插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739792665.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345971247867015169.html">
+          评论插件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609739360761.png" />
+         <a href="http://localhost:8080/html/web/product/kycp/1345970571501940737.html">
+          会员模块
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609836029087.png" />
+         <a href="http://localhost:8080/html/web/product/pingtaichanpin/1329316951228489729.html">
+          Store应用市场
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609837914855.png" />
+         <a href="http://localhost:8080/html/web/product/pingtaichanpin/1329316887084998658.html">
+          Designer设计器
+         </a>
+        </div>
+         </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>
+
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+     //当前页数
+     pageCur: 2,
+     //每页文章条数
+     pageSize: 6,
+     //页数总数
+     pageTotal: 3,
+     //内容总数
+     contentCount: 16
+    },
+    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 = "http://localhost:8080/html/web//product/index.html";
+      } else {
+       location.href = "http://localhost:8080/html/web//product/list-" + val + ".html";
+      }
+     }
+    },
+    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;
+    }
+
+    .content 
+    {
+            align-items:center;
+            flex-direction:column;
+            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;
+    }
+    .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 .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 .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 .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 {
+     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 {
+     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 .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 .ms-channel-path span {
+     font-size: 16PX;
+     color: #909399;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+
+    .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 .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 .list {
+     padding-right: 0px;
+     margin-right: 0px;
+     padding-bottom: 0px;
+     height: 800px;
+     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 .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 .list .list-body .product {
+     padding-right: 0px;
+     margin-right: 8px;
+     padding-bottom: 0px;
+     margin-bottom: 8px;
+     padding-left: 0px;
+     box-sizing: border-box;
+     padding-top: 0px;
+     background-color: #FFFFFF;
+     flex-direction: column;
+     display: flex;
+     width: 320px;
+     margin-top: 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 .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 .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 .list .page span {
+     justify-content: center;
+     font-size: 14px;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+@media (max-width: 768px){
+        .content 
+        {
+                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;
+        }
+ .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%;
+  height: unset;
+  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: 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;
+  position: 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;
+  position: unset;
+ }
+ .content .body .right .list .page {
+  position:unset;
+ }
+ .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;
+ }
+
+ .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>
+ </body>
+</html>

+ 678 - 0
src/main/webapp/html/web/product/list-3.html

@@ -0,0 +1,678 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content">
+
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title"> 平台产品 </a>
+    </div>
+     <div class="right">
+      <div class="ms-channel-path">
+            <span class="ms-channel-path-label">
+                当前位置:
+            </span>
+       <a href="/" class="ms-channel-path-index">
+        首页
+       </a>
+       <i class="iconfont icon-youjiantou"></i>
+       <a href="http://localhost:8080/html/web/product/index.html" class="ms-channel-path-link">
+        公司产品
+       </a>
+      </div>
+      <div class="list">
+       <div class="list-body">
+        <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609838011513.png" />
+         <a href="http://localhost:8080/html/web/product/pingtaichanpin/1329316838384934914.html">
+          Code代码生成器
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609838116473.png" />
+         <a href="http://localhost:8080/html/web/product/pingtaichanpin/1329316558960402434.html">
+          PM项目管理
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609837616948.png" />
+         <a href="http://localhost:8080/html/web/product/hycp/1329315928002863105.html">
+          BIMCms施工管理软件
+         </a>
+        </div>
+                <div class="product">
+         <img title="" alt="" src="/upload/1/cms/content/1609837720097.png" />
+         <a href="http://localhost:8080/html/web/product/hycp/1329315860382294018.html">
+          MEC工程造价咨询管理软件
+         </a>
+        </div>
+         </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>
+
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+     //当前页数
+     pageCur: 3,
+     //每页文章条数
+     pageSize: 6,
+     //页数总数
+     pageTotal: 3,
+     //内容总数
+     contentCount: 16
+    },
+    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 = "http://localhost:8080/html/web//product/index.html";
+      } else {
+       location.href = "http://localhost:8080/html/web//product/list-" + val + ".html";
+      }
+     }
+    },
+    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;
+    }
+
+    .content 
+    {
+            align-items:center;
+            flex-direction:column;
+            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;
+    }
+    .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 .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 .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 .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 {
+     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 {
+     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 .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 .ms-channel-path span {
+     font-size: 16PX;
+     color: #909399;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+
+    .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 .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 .list {
+     padding-right: 0px;
+     margin-right: 0px;
+     padding-bottom: 0px;
+     height: 800px;
+     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 .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 .list .list-body .product {
+     padding-right: 0px;
+     margin-right: 8px;
+     padding-bottom: 0px;
+     margin-bottom: 8px;
+     padding-left: 0px;
+     box-sizing: border-box;
+     padding-top: 0px;
+     background-color: #FFFFFF;
+     flex-direction: column;
+     display: flex;
+     width: 320px;
+     margin-top: 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 .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 .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 .list .page span {
+     justify-content: center;
+     font-size: 14px;
+     word-wrap: break-word;
+     flex-direction: row;
+     display: inline-block;
+    }
+@media (max-width: 768px){
+        .content 
+        {
+                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;
+        }
+ .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%;
+  height: unset;
+  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: 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;
+  position: 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;
+  position: unset;
+ }
+ .content .body .right .list .page {
+  position:unset;
+ }
+ .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;
+ }
+
+ .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>
+ </body>
+</html>

+ 660 - 0
src/main/webapp/html/web/product/pingtaichanpin/1329316558960402434.html

@@ -0,0 +1,660 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content"> 
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title-sel"> 平台产品 </a>
+    </div>
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置: </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a>  
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="ms-channel-path-link"> 平台产品 </a>  
+      </div> 
+      <div class="product"> 
+       <div class="pic"> 
+        <img title="" alt="" src="/upload/1/cms/content/1609838116473.png"> 
+        <div class="text"> 
+         <span class="big-title"> PM项目管理 </span> 
+         <span class="desc"> 敏捷开发模式管理 </span> 
+        </div> 
+       </div> 
+       <div class="content"> 
+        <div class="content-body">
+         <span> <p>1、项目管理<br/>2、任务管理</p><p>3、日志管理</p><p>4、周报管理</p> </span> 
+        </div> 
+       </div> 
+      </div> 
+     </div> 
+    </div> 
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <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:#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;
+    }
+
+    .content 
+    {
+            align-items:flex-start;
+            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;
+    }
+    .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:100%;
+            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;
+            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 
+    {
+            padding-bottom:0px;
+            flex-wrap:wrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:1000px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:20px;
+            margin-top:0px;
+    }
+    .content .body .right .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;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+            margin-left:auto;
+    }
+    .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 >i 
+    {
+    }
+    .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 .product 
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:980px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .body .right .product .pic 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            height:240px;
+    }
+    .content .body .right .product .pic img 
+    {
+            width:320px;
+            padding-left:0px;
+            height:206px;
+    }
+    .content .body .right .product .pic .text 
+    {
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:740px;
+            box-sizing:border-box;
+            padding-left:20px;
+            height:100%;
+    }
+    .content .body .right .product .pic .text .big-title 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:22PX;
+            padding-left:0px;
+    }
+    .content .body .right .product .pic .text .desc 
+    {
+            color:#C8C8C8;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content 
+    {
+            padding-bottom:10px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:10px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .label 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .content-body 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            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 
+        {
+                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;
+        }
+        .content .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                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:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .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;
+                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 .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 .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;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+                margin-left:auto;
+        }
+        .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 .product 
+        {
+                margin-right:0px;
+                padding-bottom:0px;
+                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:610px;
+        }
+        .content .body .right .product .pic 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .pic img 
+        {
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                padding-left:0px;
+                height:400px;
+        }
+        .content .body .right .product .pic .text 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .body .right .product .pic .text .big-title 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:22PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .pic .text .desc 
+        {
+                color:#C8C8C8;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .content 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .content .label 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .content .body .right .product .content .content-body 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                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>
+ </body>
+</html>

+ 660 - 0
src/main/webapp/html/web/product/pingtaichanpin/1329316838384934914.html

@@ -0,0 +1,660 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content"> 
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title-sel"> 平台产品 </a>
+    </div>
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置: </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a>  
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="ms-channel-path-link"> 平台产品 </a>  
+      </div> 
+      <div class="product"> 
+       <div class="pic"> 
+        <img title="" alt="" src="/upload/1/cms/content/1609838011513.png"> 
+        <div class="text"> 
+         <span class="big-title"> Code代码生成器 </span> 
+         <span class="desc"> 降低后端代码开发成本 </span> 
+        </div> 
+       </div> 
+       <div class="content"> 
+        <div class="content-body">
+         <span> <p>1、后台页面自动生成</p><p>2、自动生成CURD方法</p><p>3、自定义模版代码生成</p><p>4、自定义表单代码生成</p><p>5、审批代码生成</p> </span> 
+        </div> 
+       </div> 
+      </div> 
+     </div> 
+    </div> 
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <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:#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;
+    }
+
+    .content 
+    {
+            align-items:flex-start;
+            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;
+    }
+    .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:100%;
+            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;
+            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 
+    {
+            padding-bottom:0px;
+            flex-wrap:wrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:1000px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:20px;
+            margin-top:0px;
+    }
+    .content .body .right .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;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+            margin-left:auto;
+    }
+    .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 >i 
+    {
+    }
+    .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 .product 
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:980px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .body .right .product .pic 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            height:240px;
+    }
+    .content .body .right .product .pic img 
+    {
+            width:320px;
+            padding-left:0px;
+            height:206px;
+    }
+    .content .body .right .product .pic .text 
+    {
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:740px;
+            box-sizing:border-box;
+            padding-left:20px;
+            height:100%;
+    }
+    .content .body .right .product .pic .text .big-title 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:22PX;
+            padding-left:0px;
+    }
+    .content .body .right .product .pic .text .desc 
+    {
+            color:#C8C8C8;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content 
+    {
+            padding-bottom:10px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:10px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .label 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .content-body 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            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 
+        {
+                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;
+        }
+        .content .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                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:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .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;
+                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 .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 .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;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+                margin-left:auto;
+        }
+        .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 .product 
+        {
+                margin-right:0px;
+                padding-bottom:0px;
+                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:610px;
+        }
+        .content .body .right .product .pic 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .pic img 
+        {
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                padding-left:0px;
+                height:400px;
+        }
+        .content .body .right .product .pic .text 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .body .right .product .pic .text .big-title 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:22PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .pic .text .desc 
+        {
+                color:#C8C8C8;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .content 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .content .label 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .content .body .right .product .content .content-body 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                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>
+ </body>
+</html>

+ 660 - 0
src/main/webapp/html/web/product/pingtaichanpin/1329316887084998658.html

@@ -0,0 +1,660 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content"> 
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title-sel"> 平台产品 </a>
+    </div>
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置: </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a>  
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="ms-channel-path-link"> 平台产品 </a>  
+      </div> 
+      <div class="product"> 
+       <div class="pic"> 
+        <img title="" alt="" src="/upload/1/cms/content/1609837914855.png"> 
+        <div class="text"> 
+         <span class="big-title"> Designer设计器 </span> 
+         <span class="desc"> 降低前端开发成本,可以直接导出网站模版,也能给前端提供设计布局参考 </span> 
+        </div> 
+       </div> 
+       <div class="content"> 
+        <div class="content-body">
+         <span> <p>前端设计辅助工具</p> </span> 
+        </div> 
+       </div> 
+      </div> 
+     </div> 
+    </div> 
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <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:#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;
+    }
+
+    .content 
+    {
+            align-items:flex-start;
+            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;
+    }
+    .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:100%;
+            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;
+            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 
+    {
+            padding-bottom:0px;
+            flex-wrap:wrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:1000px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:20px;
+            margin-top:0px;
+    }
+    .content .body .right .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;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+            margin-left:auto;
+    }
+    .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 >i 
+    {
+    }
+    .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 .product 
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:980px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .body .right .product .pic 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            height:240px;
+    }
+    .content .body .right .product .pic img 
+    {
+            width:320px;
+            padding-left:0px;
+            height:206px;
+    }
+    .content .body .right .product .pic .text 
+    {
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:740px;
+            box-sizing:border-box;
+            padding-left:20px;
+            height:100%;
+    }
+    .content .body .right .product .pic .text .big-title 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:22PX;
+            padding-left:0px;
+    }
+    .content .body .right .product .pic .text .desc 
+    {
+            color:#C8C8C8;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content 
+    {
+            padding-bottom:10px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:10px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .label 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .content-body 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            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 
+        {
+                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;
+        }
+        .content .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                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:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .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;
+                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 .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 .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;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+                margin-left:auto;
+        }
+        .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 .product 
+        {
+                margin-right:0px;
+                padding-bottom:0px;
+                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:610px;
+        }
+        .content .body .right .product .pic 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .pic img 
+        {
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                padding-left:0px;
+                height:400px;
+        }
+        .content .body .right .product .pic .text 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .body .right .product .pic .text .big-title 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:22PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .pic .text .desc 
+        {
+                color:#C8C8C8;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .content 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .content .label 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .content .body .right .product .content .content-body 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                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>
+ </body>
+</html>

+ 660 - 0
src/main/webapp/html/web/product/pingtaichanpin/1329316951228489729.html

@@ -0,0 +1,660 @@
+<html>
+ <head> 
+  <meta charset="utf-8"> 
+  <title>铭飞MCms</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="铭飞MCMS"> 
+  <meta name="description" content="铭飞MCMS"> 
+  <script type="text/javascript" src="http://localhost:8080/static/plugins/vue/2.6.9/vue.min.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/minireset/0.0.2/minireset.min.css"> 
+  <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/animate/4.1.0/animate.min.css"> 
+  <script src="http://localhost:8080/static/plugins/element-ui/2.12.0/index.js"></script> 
+  <link rel="stylesheet" href="http://localhost:8080/static/plugins/element-ui/2.12.0/index.css"> 
+  <link rel="stylesheet" href="http://localhost:8080/template/1/default/css/app.css"> 
+  <!--网络请求框架--> 
+  <script src="http://localhost:8080/static/plugins/axios/0.18.0/axios.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/qs/6.6.0/qs.min.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.js"></script> 
+  <script src="http://localhost:8080/static/plugins/ms/1.0.0/ms.http.js"></script> 
+  <script src="http://localhost:8080/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> 
+<div class="ms-nav">
+ <div class="body"> 
+  <div class="logo"> 
+   <img title="" alt="" src="/upload/1/appLogo/1609397756549.png" 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" style="display: none">
+    <a href="http://localhost:8080" class="nav-h5-item"> 首页 </a>
+    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item  sel">
+     公司产品
+    </a>
+    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
+     新闻动态
+    </a>
+    <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="nav-h5-item ">
+     关于我们
+    </a>
+   </div> 
+  </div> 
+  <div class="nav-item"> 
+   <a href="http://localhost:8080" class="item"> 首页 </a>
+
+   <a href="http://localhost:8080/html/web/product/index.html" class="item sel">
+    公司产品
+   </a>
+   <a href="http://localhost:8080/html/web/news/index.html" class="item">
+    新闻动态
+   </a>
+   <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item">
+    关于我们
+   </a>
+  </div> 
+  <div class="nav-search"> 
+   <!--搜索-start--> 
+   <form id="searchDataForm" action="http://localhost:8080/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>   <div class="content"> 
+    <div class="body">
+     <div class="left">
+      <span class="title"> 公司产品 </span>
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="sub-title"> 开源产品 </a>
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="sub-title"> 行业产品 </a>
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="sub-title-sel"> 平台产品 </a>
+    </div>
+     <div class="right"> 
+      <div class="ms-channel-path"> 
+       <span class="ms-channel-path-label"> 当前位置: </span> 
+       <a href="/" class="ms-channel-path-index"> 首页 </a>  
+       <i class="iconfont icon-youjiantou"></i> 
+       <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="ms-channel-path-link"> 平台产品 </a>  
+      </div> 
+      <div class="product"> 
+       <div class="pic"> 
+        <img title="" alt="" src="/upload/1/cms/content/1609836029087.png"> 
+        <div class="text"> 
+         <span class="big-title"> Store应用市场 </span> 
+         <span class="desc"> 价值源自分享! </span> 
+        </div> 
+       </div> 
+       <div class="content"> 
+        <div class="content-body">
+         <span> <p>提供上百套免费的模版,提供适用好用的插件</p> </span> 
+        </div> 
+       </div> 
+      </div> 
+     </div> 
+    </div> 
+   </div> 
+<div class="ms-footer"> 
+ <div class="body"> 
+  <div class="top"> 
+   <div class="top-left">
+         <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 公司产品 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item"> 行业动态 </a> 
+     </div>  
+    </div>     <div class="foot-nav"> 
+     <a href="http://localhost:8080/html/web/gywm/index.html" class="nav-item"> 关于我们 </a>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a> 
+     </div>  
+     <div> 
+      <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item"> 公司介绍 </a> 
+     </div>  
+    </div>  
+   </div> 
+   <div class="top-right"> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/sw.png" class="pic">
+     <span class="text"> 商务微信 </span>
+    </div> 
+    <div class="qr"> 
+     <img title="" alt="" src="http://localhost:8080/template/1/default/images/gzh.png" 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>  </div>   
+  <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:#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;
+    }
+
+    .content 
+    {
+            align-items:flex-start;
+            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;
+    }
+    .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:100%;
+            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;
+            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 
+    {
+            padding-bottom:0px;
+            flex-wrap:wrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:1000px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:20px;
+            margin-top:0px;
+    }
+    .content .body .right .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;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+            margin-left:auto;
+    }
+    .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 >i 
+    {
+    }
+    .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 .product 
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:980px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .body .right .product .pic 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            height:240px;
+    }
+    .content .body .right .product .pic img 
+    {
+            width:320px;
+            padding-left:0px;
+            height:206px;
+    }
+    .content .body .right .product .pic .text 
+    {
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:740px;
+            box-sizing:border-box;
+            padding-left:20px;
+            height:100%;
+    }
+    .content .body .right .product .pic .text .big-title 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:22PX;
+            padding-left:0px;
+    }
+    .content .body .right .product .pic .text .desc 
+    {
+            color:#C8C8C8;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content 
+    {
+            padding-bottom:10px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:10px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .label 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .content-body 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            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 
+        {
+                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;
+        }
+        .content .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                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:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .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;
+                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 .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 .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;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+                margin-left:auto;
+        }
+        .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 .product 
+        {
+                margin-right:0px;
+                padding-bottom:0px;
+                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:610px;
+        }
+        .content .body .right .product .pic 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .pic img 
+        {
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                padding-left:0px;
+                height:400px;
+        }
+        .content .body .right .product .pic .text 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .body .right .product .pic .text .big-title 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:22PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .pic .text .desc 
+        {
+                color:#C8C8C8;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .content 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .content .label 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .content .body .right .product .content .content-body 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                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>
+ </body>
+</html>

BIN
src/main/webapp/upload/1/cms/content/editor/1610000932423.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000932622.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000932670.gif


BIN
src/main/webapp/upload/1/cms/content/editor/1610000932808.gif


BIN
src/main/webapp/upload/1/cms/content/editor/1610000932910.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000932970.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000932989.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000933017.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000933033.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000933052.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000933075.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000933116.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000933143.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000933178.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000933214.jpg


BIN
src/main/webapp/upload/1/cms/content/editor/1610000933236.jpg


Некоторые файлы не были показаны из-за большого количества измененных файлов