Commit 1b080a16 authored by wujj's avatar wujj
Browse files

链接地址

parent 31aff726
<!DOCTYPE html>
<html>
<#include "/m/head-file.htm">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/plugins/bootstrap/3.3.5/css/bootstrap.min.css">
<script type="text/javascript" src="{ms:global.host/}/plugins/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<body>
<#include "/m/head.htm">
<div id="indexVue">
<div class="ms-banner">
<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
<ul class="am-slides">
<template v-for="banner in bannerList">
<li>
<img :src="'{ms:global.host/}/{ms:global.style/}/images/'+banner+'.png'">
</li>
</template>
</ul>
</div>
</div>
<div class="ms-content-template">
<div>
<ul class="nav nav-tabs ms-index-tabs" role="tablist">
<li role="presentation" id="ms-model" class="active ms-active">
<a @click="tabShow('model')" href="#model">模板</a>
</li>
<li role="presentation" id="ms-plug" class="ms-active">
<a @click="tabShow('plug')" href="#plug">插件</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 :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-image: url({ms:global.host/}/{ms:global.style/}/images/mobile.png)">
<div>
<img :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'" width="60px" />
<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="'{ms:global.host/}/'+ 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'" width="60px"/>
<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-index-content">
<div class="ms-case">
<div data-am-widget="list_news" class="am-list-news am-list-news-default ms-case-div">
<!--列表标题-->
<div class="am-list-news-hd am-cf ms-case-title">
<!--带更多链接-->
<a href="{ms:global.url/}/149/index.html" class="">
<h2 class="ms-case-title-h2">网站案例</h2>
<span class="am-list-news-more am-fr ms-case-more">MORE &raquo;</span>
</a>
</div>
<div class="ms-case-list-div">
<ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-gallery-imgbordered">
{ms:arclist typeid=149 size=4}
<li>
<div class="am-gallery-item ms-case-div-li">
<a href='[field.source/]'>
<img class="ms-case-list-img" src="{ms:global.host/}[field.litpic/]" alt="[field.title/]" />
</a>
</div>
</li>
{/ms:arclist}
</ul>
</div>
</div>
</div>
<div class="ms-product">
<div class="container ms-product-container">
<div id="slide" class="slide" class="index-slide" alt="star">
<h2>产品方向</h2>
<div class="img img2" data-slide-imgid="0" onclick="left()">
<a 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="img img3" data-slide-imgid="1">
<a 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="img img4" data-slide-imgid="2" onclick="right()">
<a 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>
</div>
</div>
<div class="ms-news">
<div data-am-widget="list_news" class="am-list-news am-list-news-default">
<div class="am-list-news-hd am-cf ms-news-title">
<!--带更多链接-->
<a href="{ms:global.url/}/59/index.html" class="">
<h2 class="ms-news-title-h2">公司动态</h2>
<span class="am-list-news-more am-fr ms-news-more">MORE &raquo;</span>
</a>
</div>
<div class="am-list-news-bd ms-product-news-list">
<ul class="am-list">
{ms:arclist typeid=59 size=6}
<li class="am-g am-list-item-dated ms-product-news-list-li">
<a href="{ms:global.url/}[field.link/]" class="am-list-item-hd ">[field.title/]</a>
<span class="am-list-date">[field.date?string("yyyy-mm-dd")/]</span>
</li>
{/ms:arclist}
</ul>
</div>
</div>
</div>
</div>
</div>
<#include "/m/footer.htm">
</body>
<script>
var index = new Vue({
el: "#indexVue",
data: {
bannerList: ['01', '02', '03', '04', '05'],
modelList: [], //模板列表
pulgList: [], //插件列表
loading: false, //加载状态
},
methods: {
//切换tab
tabShow: function(type) {
event.preventDefault();
$(".tab-pane").removeClass("active");
$(".ms-active").removeClass("active");
$("#ms-" + type).addClass("active");
$("#" + type).addClass("active");
},
//加载列表
query: function(data, type) {
var target = this;
$.ajax({
type: "POST",
data: data,
url: "http://mstore.mingsoft.net//mstore/list.do", //
success: function(msg) {
if(type == 'model') {
target.modelList = msg.list;
} else {
target.pulgList = msg.list;
target.loading = true;
}
}
})
},
},
mounted: function() {
var data = "upgraderVersionType=2&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=4&pageNo=1";
this.query(data, 'model');
var data = "upgraderVersionType=1&upgraderVersionIndustry=0&orderBy=uv_id&pageSize=4&pageNo=1";
this.query(data, 'pulg');
}
})
</script>
</html>
\ No newline at end of file
var autoLb = false; //autoLb=true为开启自动轮播
var autoLbtime = 1; //autoLbtime为轮播间隔时间(单位秒)
var touch = true; //touch=true为开启触摸滑动
var slideBt = true; //slideBt=true为开启滚动按钮
var slideNub; //轮播图片数量
//窗口大小改变时改变轮播图宽高
/*$(window).resize(function(){
$(".slide").height($(".slide").width()*0.56);
});*/
$(function(){
/*$(".slide").height($(".slide").width()*0.56);*/
slideNub = $(".slide .img").size(); //获取轮播图片数量
for(i=0;i<slideNub;i++){
$(".slide .img:eq("+i+")").attr("data-slide-imgId",i);
}
//根据轮播图片数量设定图片位置对应的class
if(slideNub==1){
for(i=0;i<slideNub;i++){
$(".slide .img:eq("+i+")").addClass("img3");
}
}
if(slideNub==2){
for(i=0;i<slideNub;i++){
$(".slide .img:eq("+i+")").addClass("img"+(i+3));
}
}
if(slideNub==3){
for(i=0;i<slideNub;i++){
$(".slide .img:eq("+i+")").addClass("img"+(i+2));
}
}
if(slideNub>3&&slideNub<6){
for(i=0;i<slideNub;i++){
$(".slide .img:eq("+i+")").addClass("img"+(i+1));
}
}
if(slideNub>=6){
for(i=0;i<slideNub;i++){
if(i<5){
$(".slide .img:eq("+i+")").addClass("img"+(i+1));
}else{
$(".slide .img:eq("+i+")").addClass("img5");
}
}
}
//根据轮播图片数量设定轮播图按钮数量
if(slideBt){
for(i=1;i<=slideNub;i++){
$(".slide-bt").append("<span data-slide-bt='"+i+"' onclick='tz("+i+")'></span>");
}
$(".slide-bt").width(slideNub*34);
$(".slide-bt").css("margin-left","-"+slideNub*17+"px");
}
//自动轮播
if(autoLb){
setInterval(function(){
right();
}, autoLbtime*500);
}
if(touch){
k_touch();
}
slideLi();
imgClickFy();
})
//右滑动
function right(){
var fy = new Array();
for(i=0;i<slideNub;i++){
fy[i]=$(".slide .img[data-slide-imgId="+i+"]").attr("class");
}
for(i=0;i<slideNub;i++){
if(i==0){
$(".slide .img[data-slide-imgId="+i+"]").attr("class",fy[slideNub-1]);
}else{
$(".slide .img[data-slide-imgId="+i+"]").attr("class",fy[i-1]);
}
}
imgClickFy();
slideLi();
}
//左滑动
function left(){
var fy = new Array();
for(i=0;i<slideNub;i++){
fy[i]=$(".slide .img[data-slide-imgId="+i+"]").attr("class");
}
for(i=0;i<slideNub;i++){
if(i==(slideNub-1)){
$(".slide .img[data-slide-imgId="+i+"]").attr("class",fy[0]);
}else{
$(".slide .img[data-slide-imgId="+i+"]").attr("class",fy[i+1]);
}
}
imgClickFy();
slideLi();
}
//轮播图片左右图片点击翻页
function imgClickFy(){
$(".slide .img").removeAttr("onclick");
$(".slide .img2").attr("onclick","left()");
$(".slide .img4").attr("onclick","right()");
}
//修改当前最中间图片对应按钮选中状态
function slideLi(){
var slideList = parseInt($(".slide .img3").attr("data-slide-imgId")) + 1;
$(".slide-bt span").removeClass("on");
$(".slide-bt span[data-slide-bt="+slideList+"]").addClass("on");
}
//轮播按钮点击翻页
function tz(id){
var tzcs = id - (parseInt($(".slide .img3").attr("data-slide-imgId")) + 1);
if(tzcs>0){
for(i=0;i<tzcs;i++){
setTimeout(function(){
right();
},1);
}
}
if(tzcs<0){
tzcs=(-tzcs);
for(i=0;i<tzcs;i++){
setTimeout(function(){
left();
},1);
}
}
slideLi();
}
//触摸滑动模块
function k_touch() {
var _start = 0, _end = 0, _content = document.getElementById("slide");
_content.addEventListener("touchstart", touchStart, false);
_content.addEventListener("touchmove", touchMove, false);
_content.addEventListener("touchend", touchEnd, false);
function touchStart(event) {
var touch = event.targetTouches[0];
_start = touch.pageX;
}
function touchMove(event) {
var touch = event.targetTouches[0];
_end = (_start - touch.pageX);
}
function touchEnd(event) {
if (_end < -100) {
left();
_end=0;
}else if(_end > 100){
right();
_end=0;
}
}
}
\ No newline at end of file
/**
* @author 夏の寒风
* @time 2012-12-14
*/
//自定义hashtable
function Hashtable() {
this._hash = new Object();
this.put = function(key, value) {
if (typeof (key) != "undefined") {
if (this.containsKey(key) == false) {
this._hash[key] = typeof (value) == "undefined" ? null : value;
return true;
} else {
return false;
}
} else {
return false;
}
}
this.remove = function(key) { delete this._hash[key]; }
this.size = function() { var i = 0; for (var k in this._hash) { i++; } return i; }
this.get = function(key) { return this._hash[key]; }
this.containsKey = function(key) { return typeof (this._hash[key]) != "undefined"; }
this.clear = function() { for (var k in this._hash) { delete this._hash[k]; } }
}
var emotions = new Array();
var categorys = new Array();// 分组
var uSinaEmotionsHt = new Hashtable();
// 初始化缓存,页面仅仅加载一次就可以了
//替换
function AnalyticEmotion(s) {
if(typeof (s) != "undefined" && s != null) {
var sArr = s.match(/\[.*?\]/g);
if(!sArr){return s}
for(var i = 0; i < sArr.length; i++){
if(uSinaEmotionsHt.containsKey(sArr[i])) {
var reStr = "<img src=\"" + uSinaEmotionsHt.get(sArr[i]) + "\" height=\"20\" width=\"20\" />";
s = s.replace(sArr[i], reStr);
}
}
}
return s;
}
(function($){
$.fn.SinaEmotion = function(target){
var cat_current;
var cat_page;
$(this).click(function(event){
event.stopPropagation();
var eTop = target.offset().top + target.height() + 15;
var eLeft = target.offset().left - 1;
if($('#emotions .categorys')[0]){
$('#emotions').css({top: eTop, left: eLeft});
$('#emotions').toggle();
return;
}
$('body').append('<div id="emotions"></div>');
$('#emotions').css({top: eTop, left: eLeft});
$('#emotions').html('<div>正在加载,请稍候...</div>');
$('#emotions').click(function(event){
event.stopPropagation();
});
$('#emotions').html('<div style="float:right"><a href="javascript:void(0);" id="prev">&laquo;</a><a href="javascript:void(0);" id="next">&raquo;</a></div><div class="categorys"></div><div class="container"></div><div class="page"></div>');
$('#emotions #prev').click(function(){
showCategorys(cat_page - 1);
});
$('#emotions #next').click(function(){
showCategorys(cat_page + 1);
});
showCategorys();
showEmotions();
});
$('body').click(function(){
$('#emotions').remove();
});
$.fn.insertText = function(text){
this.each(function() {
if(this.tagName !== 'INPUT' && this.tagName !== 'TEXTAREA') {return;}
if (document.selection) {
this.focus();
var cr = document.selection.createRange();
cr.text = text;
cr.collapse();
cr.select();
}else if (this.selectionStart || this.selectionStart == '0') {
var
start = this.selectionStart,
end = this.selectionEnd;
this.value = this.value.substring(0, start)+ text+ this.value.substring(end, this.value.length);
this.selectionStart = this.selectionEnd = start+text.length;
}else {
this.value += text;
}
});
return this;
}
function showCategorys(){
var page = arguments[0]?arguments[0]:0;
if(page < 0 || page >= categorys.length / 5){
return;
}
$('#emotions .categorys').html('');
cat_page = page;
for(var i = page * 5; i < (page + 1) * 5 && i < categorys.length; ++i){
$('#emotions .categorys').append($('<a href="javascript:void(0);">' + categorys[i] + '</a>'));
}
$('#emotions .categorys a').click(function(){
showEmotions($(this).text());
});
$('#emotions .categorys a').each(function(){
if($(this).text() == cat_current){
$(this).addClass('current');
}
});
}
function showEmotions(){
var category = arguments[0]?arguments[0]:'默认';
var page = arguments[1]?arguments[1] - 1:0;
$('#emotions .container').html('');
$('#emotions .page').html('');
cat_current = category;
for(var i = page * 72; i < (page + 1) * 72 && i < emotions[category].length; ++i){
$('#emotions .container').append($('<a href="javascript:void(0);" title="' + emotions[category][i].name + '"><img src="' + emotions[category][i].icon + '" alt="' + emotions[category][i].name + '" width="22" height="22" /></a>'));
}
$('#emotions .container a').click(function(){
target.insertText($(this).attr('title'));
$('#emotions').remove();
});
for(var i = 1; i < emotions[category].length / 72 + 1; ++i){
$('#emotions .page').append($('<a href="javascript:void(0);"' + (i == page + 1?' class="current"':'') + '>' + i + '</a>'));
}
$('#emotions .page a').click(function(){
showEmotions(category, $(this).text());
});
$('#emotions .categorys a.current').removeClass('current');
$('#emotions .categorys a').each(function(){
if($(this).text() == category){
$(this).addClass('current');
}
});
}
}
})(jQuery);
.ms-about-content{
.ms-about-content-div{
margin: 10px;
ul{
line-height: 40px;
background-color: #eee;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
display: flex;
li{
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
a{
display: block;
word-wrap: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: 42px;
}
}
}
.ms-about-content-main{
color:#555;
border: none;
margin-top: 2rem;
}
.ms-about-content-li{
font-size: 1rem;
}
}
}
\ No newline at end of file
.ms-message-content {
form {
width: 95%;
margin: auto;
padding-top: 2rem;
padding-bottom: 5rem;
button {
width: 100%;
border-radius: 5px;
background-color: #fafafa;
color: #ddd;
border-color: #fafafa;
pointer-events: none;
transition: all .6s;
outline: none;
}
input {
border: 1px solid #eeeeee;
outline: none;
transition: all .6s;
&:focus {
border-color: rgb(0, 154, 255);
}
}
textarea {
border: 1px solid #eeeeee;
outline: none;
transition: all .6s;
&:focus {
border-color: rgb(0, 154, 255);
}
width: 100%;
border-radius: 5px;
height: 10rem;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
color: #999;
}
}
}
\ No newline at end of file
.ms-head {
.ms-header-title {
img {
margin-top: 7px;
height: 35px;
}
}
.ms-head-background {
background-color: #ffffff;
.ms-head-menu {
color: #999;
}
.am-header-nav {
.iconfont {
color: #999;
}
}
}
}
.ms-footer {
footer {
background-color: #2a3542;
.ms-footer-div-a,
.ms-footer-copyright {
color: #999;
font-size: 1rem;
}
}
}
\ No newline at end of file
.ms-case-list{
margin-bottom: 2rem;
margin-top: 1rem;
ul{
li{
.ms-case-list-img{
border:none;
width: 100%;
height: 100%;
}
}
}
}
.ms-case-div,.ms-case-div-li{
/*width: 192px;*/
height: 193px;
}
.ms-case-div-li{
img{
height:100%;
}
}
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment