|
|
@@ -0,0 +1,282 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <#include "head-file.htm">
|
|
|
+ <link rel="stylesheet" type="text/css" href="http://cdn.mingsoft.net/plugins/bootstrap/3.3.5/css/bootstrap.min.css">
|
|
|
+ <script type="text/javascript" src="http://cdn.mingsoft.net/plugins/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
|
+ </head>
|
|
|
+
|
|
|
+ <body>
|
|
|
+ <#include "head.htm">
|
|
|
+ <!-- <div class="ms-banner">
|
|
|
+ <img src="./images/banner.jpg">
|
|
|
+ </div> -->
|
|
|
+ <div id="indexVue">
|
|
|
+ <div id="banner_tabs" class="flexslider">
|
|
|
+ <ul class="slides">
|
|
|
+ <template v-for="banner in bannerList">
|
|
|
+ <li style="background:url({ms:global.host/}/{ms:global.style/}/images/03.jpg) no-repeat center;">
|
|
|
+ <p class="banner_tit animated fadeInLeft">铭飞MS平台</p>
|
|
|
+ <p class="banner_des animated fadeInRight">MCms系统永久完整开源</p>
|
|
|
+ </li>
|
|
|
+ <li style="background:url({ms:global.host/}/{ms:global.style/}/images/03.jpg) no-repeat center;">
|
|
|
+ <p class="banner_tit animated fadeInLeft">MStore</p>
|
|
|
+ <p class="banner_des animated fadeInRight">丰富强大的功能插件、海量精美的行业模板</p>
|
|
|
+ </li>
|
|
|
+ <li style="background:url({ms:global.host/}/{ms:global.style/}/images/03.jpg) no-repeat center;">
|
|
|
+ <p class="banner_tit animated fadeInLeft">优质的服务体验</p>
|
|
|
+ <p class="banner_des animated fadeInRight">人工远程协助服务、永久享受更新升级</p>
|
|
|
+ </li>
|
|
|
+ </template>
|
|
|
+ </ul>
|
|
|
+ <ul class="flex-direction-nav">
|
|
|
+ <li>
|
|
|
+ <a class="flex-prev" href="javascript:;">Previous</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a class="flex-next" href="javascript:;">Next</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-index">
|
|
|
+ <div class="ms-content-template">
|
|
|
+ <div>
|
|
|
+ <ul class="nav nav-tabs ms-index-tabs" role="tablist">
|
|
|
+ <li role="presentation" class="active">
|
|
|
+ <a href="#model" aria-controls="model" role="tab" data-toggle="tab">模板</a>
|
|
|
+ </li>
|
|
|
+ <li role="presentation">
|
|
|
+ <a href="#plug" aria-controls="plug" role="tab" data-toggle="tab">插件</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="ms-content-all">
|
|
|
+ <div class="tab-content">
|
|
|
+ <div role="tabpanel" class="tab-pane active" id="model">
|
|
|
+ <div style="display: none;" class="ms-loading" v-show="!loading">
|
|
|
+ <img src="{ms:global.host/}/{ms:global.style/}/images/loading.gif" />
|
|
|
+ </div>
|
|
|
+ <div class="ms-model-content" style="display: none;" v-show="loading">
|
|
|
+ <template v-for="model in modelList">
|
|
|
+ <div class="ms-model-list">
|
|
|
+ <a class="ms-model-img" :href="model.upgraderVersionUrl" target="_blank">
|
|
|
+ <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'" />
|
|
|
+ </a>
|
|
|
+ <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)">
|
|
|
+ <div>
|
|
|
+ <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'" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ms-model-info">
|
|
|
+ <span v-text="model.upgraderVersionName"></span>
|
|
|
+ <img class="ms-model-info-img" :src="model.upgraderVersionPeopleIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'" />
|
|
|
+ <img :src="'{ms:global.host/}/{ms:global.style/}/images/level-'+model.upgraderVersionStart+'.png'" />
|
|
|
+ <div class="ms-model-type">模板</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="ms-model-list" style="display: none;" v-show="loading">
|
|
|
+ <div class="ms-model-more">
|
|
|
+ <div onclick="window.open('http://mstore.mingsoft.net/mstoreShow.do')">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div role="tabpanel" class="tab-pane" id="plug">
|
|
|
+ <div class="ms-model-content" style="display: none;" v-show="loading">
|
|
|
+ <template v-for="pulg in pulgList">
|
|
|
+ <div class="ms-model-list">
|
|
|
+ <a class="ms-model-img" :href="pulg.upgraderVersionUrl" target="_blank">
|
|
|
+ <img :src="'http://mstore.mingsoft.net/'+pulg.upgraderVersionImg" onerror="this.src='{ms:global.host/}/{ms:global.style/}/images/no-data.png'" />
|
|
|
+ </a>
|
|
|
+ <div class="ms-model-info">
|
|
|
+ <span v-text="pulg.upgraderVersionName"></span>
|
|
|
+ <img class="ms-model-info-img" :src="pulg.upgraderVersionPeopleIcon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'" />
|
|
|
+ <img :src="'{ms:global.host/}/{ms:global.style/}/images/level-'+pulg.upgraderVersionStart+'.png'" />
|
|
|
+ <div class="ms-model-type">插件</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="ms-model-list" style="display: none;" v-show="loading">
|
|
|
+ <div class="ms-model-more">
|
|
|
+ <div onclick="window.open('http://mstore.mingsoft.net/mstoreShow.do')">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-case">
|
|
|
+ <div class="ms-content-case-mian">
|
|
|
+ <div class="ms-content-case-title">
|
|
|
+ <div class="ms-content-case-title-words">网站案例</div>
|
|
|
+ <div class="ms-content-case-more">
|
|
|
+ <a href='{ms:global.url/}/149/index.html'>MORE>></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-case-list">
|
|
|
+ {ms:arclist typeid=149 size=6}
|
|
|
+ <div class="ms-content-main-case">
|
|
|
+ <div class="ms-content-main-case-img">
|
|
|
+ <img src="{ms:global.host/}[field.litpic/]">
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-main-case-explain">
|
|
|
+ <div class="ms-content-main-case-title">[field.title/]</div>
|
|
|
+ <div class="ms-content-main-case-content">
|
|
|
+
|
|
|
+ <p class="ms-content-main-case-written">
|
|
|
+ [field.content/]
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-main-case-click">
|
|
|
+ <a target="_blank" href="[field.source/]">点击查看</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {/ms:arclist}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-product">
|
|
|
+ <div class="ms-content-product-main">
|
|
|
+ <div class="ms-content-product-title">
|
|
|
+ <div class="ms-content-product-title-words">产品方向</div>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-product-list">
|
|
|
+ <ul class="ms-content-product-list-ul">
|
|
|
+ <li>
|
|
|
+ <div class="ms-content-product-list-img">
|
|
|
+ <a target="_blank" href="http://www.mingsoft.net/html/1/5523/index.html">
|
|
|
+ <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu1.png"></a>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-product-list-content">
|
|
|
+ <div class="ms-content-product-list-content-title">
|
|
|
+ <a target="_blank" href="http://www.mingsoft.net/html/1/5523/index.html">铭飞建站系统MCMS</a></div>
|
|
|
+ <div class="ms-content-product-list-content-describe">纯Java开发，MCMS支持PC与MOBILE皮肤定制,同时使用MS团队移动JS插件，支持站群。</div></div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="ms-content-product-list-img">
|
|
|
+ <a target="_blank" href="http://www.mingsoft.net/html/1/5524/index.html">
|
|
|
+ <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu2.jpg"></a>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-product-list-content">
|
|
|
+ <div class="ms-content-product-list-content-title">
|
|
|
+ <a target="_blank" href="http://www.mingsoft.net/html/1/5524/index.html">移动互联网</a></div>
|
|
|
+ <div class="ms-content-product-list-content-describe">重新定义移动开发，快速、开放、高性能，数据无缝对接，超过500个模块api 接口，方便实现各种应用。</div></div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="ms-content-product-list-img">
|
|
|
+ <a target="_blank" href="http://www.mingsoft.net/html/1/5526/index.html">
|
|
|
+ <img src="http://www.mingsoft.net/templets/1/ming-soft//images/hu3.jpg"></a>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-product-list-content">
|
|
|
+ <div class="ms-content-product-list-content-title">
|
|
|
+ <a target="_blank" href="http://www.mingsoft.net/html/1/5526/index.html">铭飞物联网</a></div>
|
|
|
+ <div class="ms-content-product-list-content-describe">MS+物联网，让生产企业真正掌握企业命脉，实现互联网+生产，给企业插上信息化翅膀，共享、共荣大数据时代</div></div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-news">
|
|
|
+ <div class="ms-content-news-main">
|
|
|
+ <div class="ms-content-news-main-title">
|
|
|
+ <div class="ms-content-news-main-title-words">公司动态</div>
|
|
|
+ <div class="ms-content-news-main-title-more">
|
|
|
+ <a href='{ms:global.url/}/59/index.html'>MORE>></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-news-main-img-text">
|
|
|
+ {ms:arclist typeid=59 size=1}
|
|
|
+ <img src="{ms:global.host/}[field.litpic/]">
|
|
|
+ {/ms:arclist}
|
|
|
+ <ul class="ms-content-news-main-ul">
|
|
|
+ {ms:arclist typeid=59 size=6}
|
|
|
+ <li>
|
|
|
+ <a href="{ms:global.url/}[field.link/]">
|
|
|
+ <div class="ms-content-news-main-li-title">
|
|
|
+ <!-- <span class="ms-content-news-main-li-span">·</span> -->
|
|
|
+ <span class="">[field.title/]</span>
|
|
|
+ </div>
|
|
|
+ <div class="ms-content-news-main-li-time">[field.date?string("yyyy-mm-dd")/]</div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ {/ms:arclist}
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <#include "footer.htm">
|
|
|
+ </body>
|
|
|
+</html>
|
|
|
+<script type="text/javascript">
|
|
|
+ ms.load(["ms", "{ms:global.host/}/{ms:global.style/}/js/demo.js"], function(ms, mmstore) { //../templets/86/cms/js/ms.mstore.js
|
|
|
+ var index = new Vue({
|
|
|
+ el: "#indexVue",
|
|
|
+ data: {
|
|
|
+ bannerList: ['01', '02', '03', '04', '05'], //幻灯片列表
|
|
|
+ modelList: [], //模板列表
|
|
|
+ pulgList: [], //插件列表
|
|
|
+ loading: false, //加载状态
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ query: function(data, type) {
|
|
|
+ var target = this;
|
|
|
+ mmstore.mstore.list(data, function(json) {
|
|
|
+ if(type == 'model') {
|
|
|
+ target.modelList = json.list;
|
|
|
+ } else {
|
|
|
+ target.pulgList = json.list;
|
|
|
+ target.loading = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ imgMover: function() {
|
|
|
+ var _this = event.target;
|
|
|
+ var ms_top = ($(_this).height()) - 275;
|
|
|
+ if(ms_top < 0) {
|
|
|
+ ms_top = 0;
|
|
|
+ }
|
|
|
+ $(_this).stop(true);
|
|
|
+ $(_this).animate({
|
|
|
+ "top": -(ms_top)
|
|
|
+ }, 2500);
|
|
|
+ },
|
|
|
+ imgMout: function() {
|
|
|
+ var _this = event.target;
|
|
|
+ $(_this).stop(true);
|
|
|
+ $(_this).animate({
|
|
|
+ "top": 0
|
|
|
+ }, 2500);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted: function() {
|
|
|
+ var data = "upgraderVersionType=2&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=5&pageNo=1";
|
|
|
+ this.query(data, 'model');
|
|
|
+ var data = "upgraderVersionType=1&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=5&pageNo=1";
|
|
|
+ this.query(data, 'pulg');
|
|
|
+ /*幻灯*/
|
|
|
+ setTimeout(function() {
|
|
|
+ var bannerSlider = new Slider($('#banner_tabs'), {
|
|
|
+ time: 5000,
|
|
|
+ delay: 400,
|
|
|
+ event: 'hover',
|
|
|
+ auto: true,
|
|
|
+ mode: 'fade',
|
|
|
+ controller: $('#bannerCtrl'),
|
|
|
+ activeControllerCls: 'active'
|
|
|
+ });
|
|
|
+ $('#banner_tabs .flex-prev').click(function() {
|
|
|
+ bannerSlider.prev()
|
|
|
+ });
|
|
|
+ $('#banner_tabs .flex-next').click(function() {
|
|
|
+ bannerSlider.next()
|
|
|
+ });
|
|
|
+ }, 300)
|
|
|
+ },
|
|
|
+ })
|
|
|
+ })
|
|
|
+</script>
|
sunxin