indexa.htm 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <#include "head-file.htm">
  5. <link rel="stylesheet" type="text/css" href="http://cdn.mingsoft.net/plugins/bootstrap/3.3.5/css/bootstrap.min.css">
  6. <script type="text/javascript" src="http://cdn.mingsoft.net/plugins/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  7. </head>
  8. <body>
  9. <#include "head.htm">
  10. <!-- <div class="ms-banner">
  11. <img src="./images/banner.jpg">
  12. </div> -->
  13. <div id="indexVue">
  14. <div id="banner_tabs" class="flexslider">
  15. <ul class="slides">
  16. <template v-for="banner in bannerList">
  17. <li style="background:url({ms:global.host/}/{ms:global.style/}/images/03.jpg) no-repeat center;">
  18. <p class="banner_tit animated fadeInLeft">铭飞MS平台</p>
  19. <p class="banner_des animated fadeInRight">MCms系统永久完整开源</p>
  20. </li>
  21. <li style="background:url({ms:global.host/}/{ms:global.style/}/images/03.jpg) no-repeat center;">
  22. <p class="banner_tit animated fadeInLeft">MStore</p>
  23. <p class="banner_des animated fadeInRight">丰富强大的功能插件、海量精美的行业模板</p>
  24. </li>
  25. <li style="background:url({ms:global.host/}/{ms:global.style/}/images/03.jpg) no-repeat center;">
  26. <p class="banner_tit animated fadeInLeft">优质的服务体验</p>
  27. <p class="banner_des animated fadeInRight">人工远程协助服务、永久享受更新升级</p>
  28. </li>
  29. </template>
  30. </ul>
  31. <ul class="flex-direction-nav">
  32. <li>
  33. <a class="flex-prev" href="javascript:;">Previous</a>
  34. </li>
  35. <li>
  36. <a class="flex-next" href="javascript:;">Next</a>
  37. </li>
  38. </ul>
  39. </div>
  40. <div class="ms-content-index">
  41. <div class="ms-content-template">
  42. <div>
  43. <ul class="nav nav-tabs ms-index-tabs" role="tablist">
  44. <li role="presentation" class="active">
  45. <a href="#model" aria-controls="model" role="tab" data-toggle="tab">模板</a>
  46. </li>
  47. <li role="presentation">
  48. <a href="#plug" aria-controls="plug" role="tab" data-toggle="tab">插件</a>
  49. </li>
  50. </ul>
  51. <div class="ms-content-all">
  52. <div class="tab-content">
  53. <div role="tabpanel" class="tab-pane active" id="model">
  54. <div style="display: none;" class="ms-loading" v-show="!loading">
  55. <img src="{ms:global.host/}/{ms:global.style/}/images/loading.gif" />
  56. </div>
  57. <div class="ms-model-content" style="display: none;" v-show="loading">
  58. <template v-for="model in modelList">
  59. <div class="ms-model-list">
  60. <a class="ms-model-img" :href="model.upgraderVersionUrl" target="_blank">
  61. <img @mouseout="imgMout()" @mouseover="imgMover()" :src="'http://mstore.mingsoft.net/'+model.upgraderVersionImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
  62. </a>
  63. <div class="ms-model-mobile-img" v-if="model.upgraderVersionMobileImg != '' && model.upgraderVersionMobileImg != undefined" style="background: url({ms:global.host/}/{ms:global.style/}/images/mobile.png)">
  64. <div>
  65. <img @mouseout="imgMout()" @mouseover="imgMover()" :src="'http://mstore.mingsoft.net/'+model.upgraderVersionMobileImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
  66. </div>
  67. </div>
  68. <div class="ms-model-info">
  69. <span v-text="model.upgraderVersionName"></span>
  70. <img class="ms-model-info-img" :src="model.upgraderVersionPeopleIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'" />
  71. <img :src="'{ms:global.host/}/{ms:global.style/}/images/level-'+model.upgraderVersionStart+'.png'" />
  72. <div class="ms-model-type">模板</div>
  73. </div>
  74. </div>
  75. </template>
  76. <div class="ms-model-list" style="display: none;" v-show="loading">
  77. <div class="ms-model-more">
  78. <div onclick="window.open('http://mstore.mingsoft.net/mstoreShow.do')">查看更多</div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <div role="tabpanel" class="tab-pane" id="plug">
  84. <div class="ms-model-content" style="display: none;" v-show="loading">
  85. <template v-for="pulg in pulgList">
  86. <div class="ms-model-list">
  87. <a class="ms-model-img" :href="pulg.upgraderVersionUrl" target="_blank">
  88. <img :src="'http://mstore.mingsoft.net/'+pulg.upgraderVersionImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
  89. </a>
  90. <div class="ms-model-info">
  91. <span v-text="pulg.upgraderVersionName"></span>
  92. <img class="ms-model-info-img" :src="pulg.upgraderVersionPeopleIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'" />
  93. <img :src="'{ms:global.host/}/{ms:global.style/}/images/level-'+pulg.upgraderVersionStart+'.png'" />
  94. <div class="ms-model-type">插件</div>
  95. </div>
  96. </div>
  97. </template>
  98. <div class="ms-model-list" style="display: none;" v-show="loading">
  99. <div class="ms-model-more">
  100. <div onclick="window.open('http://mstore.mingsoft.net/mstoreShow.do')">查看更多</div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <div class="ms-content-case">
  110. <div class="ms-content-case-mian">
  111. <div class="ms-content-case-title">
  112. <div class="ms-content-case-title-words">网站案例</div>
  113. <div class="ms-content-case-more">
  114. <a href='{ms:global.url/}/149/index.html'>MORE>></a>
  115. </div>
  116. </div>
  117. <div class="ms-content-case-list">
  118. {ms:arclist typeid=149 size=6}
  119. <div class="ms-content-main-case">
  120. <div class="ms-content-main-case-img">
  121. <img src="{ms:global.host/}[field.litpic/]">
  122. </div>
  123. <div class="ms-content-main-case-explain">
  124. <div class="ms-content-main-case-title">[field.title/]</div>
  125. <div class="ms-content-main-case-content">
  126. <p class="ms-content-main-case-written">
  127. [field.content/]
  128. </p>
  129. </div>
  130. <div class="ms-content-main-case-click">
  131. <a target="_blank" href="[field.source/]">点击查看</a>
  132. </div>
  133. </div>
  134. </div>
  135. {/ms:arclist}
  136. </div>
  137. </div>
  138. </div>
  139. <div class="ms-content-product">
  140. <div class="ms-content-product-main">
  141. <div class="ms-content-product-title">
  142. <div class="ms-content-product-title-words">产品方向</div>
  143. </div>
  144. <div class="ms-content-product-list">
  145. <ul class="ms-content-product-list-ul">
  146. <li>
  147. <div class="ms-content-product-list-img">
  148. <a target="_blank" href="http://www.mingsoft.net/html/1/5523/index.html">
  149. <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu1.png"></a>
  150. </div>
  151. <div class="ms-content-product-list-content">
  152. <div class="ms-content-product-list-content-title">
  153. <a target="_blank" href="http://www.mingsoft.net/html/1/5523/index.html">铭飞建站系统MCMS</a></div>
  154. <div class="ms-content-product-list-content-describe">纯Java开发,MCMS支持PC与MOBILE皮肤定制,同时使用MS团队移动JS插件,支持站群。</div></div>
  155. </li>
  156. <li>
  157. <div class="ms-content-product-list-img">
  158. <a target="_blank" href="http://www.mingsoft.net/html/1/5524/index.html">
  159. <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu2.jpg"></a>
  160. </div>
  161. <div class="ms-content-product-list-content">
  162. <div class="ms-content-product-list-content-title">
  163. <a target="_blank" href="http://www.mingsoft.net/html/1/5524/index.html">移动互联网</a></div>
  164. <div class="ms-content-product-list-content-describe">重新定义移动开发,快速、开放、高性能,数据无缝对接,超过500个模块api 接口,方便实现各种应用。</div></div>
  165. </li>
  166. <li>
  167. <div class="ms-content-product-list-img">
  168. <a target="_blank" href="http://www.mingsoft.net/html/1/5526/index.html">
  169. <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu3.jpg"></a>
  170. </div>
  171. <div class="ms-content-product-list-content">
  172. <div class="ms-content-product-list-content-title">
  173. <a target="_blank" href="http://www.mingsoft.net/html/1/5526/index.html">铭飞物联网</a></div>
  174. <div class="ms-content-product-list-content-describe">MS+物联网,让生产企业真正掌握企业命脉,实现互联网+生产,给企业插上信息化翅膀,共享、共荣大数据时代</div></div>
  175. </li>
  176. </ul>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="ms-content-news">
  181. <div class="ms-content-news-main">
  182. <div class="ms-content-news-main-title">
  183. <div class="ms-content-news-main-title-words">公司动态</div>
  184. <div class="ms-content-news-main-title-more">
  185. <a href='{ms:global.url/}/59/index.html'>MORE>></a>
  186. </div>
  187. </div>
  188. <div class="ms-content-news-main-img-text">
  189. {ms:arclist typeid=59 size=1}
  190. <img src="{ms:global.host/}[field.litpic/]">
  191. {/ms:arclist}
  192. <ul class="ms-content-news-main-ul">
  193. {ms:arclist typeid=59 size=6}
  194. <li>
  195. <a href="{ms:global.url/}[field.link/]">
  196. <div class="ms-content-news-main-li-title">
  197. <!-- <span class="ms-content-news-main-li-span">·</span> -->
  198. <span class="">[field.title/]</span>
  199. </div>
  200. <div class="ms-content-news-main-li-time">[field.date?string("yyyy-mm-dd")/]</div>
  201. </a>
  202. </li>
  203. {/ms:arclist}
  204. </ul>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. <#include "footer.htm">
  211. </body>
  212. </html>
  213. <script type="text/javascript">
  214. ms.load(["ms", "{ms:global.host/}/{ms:global.style/}/js/demo.js"], function(ms, mmstore) { //../templets/86/cms/js/ms.mstore.js
  215. var index = new Vue({
  216. el: "#indexVue",
  217. data: {
  218. bannerList: ['01', '02', '03', '04', '05'], //幻灯片列表
  219. modelList: [], //模板列表
  220. pulgList: [], //插件列表
  221. loading: false, //加载状态
  222. },
  223. methods: {
  224. query: function(data, type) {
  225. var target = this;
  226. mmstore.mstore.list(data, function(json) {
  227. if(type == 'model') {
  228. target.modelList = json.list;
  229. } else {
  230. target.pulgList = json.list;
  231. target.loading = true;
  232. }
  233. });
  234. },
  235. imgMover: function() {
  236. var _this = event.target;
  237. var ms_top = ($(_this).height()) - 275;
  238. if(ms_top < 0) {
  239. ms_top = 0;
  240. }
  241. $(_this).stop(true);
  242. $(_this).animate({
  243. "top": -(ms_top)
  244. }, 2500);
  245. },
  246. imgMout: function() {
  247. var _this = event.target;
  248. $(_this).stop(true);
  249. $(_this).animate({
  250. "top": 0
  251. }, 2500);
  252. },
  253. },
  254. mounted: function() {
  255. var data = "upgraderVersionType=2&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=5&pageNo=1";
  256. this.query(data, 'model');
  257. var data = "upgraderVersionType=1&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=5&pageNo=1";
  258. this.query(data, 'pulg');
  259. /*幻灯*/
  260. setTimeout(function() {
  261. var bannerSlider = new Slider($('#banner_tabs'), {
  262. time: 5000,
  263. delay: 400,
  264. event: 'hover',
  265. auto: true,
  266. mode: 'fade',
  267. controller: $('#bannerCtrl'),
  268. activeControllerCls: 'active'
  269. });
  270. $('#banner_tabs .flex-prev').click(function() {
  271. bannerSlider.prev()
  272. });
  273. $('#banner_tabs .flex-next').click(function() {
  274. bannerSlider.next()
  275. });
  276. }, 300)
  277. },
  278. })
  279. })
  280. </script>