Commit 3335a52a authored by luoxj's avatar luoxj

默认模板

parent 0bcba7f6
<!DOCTYPE html>
<html>
<head>
<#include "head-file.htm"/>
</head>
<body>
<#include "head.htm"/>
<div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/about_us.jpg) no-repeat center;">
<p class="banner_tit_about animated fadeInLeft">关于我们</p>
<p class="banner_tit_about_des animated fadeInRight">About us</p>
</div>
<div class="ms-content-about">
<div class="ms-content-main">
<#include "menu-left.htm"/>
<div class="ms-content-right">
<div class="ms-content-right-position">
<a href="{ms:global.host/}">首页</a>
<span>></span>
<a href="{ms:field.typelink/}">{ms:field.typetitle/}</a>
</div>
<div class="ms-content-right-main">
<div class="ms-content-right-main-title">{ms:field.title/}</div>
<div class="ms-content-right-main-content">{ms:field.content/}</div>
</div>
</div>
</div>
</div>
<#include "footer.htm"/>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<#include "head-file.htm"/>
</head>
<body>
<#include "head.htm"/>
<div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/talk_online.jpeg) no-repeat center;">
<p class="banner_tit_other animated fadeInLeft">在线留言</p>
<p class="banner_tit_other_des animated fadeInRight">Talk online</p>
</div>
<div class="ms-content-advice">
<div class="ms-content-form-background">
<form class="ms-content-form" method="post" id="postForm">
<input class="ms-content-form-name" type="text" name="name" placeholder="姓名">
<input class="ms-content-form-phone" type="text" name="phone" placeholder="手机">
<textarea class="ms-content-form-message" name="words" placeholder="留言"></textarea>
<div class="ms-login-button">提交</div>
</form>
</div>
</div>
<#include "footer.htm"/>
</body>
</html>
<script>
/* 表单提交 */
var flag = false;
$(".ms-login-button").click(function() {
if(!flag) {
$.ajax({
type: "POST",
url: "{ms:global.host/}/mdiy/post/7df6529f9eaa26da7ae4e01c7f73aa06.do",
data: $("#postForm").serialize(),
success: function(msg) {
flag = true;
alert("提交成功");
location.reload();
}
});
} else {
alert("您已经提交过了!");
}
})
/* 表单验证 */
function verification() {
if($('input[name="name"]').val().length > 0 && $('input[name="phone"]').val().length > 0 && $('.ms-content-form-message').val().length > 0) {
$('.ms-login-button').css("background-color", "#009aff");
$('.ms-login-button').css("pointer-events", 'visible');
$('.ms-login-button').css("color", "#fff");
} else {
$('.ms-login-button').css("background-color", "#fafafa");
$('.ms-login-button').css('pointer-events', "none");
$('.ms-login-button').css("color", "#ddd");
}
}
$('input[name="name"]').keyup(function() {
verification();
})
$('input[name="phone"]').keyup(function() {
verification();
})
$('.ms-content-form-message').keyup(function() {
verification();
})
</script>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<#include "head-file.htm"/>
</head>
<body>
<#include "head.htm"/>
<div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/00.png) no-repeat center;">
<p class="banner_tit_other animated fadeInLeft">&nbsp;&nbsp;&nbsp;</p>
<p class="banner_tit_other_des animated fadeInRight">Case list</p>
</div>
<div class="ms-content-case">
<div class="ms-content-main">
{ms:arclist size=6 ispaging=true}
<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>
<!-- <p class="ms-content-main-case-QRcode">
<img src="./images/1471918025445.png">
</p> -->
</div>
<div class="ms-content-main-case-click">
<a target="_blank" href="[field.source/]">点击查看</a>
</div>
</div>
</div>
{/ms:arclist}
</div>
</div>
<#include "footer.htm"/>
</body>
</html>
<script type="text/javascript">
$(function() {
$('.ms-content-main-case').hover(function() {
$(this).find('.ms-content-main-case-explain').toggle();
});
});
</script>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<#include "head-file.htm"/>
</head>
<body>
<#include "head.htm"/>
<div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/contact_us.jpeg) no-repeat center;">
<p class="banner_tit_other animated fadeInLeft" >联系我们</p>
<p class="banner_tit_other_des animated fadeInRight">Contact us</p>
</div>
<div class="ms-content-about">
<div class="ms-content-main">
<#include "menu-left.htm"/>
<div class="ms-content-right">
<div class="ms-content-right-position">
<a href="{ms:global.host/}">首页</a>
<span>></span>
<a href="{ms:field.typelink/}">{ms:field.typetitle/}</a>
</div>
<div class="ms-content-right-main">
<div class="ms-content-right-main-title">联系我们</div>
<div class="ms-content-right-main-content"><!-- {ms:field.content/} -->
<style type="text/css">
.BMap_Marker img{
width: 100%;
height: 100%;
}
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<body>
<!--百度地图容器-->
<div style="width:100%;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body>
<script type="text/javascript">
//创建和初始化地图函数:
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
addMarker();//向地图中添加marker
}
//创建地图函数:
function createMap(){
var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
var point = new BMap.Point(116.737158,29.153633);//定义一个中心点坐标
map.centerAndZoom(point,9);//设定地图的中心点和坐标并将地图显示在地图容器中
window.map = map;//将map变量存储在全局
}
//地图事件设置函数:
function setMapEvent(){
map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
map.enableKeyboard();//启用键盘上下左右键移动地图
}
//地图控件添加函数:
function addMapControl(){
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
}
//标注点数组
var markerArr = [{title:"铭飞科技(景德镇)有限公司",content:"江西省景德镇市昌江区&nbsp;枫林佳苑&nbsp;15栋A区&nbsp;三单元&nbsp;302室",point:"117.187869|29.282949",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
,{title:"铭飞科技(南昌)办事处",content:"江西省南昌市青山湖区创新一路&nbsp;绿地新都会(西门)&nbsp;12栋2单元901室",point:"116.003117|28.683521",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
];
//创建marker
function addMarker(){
for(var i=0;i<markerArr.length;i++){
var json = markerArr[i];
var p0 = json.point.split("|")[0];
var p1 = json.point.split("|")[1];
var point = new BMap.Point(p0,p1);
var iconImg = createIcon(json.icon);
var marker = new BMap.Marker(point,{icon:iconImg});
var iw = createInfoWindow(i);
var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
marker.setLabel(label);
map.addOverlay(marker);
label.setStyle({
borderColor:"#808080",
color:"#333",
cursor:"pointer"
});
(function(){
var index = i;
var _iw = createInfoWindow(i);
var _marker = marker;
_marker.addEventListener("click",function(){
this.openInfoWindow(_iw);
});
_iw.addEventListener("open",function(){
_marker.getLabel().hide();
})
_iw.addEventListener("close",function(){
_marker.getLabel().show();
})
label.addEventListener("click",function(){
_marker.openInfoWindow(_iw);
})
if(!!json.isOpen){
label.hide();
_marker.openInfoWindow(_iw);
}
})()
}
}
//创建InfoWindow
function createInfoWindow(i){
var json = markerArr[i];
var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
return iw;
}
//创建一个Icon
function createIcon(json){
var icon = new BMap.Icon("{ms:global.host/}/{ms:global.style/}/images/img-2.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
return icon;
}
initMap();//创建和初始化地图
</script>
</div>
</div>
</div>
</div>
</div>
<#include "footer.htm"/>
</body>
</html>
\ No newline at end of file
<div class="ms-footer">
<div class="ms-footer-content">
<div class="ms-footer-left">
<div class="ms-footer-left-column">
<span class="ms-footer-left-column-about">
<a href='{ms:global.url/}/guanyuwomen53/index.html'>关于我们</a>
</span>|
<span class="ms-footer-left-column-course">
<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#faz'>发展历程</a>
</span>|
<span class="ms-footer-left-column-contact">
<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#lianx'>联系我们</a>
</span>
</div>
<span class="ms-footer-left-copyright">版权所有&copy;铭飞科技有限公司2012-2018保留一切权利</span>
</div>
<div class="ms-footer-right">
<img class='ms-footer-right-img-weixin' src="{ms:global.host/}/{ms:global.style/}/images/we-chat.png">
<a target="_blank" href='http://tieba.baidu.com/f?kw=%E9%93%AD%E9%A3%9E%E7%A7%91%E6%8A%80&fr=index&fp=0&ie=utf-8'><img class="ms-footer-right-baidu" src="{ms:global.host/}/{ms:global.style/}/images/baidu.png"></a>
<a target="_blank" href='http://weibo.com/killfen'><img src="{ms:global.host/}/{ms:global.style/}/images/micro-blog.png"></a>
<div class="ms-footer-right-weixin">
<p></p>
<img alt="" src="{ms:global.host/}/{ms:global.style/}/images/weixin.jpg">
</div>
</div>
</div>
</div>
<script>
/*导航下拉*/
$(function(){
$(".head-menu-list-li").hover(function(){
$(this).find(".head-menu-son-list").fadeToggle();
});
$('.ms-footer-right-img-weixin').hover(function(){
$('.ms-footer-right-weixin').toggle();
});
});
</script>
\ No newline at end of file
<title>{ms:global.name/}</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/plugins/iconfont/1.0.0/iconfont.css" />
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/base.css">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/index.css">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/advice.css">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/case-list.css">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/about.css">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/news-list.css">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/news-show.css">
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/center.css">
<script src="{ms:global.host/}/plugins/jquery/1.9.1/jquery-1.9.1.js"></script>
<script src="{ms:global.host/}/{ms:global.style/}/js/slider.js"></script>
<script src="{ms:global.host/}/static/plugins/less/3.9.0/less.min.js"></script>
<!--vue-懒加载-表单验证-->
<script src="{ms:global.host/}/plugins/vue/2.6.9/vue.min.js"></script>
<script src="{ms:global.host/}/plugins/validator/10.8.0/validator.min.js"></script>
<!-- Element -->
<link rel="stylesheet" href="{ms:global.host/}/plugins/element-ui/2.8.2/index.css">
<script src="{ms:global.host/}/plugins/element-ui/2.8.2/index.js"></script>
<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/animate.css">
<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
<script src="{ms:global.host/}/api/ms.people.min.js"></script>
<script src="{ms:global.host/}/static/plugins/plupload/plupload.full.min.js"></script>
<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.upload.js"></script>
<script>
window.http = ms.http;
ms.base = "{ms:global.host/}";
ms.login = '{ms:global.host/}';
</script>
\ No newline at end of file
<div class="ms-head">
<div class="head-menu">
<div class="head-men-left head-menu-flex-center">
<a href="{ms:global.host/}/html/1/index.html">
<img src="http://cdn.mingsoft.net/images/logo.png" />
</a>
<ul class="head-menu-list">
<li class="head-menu-list-li">走进铭飞
<ul class="head-menu-son-list">
<li>
<a target="_blank" href='{ms:global.url/}/guanyuwomen53/index.html'>关于我们</a>
</li>
<li>
<a target="_blank" href='{ms:global.url/}/xinwenzhongxin/index.html'>公司动态</a>
</li>
<li>
<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#faz'>发展历程</a>
</li>
<li>
<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#lianx'>加入我们</a>
</li>
<li>
<a target="_blank" href='{ms:global.url/}/lianxiwomen19/index.html'>联系我们</a>
</li>
</ul>
</li>
<li class="head-menu-list-li">
<a href='{ms:global.url/}/wangzhananli/index.html'>案例</a>
</li>
<li class="head-menu-list-li">
<a target="_blank" href='http://store.mingsoft.net/mstore/index.do'>插件&模板</a>
<!-- <ul class="head-menu-son-list">
<li><a href='http://mstore.mingsoft.net/mstoreShow.do'>模板</a></li>
<li><a href='http://mstore.mingsoft.net/mstoreShow.do'>插件</a></li>
</ul> -->
</li>
<li class="head-menu-list-li">
<a target="_blank" href='{ms:global.url/}/lianxiwomen19/zaixianliuyan/index.html'>在线留言</a>
</li>
<li class="head-menu-list-li">技术支持
<ul class="head-menu-son-list">
<li>
<a target="_blank" href='http://bbs.mingsoft.net/mbbs/main.do'>开源社区</a>
</li>
<li>
<a target="_blank" href='https://gitee.com/mingSoft/MCMS'>源码下载</a>
</li>
<li>
<a target="_blank" href='http://doc.ms.mingsoft.net/plugs-cms/'>使用手册</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="head-men-right head-menu-flex-center">
<div class="head-menu-flex-center head-menu-right-search">
<form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post">
<input type="text" class='ms-search-input' name="content_title" placeholder="请输入关键字">
<!-- <i class="iconfont ms-search-click">&#xe85e;</i> -->
<input type="submit" value="" class="ms-search-click">
</form>
</div>
<div class="head-menu-right-content" id="ms-login-vue">
<span v-show="!isLogin" style="display: none;">
<span>
<a href='{ms:global.host/}/mdiyPage/login.do'>登录</a>
</span>|<span><a href='{ms:global.host/}/mdiyPage/register.do'>注册</a></span>
</span>
<div class="topbar-info J_userInfo loginSuccess hide-default" v-show="isLogin" style="display: none;">
<a class="user-name" href="{ms:global.host/}/people/center.do">
<img :src="'{ms:global.host/}/'+peopleInfo.puIcon" class="loginImg user_icon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'">
<b class="userName ms-userName" v-text="peopleInfo.puNickname"></b>
</a>
<a href="javascript:;" class="quitLogin" @click="quitLogin">退出</a>
</div>
</div>
</div>
</div>
</div>
<script>
var headVue = new Vue({
el: "#ms-login-vue",
data: {
isLogin: "", //登录状态
peopleInfo: "", //个人信息
imgUrl:"",
},
mounted: function() {
//获取个人信息
var target = this;
$.ajax({
type: "POST",
url: "{ms:global.host/}/checkLoginStatus.do",
success: function(msg) {
target.isLogin = msg.result; //判断用户是否登录,如登录,则target.isLogin===true
if(msg.result) {
$.ajax({
type: "GET",
url: "{ms:global.host/}/people/user/info.do",
success: function(msg) {
target.peopleInfo = msg; //target.peopleInfo为当前登录用户的基本信息
}
})
}
}
})
},
methods: {
//退出登录
quitLogin: function() {
var target = this;
$.ajax({
type: "GET",
url: "{ms:global.host/}/people/quit.do",
success: function(msg) {
if(msg.result) {
$("body").append("<form id='msHeadForm' action=''></form>");
$("#msHeadForm").attr("action", "{ms:global.host/}").submit();
}
}
})
},
},
})
/* $(function(){
var r=location.href;
if(r.match("53")){
$(".head-menu-list-li").removeClass("head-active");
$(".head-menu-list-li").eq(0).addClass("head-active");
}else if(r.match("141")){
$(".head-menu-list-li").removeClass("head-active");
$(".head-menu-list-li").eq(0).addClass("head-active");
}else if(r.match("59")){
$(".head-menu-list-li").removeClass("head-active");
$(".head-menu-list-li").eq(0).addClass("head-active");
}else if(r.match("155")){
$(".head-menu-list-li").removeClass("head-active");
$(".head-menu-list-li").eq(1).addClass("head-active");
}else if(r.match("142")){
$(".head-menu-list-li").removeClass("head-active");
$(".head-menu-list-li").eq(3).addClass("head-active");
}
}) */
</script>
\ No newline at end of file
This diff is collapsed.
define(function(require, exports, module) {
var ms = require("ms");
var ajaxCfg = {
"type": "post",
"dataType": "json",
};
var mstore = "http://mstore.mingsoft.net/";//
return {
"version": "1.0.0",
mstore: {
list: function(data, func) {
if(validator.isNull(data)) {
return;
}
ajaxCfg.url = mstore + "/mstore/list.do";
ajaxCfg.params = data;
ms.ajax(ajaxCfg, func);
}
},
}
})
/**
* @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);
/**
* slider插件可悬停控制
*/
; $(function ($, window, document, undefined) {
Slider = function (container, options) {
/*
options = {
auto: true,
time: 3000,
event: 'hover' | 'click',
mode: 'slide | fade',
controller: $(),
activeControllerCls: 'className',
exchangeEnd: $.noop
}
*/
"use strict"; //stirct mode not support by IE9-
if (!container) return;
var options = options || {},
currentIndex = 0,
cls = options.activeControllerCls,
delay = options.delay,
isAuto = options.auto,
controller = options.controller,
event = options.event,
interval,
slidesWrapper = container.children().first(),
slides = slidesWrapper.children(),
length = slides.length,
childWidth = container.width(),
totalWidth = childWidth * slides.length;
function init() {
var controlItem = controller.children();
mode();
event == 'hover' ? controlItem.mouseover(function () {
stop();
var index = $(this).index();
play(index, options.mode);
}).mouseout(function () {
isAuto && autoPlay();
}) : controlItem.click(function () {
stop();
var index = $(this).index();
play(index, options.mode);
isAuto && autoPlay();
});
isAuto && autoPlay();
}
//animate mode
function mode() {
var wrapper = container.children().first();
options.mode == 'slide' ? wrapper.width(totalWidth) : wrapper.children().css({
'position': 'absolute',
'left': 0,
'top': 0
})
.first().siblings().hide();
}
//auto play
function autoPlay() {
interval = setInterval(function () {
triggerPlay(currentIndex);
}, options.time);
}
//trigger play
function triggerPlay(cIndex) {
var index;
(cIndex == length - 1) ? index = 0 : index = cIndex + 1;
play(index, options.mode);
}
//play
function play(index, mode) {
slidesWrapper.stop(true, true);
slides.stop(true, true);
mode == 'slide' ? (function () {
if (index > currentIndex) {
slidesWrapper.animate({
left: '-=' + Math.abs(index - currentIndex) * childWidth + 'px'
}, delay);
} else if (index < currentIndex) {
slidesWrapper.animate({
left: '+=' + Math.abs(index - currentIndex) * childWidth + 'px'
}, delay);
} else {
return;
}
})() : (function () {
if (slidesWrapper.children(':visible').index() == index) return;
slidesWrapper.children().fadeOut(delay).eq(index).fadeIn(delay);
})();
try {
controller.children('.' + cls).removeClass(cls);
controller.children().eq(index).addClass(cls);
} catch (e) { }
currentIndex = index;
options.exchangeEnd && typeof options.exchangeEnd == 'function' && options.exchangeEnd.call(this, currentIndex);
}
//stop
function stop() {
clearInterval(interval);
}
//prev frame
function prev() {
stop();
currentIndex == 0 ? triggerPlay(length - 2) : triggerPlay(currentIndex - 2);
isAuto && autoPlay();
}
//next frame
function next() {
stop();
currentIndex == length - 1 ? triggerPlay(-1) : triggerPlay(currentIndex);
isAuto && autoPlay();
}
//init
init();
//expose the Slider API
return {
prev: function () {
prev();
},
next: function () {
next();
}
}
};
}(jQuery, window, document));
\ No newline at end of file
.ms-content-about{
a:link{color:#000;text-decoration:none}
a:visited{color:#000;text-decoration:none}
a:active{color:#000;text-decoration:none}
a:hover{color:#000;text-decoration:none}
/*margin: 20px 0;*/
margin-top: 20px;
margin-bottom: 40px;
.ms-content-main{
width: 1200px;
overflow: hidden;
margin: auto;
.ms-content-left{
width: 230px;
float: left;
margin-right: 20px;
.ms-content-left-title{
font-weight: bold;
background-color: #009aff;
color: #fff;
height: 40px;
line-height: 40px;
width: 190px;
padding: 0 20px;
}
.ms-content-left-ul{
a:hover{
li{
background-color: #54bcfe;
}
color: #fff;
}
background-color: #fff;
margin-top: 1px;
width: 230px;
a{
color: #999999;
}
li{
height: 40px;
line-height: 40px;
font-size: 14px;
cursor: pointer;
/*width: 190px;*/
padding: 0 20px;
.ms-content-left-li-more{
float: right;
}
}
.ms-content-left-li-first{
li{
background-color: #54bcfe;
}
color: #fff;
}
}
}
.ms-content-right{
overflow: hidden;
a:visited{color:#000000;}
.ms-content-right-position{
a:hover{
color:#0099ff;
}
font-size: 14px;
span{
padding: 0 5px;
}
}
.ms-content-right-main{
width: 952px;
background-color: #ffffff;
min-height: 450px;
padding-bottom: 20px;
.ms-content-right-main-content{
margin: 0 20px;
}
.ms-content-right-main-title{
text-align: center;
font-size: 20px;
padding-top: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #d0cfcf99;
margin: 20px;
}
}
}
}
}
\ No newline at end of file
/*内容*/
.ms-content-advice{
/*margin: 20px 0;*/
margin-top: 20px;
margin-bottom: 40px;
.ms-content-form-background{
width: 1200px;
height: 480px;
background-color: #ffffff;
margin: auto;
display: flex;
.ms-content-form{
::-webkit-input-placeholder {
color:#999;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
font-family:Arial,Verdana,Sans-serif
}
width: 330px;
margin: auto;
.ms-content-form-name,.ms-content-form-phone,.ms-content-form-message{
width: 308px;
height: 12px;
padding: 10px;
display: block;
border: 1px solid #eeeeee;
border-radius: 3px;
color: #555555;
margin-bottom: 20px;
}
.ms-content-form-message{
height: 142px;
}
.ms-login-button{
pointer-events: none;
width: 330px;
height: 34px;
line-height: 34px;
font-size: 14px;
color: #ddd;
text-align: center;
background-color: #fafafa;
cursor: pointer;
border-radius: 4px;
}
}
}
}
\ No newline at end of file
This diff is collapsed.
.ms-content-case{
/* margin: 20px 0 ;*/
background-color: #fff;
overflow: hidden;
padding-top: 20px;
a:visited{color:#000000;}
.ms-content-main{
width: 1200px;
min-height: 400px;
margin: auto;
overflow: hidden;
.ms-content-main-case:nth-child(3n){
margin-right: 0;
}
.ms-content-main-case{
border: 1px solid #f0f0f0;
width: 384px;
height: 332px;
margin-right: 20px;
float: left;
position: relative;
overflow: hidden;
color: #ffffff;
margin-top: 20px;
.ms-content-main-case-img{
width: 387px;
height: 334px;
img{
width: 100%;
height: 100%;
}
}
.ms-content-main-case-explain{
display: none;
width: 100%;
height: 100%;
background-color: #0099ff;
opacity: 0.9;
position: absolute;
top: 0px;
left: 0px;
.ms-content-main-case-title{
font-size: 22px;
text-align: center;
margin: 20px 0;
padding: 0 20px;
height: 22px;
line-height: 22px;
overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
display:-webkit-box;
}
.ms-content-main-case-content{
min-height: 215px;
p{
font-size: 14px;
padding: 0 30px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
img{
width: 100px;
text-align: center;
margin: 20px 0;
height: 100px;
}
}
}
.ms-content-main-case-click{
text-align: center;
a{
border: 1px solid #ffffff;
border-radius: 17px;
padding: 5px 39px;
color: #ffffff;
}
}
}
}
.ms-content-main-case-left{
margin-right: 0px;
}
}
#ms-case-page{
margin-top: 50px;
a:hover{
background-color: #eee;
}
}
.ms-content-main-page{
a{
color:#999;
font-size:14px;
}
text-align: center;
margin-top: 30px;
margin-bottom: 50px;
.ms-content-main-page-first,.ms-content-main-page-last{
border: 1px solid #ddd;
padding: 10px 15px;
margin-right:-5px;
}
.ms-content-main-page-upper,.ms-content-main-page-next{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
/*border: 1px solid #ddd;*/
padding: 10px 15px;
margin-right:-5px;
}
.ms-content-main-page-upper{
border-right: 1px solid #ddd;
}
.ms-content-main-page-first{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ms-content-main-page-last{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
}
}
\ No newline at end of file
.ms-content {
font-family: arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
width: 1200px;
margin: auto;
.ms-content-main {
margin: 20px 0;
.ms-content-left {
width: 230px;
height: 270px;
background-color: #fff;
text-align: center;
margin-right: 20px;
float: left;
.ms-content-left-info {
img {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 20px 0 10px 0;
}
div {
border-bottom: 1px solid #f1f1f1;
padding-bottom: 10px;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #555555;
}
}
.ms-content-left-list {
.active {
color: #0099ff;
}
a:link {
color: #999;
text-decoration: none
}
a:hover{
color: #0099ff;
}
.ms-content-left-list-info {
margin-top: 20px;
cursor: pointer;
color: #999999;
}
.ms-content-left-list-pass {
margin: 20px 0;
color: #999999;
cursor: pointer;
}
}
}
.ms-content-right {
background-color: #fff;
width: 950px;
min-height: 653px;
overflow: hidden;
.ms-content-right-title {
color: #555555;
border-bottom: 1px solid #eeeeee;
padding: 20px 0;
margin: 0 20px;
}
/*修改密码*/
.ms-content-right-form {
input::-webkit-input-placeholder {
color: #999;
}
.ms-content-old-password,
.ms-content-data {
.span{
display: inline-block;
}
font-size: 14px;
color: #999999;
.ms-error-hide {
opacity: 0;
color: #FF0000;
transition: all .2s;
}
.ms-error-show {
opacity: 1;
}
span {
min-width: 70px;
max-width: 300px;
/*display: inline-block;*/
}
img {
vertical-align: middle;
}
input {
width: 220px;
height: 20px;
padding: 5px 10px;
border: 1px solid #eeeeee;
border-radius: 4px;
margin-top: 20px;
background-color: #fafafa;
}
}
form {
margin-left: 67px;
}
.ms-content-click {
pointer-events:none;
background-color:#fafafa;
color:#ddd;
/*color: white;*/
width: 120px;
/*background-color: #0099ff;*/
padding: 6px 0;
border-radius: 4px;
text-align: center;
margin-left: 141px;
margin-top: 20px;
cursor: pointer;
opacity: .9;
&:hover {
opacity: 1;
}
}
.ms-content-click-password {
margin-left: 141px;
}
}
/*基本资料*/
.ms-content-right-form {
.ms-content-data {
.ms-error-hide {
opacity: 0;
color: #FF0000;
transition: all .2s;
}
.ms-error-show {
opacity: 1;
}
input {
background-color: #ffffff;
height: 20px;
padding: 5px 10px;
margin-right: 18px;
transition: all .6s;
color: #999;
&:focus {
color: #000;
border-color: #0099ff;
}
}
.ms-content-head-img {
width: 64px;
height: 64px;
position: relative;
&:hover {
#browse {
display: block;
}
}
img {
width: 100%;
height: 100%;
border-radius: 50%;
background: white;
}
.ms-content-head-upload {
width: 100%;
height: 100%;
line-height: 64px;
position: absolute;
top: 0px;
left: 0px;
font-size: 12px;
color: #fff;
border-radius: 50%;
text-align: center;
span {
margin: auto;
}
}
}
}
.ms-content-data-head {
text-align: left;
display: flex;
align-items: center;
margin-top: 20px;
cursor: pointer;
}
}
}
}
}
.ms-content-head-upload {
.display-img {
width: 64px;
height: 64px;
display: block !important;
}
span {
display: none ;
}
&:hover {
#browse {
opacity: 1;
}
}
#browse {
background: rgba(89, 89, 89, 0.5);
min-width: 64px;
width: 64px;
height: 64px;
transition: .3s;
position: absolute;
z-index: 1;
top: 0;
left: 0;
border-radius: 50%;
opacity: 0;
}
}
\ No newline at end of file
This diff is collapsed.
html,body,#login{
height: 100%;
}
body{
background-color: #ffffff;
}
body,p{
margin: 0;
}
input:focus,textarea:focus {
outline: none;
}
#login{
display: flex;
flex-direction:column;
height: 893px;
min-width: 1200px;
background:url("../images/pic.png") no-repeat;
background-position: 50%;
.ms-none{
display: none !important;
}
.ms-login-float{
float: left;
}
.ms-head,.ms-footer,.ms-content-form,.ms-content-code{
background-color: #ffffff;
}
.ms-head-line,.ms-head-welcome-login,.ms-footer{
color: #999999;
}
.ms-head-welcome-login,.ms-login-english-title,.ms-login-remmember-password,.ms-footer{
font-size: 12px;
}
.ms-head{
a{
width: 147px;
}
vertical-align: middle;
height: 22px;
padding: 34px 46px;
display: flex;
align-content: center;
img{
height: 100%;
}
.ms-head-welcome-login{
margin-top: 4px;
font-size: 1rem !important;
}
.ms-head-line{
margin: 0 12px;
border-left: 1px solid #999;
}
}
.ms-content{
flex:1;
position: relative;
.ms-content-form,.ms-content-code{
width: 280px;
height: 215px;
padding: 24px 20px;
position: absolute;
right: 160px;
top: 25%;
box-shadow: 2px 2px 8px 6px rgb(59, 177, 255);
}
#ms-content-form-register{
height: 260px;
}
.ms-login-chinese-title{
color: #0099ff;
font-size: 16px;
line-height: 15px;
}
.ms-login-code{
position: absolute;
top: 4px;
right: 4px;
}
.ms-login-code-title{
color: #0099ff;
font-size: 12px;
}
.ms-content-form{
.ms-login-title{
line-height: 13px;
}
.ms-login-english-title,.ms-login-remmember-password,.ms-login-code-text{
color: #999999;
}
.ms-login-people-name,.ms-login-remmember-password{
margin-bottom: 12px;
}
.ms-login-error-text{
height: 15px;
font-size: 12px;
color: #e4393c;
display: flex;
align-items: center;
padding: 5px 0;
img{
padding-right: 5px;
}
}
input{
border: 1px solid #eeeeee;
border-radius: 3px;
color: #555555;
outline-color: #0099ff;
&::-webkit-input-placeholder {
color: #999999;
}
&::-moz-placeholder {
color: #999999;
}
}
.ms-login-people-name{
width: 260px;
height: 20px;
padding: 5px 10px;
}
.ms-error{
border:1px solid #e4393c;
}
.ms-login-remmember-password{
display: flex;
line-height: 13px;
align-items: center;
height: 13px;
}
.ms-login-remmember-password input[type="checkbox"]{
margin:0 6px 0 0;
}
.ms-login-button{
pointer-events:none;
background-color:#fafafa;
color:#ddd;
width: 100%;
height: 34px;
line-height: 34px;
font-size: 14px;
/*color: #ffffff;*/
text-align: center;
/*background-color: #009aff;*/
cursor: pointer;
border-radius: 4px;
}
.login-code{
overflow: hidden;
margin-bottom: 12px;
.login-code-input{
width: 115px;
height: 12px;
padding:10px;
}
.login-code-input,.login-code-img{
margin-right: 11px;
}
.login-code-img{
height: 34px;
}
.login-code-text{
font-size: 10px;
}
.login-code-change{
cursor: pointer;
color: #0099ff;
}
.login-code-rompt{
color: #999;
}
}
.ms-login-rand-code{
width: 110px;
height: 12px;
padding:10px;
}
.ms-login-rand-code-img{
height: 34px;
}
}
.ms-content-code{
.ms-computer-title{
background: url(../images/frame.png) no-repeat;
position: absolute;
top: 10px;
background-size: 100% 100%;
color: #ffffff;
font-size: 10px;
width: 90px;
right: 45px;
}
.ms-login-weixin{
text-align: center;
img{
margin: auto;
display: block;
margin-top: 18px;
margin-bottom: 16px;
}
}
}
.ms-login-button:hover,.ms-login-button:active{
background-color: #0086ff;
}
}
.ms-footer{
a:link{color:#999999;text-decoration:none}
a:visited{color:#999999;text-decoration:none}
a:active{color:#999999;text-decoration:none}
a:hover{color:#0099ff;text-decoration:none}
height: 40px;
padding: 40px 0;
text-align: center;
p{
margin: 0 0 18px 0;
line-height: 11px;
&:last-child{
margin:0;
}
}
}
}
.ms-content{
.ms-content-left{
width: 230px;
float: left;
margin-right: 20px;
.ms-content-left-title{
font-weight: bold;
background-color: #009aff;
color: #fff;
height: 40px;
line-height: 40px;
width: 190px;
padding: 0 20px;
}
.ms-content-left-ul{
a:hover{
li{
background-color: #54bcfe;
}
color: #fff;
}
background-color: #fff;
margin-top: 1px;
width: 230px;
a{
color: #999999;
}
li{
height: 40px;
line-height: 40px;
font-size: 14px;
cursor: pointer;
/*width: 190px;*/
padding: 0 20px;
.ms-content-left-li-more{
float: right;
}
}
.ms-content-left-li-first{
li{
background-color: #54bcfe;
}
color: #fff;
}
}
}
/*新闻列表*/
margin: 20px 0 ;
a:visited{color:#000000;}
.ms-content-new-list{
overflow: hidden;
margin-top: 20px;
}
.ms-content-right-position{
a:hover{
color:#0099ff;
}
font-size: 14px;
overflow: hidden;
margin-bottom: 20px;
span{
padding: 0 5px;
}
}
#ms-content-search{
float: none;
width: 100%;
margin-top: 20px;
}
.ms-content-main-list{
float: right;
/*margin-bottom: 40px;*/
width: 950px;
min-height: 400px;
/*margin: auto;*/
.ms-content-main-div{
background-color: #fff;
padding-bottom: 30px;
.ms-content-main-ul{
a:link{color:#333;text-decoration:none}
a:visited{color:#333;text-decoration:none}
a:active{color:#333;text-decoration:none}
a:hover{color:#0099ff;text-decoration:none}
margin: 0 20px;
li{
border-bottom: 1px dotted #eee;
padding: 12px 0;
overflow: hidden;
}
.ms-content-main-li-span{
padding-right: 10px;
float: left;
}
.ms-content-main-li-title{
float: left;
color:#333;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
font-size: 14px;
width: 500px;
}
.ms-content-main-li-time{
float: right;
color: #999999;
font-size: 14px;
}
}
}
}
.ms-content-main-page{
a{
color:#999;
font-size:14px;
}
a:hover{
background-color: #eee;
}
text-align: center;
margin-top: 30px;
margin-bottom: 50px;
.ms-content-main-page-first,.ms-content-main-page-last{
border: 1px solid #ddd;
padding: 10px 15px;
margin-right:-5px;
}
.ms-content-main-page-upper,.ms-content-main-page-next{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
/*border: 1px solid #ddd;*/
padding: 10px 15px;
margin-right:-5px;
}
.ms-content-main-page-upper{
border-right: 1px solid #ddd;
}
.ms-content-main-page-first{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ms-content-main-page-last{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
}
/*搜索列表*/
.ms-content-main-div{
.ms-content-main-div-prompt{
border-bottom: 1px solid #d0cfcf99;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 10px;
font-size: 14px;
color: #999999;
span{
color: #0198ff;
}
}
.ms-content-main-ul{
li{
height: 22px;
line-height: 22px;
}
a{
font-size:14px;
}
.ms-content-main-li-title:hover{
color: #0099ff;
}
.ms-content-main-ul-result{
color: #0198ff;
}
}
.ms-content-main-div-nothing{
font-size: 14px;
color: #999999;
padding-top: 20px;
padding-left: 20px;
text-align: center;
}
}
}
\ No newline at end of file
.ms-content-about {
.ms-content-main {
.ms-content-right {
.ms-content-right-main-title {
.ms-content-right-main-title-div{
color:#333;
}
overflow: hidden;
}
#ms-content-right-main-title {
padding-bottom: 0px;
text-align: left;
border-bottom: 1px solid #fafafa;
}
.ms-content-right-main-icon {
.ms-content-right-vertical{
color: #ccc;
}
font-size: 12px;
color: #999999;
/*float: right;*/
overflow: hidden;
padding: 20px 0;
.ms-content-icon-left,
.ms-content-icon-right {
div {
float: left;
overflow: hidden;
span {
margin: 0 12px;
}
}
}
.ms-content-icon-right {
float: right;
}
.ms-content-right-main-icon-clicks,
.ms-content-right-main-icon-comment,
.ms-content-right-main-icon-Fabulous {
background-image: url(../images/pics.png);
width: 16px;
height: 15px;
margin-top: 2px;
}
.ms-content-right-main-icon-clicks {
background-position: -11px 84px;
}
.ms-content-right-main-icon-comment {
background-position: -67px 84px;
}
.ms-content-right-main-icon-Fabulous {
background-position: -120px 85px;
}
.ms-content-right-main-icon-num {
margin-left: 5px;
}
}
}
.ms-content-right-main-content-Fabulous {
width: 952px;
height: 96px;
border-top: 1px solid #fafafa;
background-color: #fff;
display: flex;
align-items: center;
.ms-content-right-main-content-icon {
transition: all .6s;
background-image: url(../images/pics.png);
width: 56px;
height: 56px;
background-position: -45px 53px;
background-color: #bababa;
border-radius: 50%;
margin: 0 auto;
cursor: pointer;
}
.ms-is-attention {
background-color: #009bff;
}
}
.ms-content-right-comment {
width: 952px;
/*height: 300px;*/
background-color: #fff;
margin-top: 10px;
.ms-content-right-comment-input {
border-bottom: 1px solid #fafafa;
padding-bottom: 40px;
textarea::-webkit-input-placeholder {
color: #ddd;
}
textarea {
width: 888px;
height: 15px;
padding: 10px;
background-color: #fafafa;
border: 1px solid #eee;
border-radius: 3px;
/*margin: 20px;*/
margin: 0 20px;
margin-top: 20px;
margin-bottom: 10px;
}
.ms-content-right-comment-button {
width: 910px;
overflow: hidden;
margin: 0 20px;
.ms-content-right-comment-expression {
background-image: url(../images/pics.png);
background-position: -2px 37px;
width: 30px;
height: 30px;
float: left;
cursor: pointer;
}
.ms-content-right-comment-submit {
width: 50px;
background-color: #fafafa;
font-size: 14px;
height: 25px;
border-radius: 4px;
color: #ddd;
line-height: 25px;
text-align: center;
float: right;
cursor: no-drop;
}
.ms-submit-comments-css {
opacity: .9 !important;
cursor: pointer;
background-color: #009aff !important;
color: #ffffff;
&:hover {
opacity: 1 !important;
}
}
}
}
.ms-content-right-comment-list {
.ms-content-right-comment-list-div {
overflow: hidden;
padding: 20px 0;
margin: 0 20px;
border-bottom: 1px solid #fafafa;
.ms-content-right-comment-list-left {
font-size: 14px;
margin-left: 40px;
.ms-content-right-comment-list-portrait {
float: left;
margin-right: 20px;
img {
width: 64px;
height: 64px;
border-radius: 50%;
/* float: left;*/
}
}
.ms-content-right-comment-list-content {
overflow: hidden;
.ms-content-right-comment-list-name {
margin-bottom: 20px;
}
.ms-content-right-comment-list-comment {
color: #999;
}
}
}
.ms-content-right-comment-list-right {
/*display: none;*/
float: right;
margin-right: 20px;
overflow: hidden;
height: 15px;
.ms-content-right-main-icon-comment,
.ms-content-right-main-icon-Fabulous {
background-image: url(../images/pics.png);
width: 16px;
height: 15px;
/*margin-top: 2px;*/
float: left;
}
.ms-content-right-main-icon-comment {
background-position: -67px 85px;
margin-right: 20px;
}
.ms-content-right-main-icon-Fabulous {
background-position: -120px 85px;
}
.ms-content-right-main-icon-num {
margin-left: 5px;
float: left;
font-size: 12px;
color: #999;
}
}
.ms-content-right-comment-list-div-more{
cursor: pointer;
}
.ms-content-right-comment-list-div-more,
.ms-content-right-comment-list-div-no {
text-align: center;
font-size: 14px;
color: #999;
}
.ms-content-right-comment-list-div-no {}
.ms-content-right-comment-list-div-load {
text-align: center;
img {
width: 30px;
}
}
}
.ms-content-right-active {
border: none;
}
.ms-content-right-comment-list-no-comment {
text-align: center;
height: 200px;
line-height: 200px;
}
}
}
}
}
\ No newline at end of file
<div class="ms-content-left">
<div class="ms-content-left-title">走进铭飞</div>
<ul class="ms-content-left-ul">
<a target="_blank" href='{ms:global.url/}/guanyuwomen53/index.html'>
<li>关于我们<span class="ms-content-left-li-more">></span></li>
</a>
<a target="_blank" href='{ms:global.url/}/xinwenzhongxin/index.html'>
<li>公司动态<span class="ms-content-left-li-more">></span></li>
</a>
<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#faz'>
<li>发展历程<span class="ms-content-left-li-more">></span></li>
</a>
<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#lianx'>
<li>加入我们<span class="ms-content-left-li-more">></span></li>
</a>
<a target="_blank" href='{ms:global.url/}/lianxiwomen19/lianxiwomen/index.html'>
<li>联系我们<span class="ms-content-left-li-more">></span></li>
</a>
</ul>
</div>
<script>
$(function(){
var r=location.href;
if(r.match("53")){
$(".ms-content-left-ul a").removeClass("ms-content-left-li-first");
$(".ms-content-left-ul a").eq(0).addClass("ms-content-left-li-first");
}else if(r.match("19")){
$(".ms-content-left-ul a").removeClass("ms-content-left-li-first");
$(".ms-content-left-ul a").eq(4).addClass("ms-content-left-li-first");
}else if(r.match("59")){
$(".ms-content-left-ul a").removeClass("ms-content-left-li-first");
$(".ms-content-left-ul a").eq(1).addClass("ms-content-left-li-first");
}
})
</script>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<#include "head-file.htm"/>
</head>
<body>
<#include "head.htm"/>
<div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/our_company.jpeg) no-repeat center;">
<p class="banner_tit_other animated fadeInLeft">公司动态</p>
<p class="banner_tit_other_des animated fadeInRight">Our company</p>
</div>
<div class="ms-content">
<div class="ms-content-new-list">
<#include "menu-left.htm"/>
<div class="ms-content-right-position">
<a href="{ms:global.host/}">首页</a>
<span>></span>
{ms:channel type='self'}
<a href="{ms:global.url/}[field.typelink/]">[field.typetitle/]</a>
{/ms:channel}
</div>
<div class="ms-content-main-list">
<div class="ms-content-main-div">
<ul class="ms-content-main-ul">
{ms:arclist size=10 ispaging=true}
<li>
<a href="{ms:global.url/}[field.link/]">
<!-- <span class="ms-content-main-li-span">·</span> -->
<span class="ms-content-main-li-title">[field.title/]</span>
<span class="ms-content-main-li-time">[field.date?string("yyyy-MM-dd")/]</span>
</a>
</li>
{/ms:arclist}
</ul>
</div>
</div>
</div>
<div class="ms-content-main-page">
<a class="ms-content-main-page-first" href="{ms:global.url/}{ms:page.index/}">首页</a>
<a class="ms-content-main-page-upper" href="{ms:global.url/}{ms:page.pre/}">上一页</a>
<a class="ms-content-main-page-next" href="{ms:global.url/}{ms:page.next/}">下一页</a>
<a class="ms-content-main-page-last" href="{ms:global.url/}{ms:page.last/}">末页</a>
</div>
</div>
<#include "footer.htm"/>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
<!DOCTYPE html>
<html>
<head>
<#include "/head-file.htm" />
</head>
<body>
<#include "/head.htm" />
<div class="ms-content" id="center-vue">
<div class="ms-content-main">
<div class="ms-content-left">
<div class="ms-content-left-info">
<el-upload class="avatar-uploader" action="{ms:global.host/}/file/upload.do" :show-file-list="false"
:on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
</el-upload>
<img :src="'{ms:global.host/}/'+peopleInfo.puIcon"
onerror='this.src="http://cdn.mingsoft.net/global/images/msheader.png"'>
<div style="display: none;" v-show="peopleInfo.puNickname!='' && peopleInfo.puNickname != undefined"
v-if="peopleInfo.puNickname!='' && peopleInfo.puNickname != undefined"
v-text="peopleInfo.puNickname"></div>
<div v-else v-text="'暂无昵称'"></div>
</div>
<div class="ms-content-left-list">
<div class="ms-content-left-list-info">
<a class='active' href="{ms:global.host/}/people/center.do">基本资料</a>
</div>
<div class="ms-content-left-list-pass">
<a href="{ms:global.host/}/people/password-change.do">修改密码</a>
</div>
</div>
</div>
<div class="ms-content-right">
<div class="ms-content-right-title">基本资料</div>
<div id="form" style="padding-top: 30px;width: 60%;">
<el-form :model="peopleInfo" :rules="rules" ref="peopleInfo" label-width="100px"
class="demo-peopleInfo" status-icon>
<el-form-item label="手机号" prop="peoplePhone">
<el-input v-model="peopleInfo.peoplePhone" placeholder="请输入 11 位手机号码" @blur="validate"></el-input>
</el-form-item>
<el-form-item label="昵称" prop="puNickname">
<el-input v-model="peopleInfo.puNickname" placeholder="输入昵称,3~5位字符" @blur="validate"></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="peopleMail">
<el-input v-model="peopleInfo.peopleMail" placeholder="输入昵称,3~请输入您的邮箱" @blur="validate"></el-input>
</el-form-item>
<el-button style="margin-left: 100px;" type="primary" @click="updateInfo('peopleInfo')" :disabled="flag" v-text="submit">
</el-button>
</el-form>
</div>
</div>
</div>
</div>
</div>
<#include "/footer.htm" />
</body>
</html>
<script type="text/javascript">
new Vue({
el: '#center-vue',
data: {
peopleInfo: "",
submit:"确认",
flag:true,
rules: {
peoplePhone: [{
required: true,
message: '请输入手机号码',
trigger: 'blur'
},
{
pattern: /^1[34578]\d{9}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
],
puNickname: [{
required: true,
message: '请输入昵称',
trigger: 'blur'
},
{
min: 3,
max: 5,
message: '长度在 3 到 5 个字符',
trigger: 'blur'
}
],
peopleMail: [{
required: true,
message: '请输入邮箱',
trigger: 'blur'
},
{
pattern: /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/,
message: '请输入正确的邮箱',
trigger: 'blur'
}
],
},
},
methods: {
updateInfo: function (formName) {
this.submit="提交中...";
var params = {
peoplePhone: this.peopleInfo.peoplePhone,
puNickname: this.peopleInfo.puNickname,
peopleMail: this.peopleInfo.peopleMail,
puIcon: this.peopleInfo.puIcon
}
ms.people.user.update(params, function (returnJson) {
//更新用户信息
if (returnJson.result) {
alert("修改成功");
location.reload();
} else {
alert(returnJson.resultMsg);
this.flag=true;
}
});
},
validate() {
this.$refs.peopleInfo.validate((valid) => {
if (valid) {
this.flag=false;
}
else{
this.flag=true;
}
});
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (!valid) {
console.log('error submit!!');
die;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
//获取个人信息
getPeopleInfo: function () {
var target = this;
ms.people.user.info(function (returnJson) {
target.peopleInfo = returnJson;
})
},
//上传头像成功后,更新用户信息
handleAvatarSuccess(res, file) {
this.peopleInfo.puIcon = file.response;
var params = {
peopleMail: this.peopleInfo.peopleMail,
puIcon: this.peopleInfo.puIcon
}
ms.people.user.update(params, function (returnJson) {
//更新用户信息
if (returnJson.result) {
alert("头像修改成功");
location.reload();
} else {
alert(returnJson.resultMsg);
}
});
},
beforeAvatarUpload(file) {
const isJPG = file.type === 'image/jpeg';
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isJPG) {
this.$message.error('上传头像图片只能是 JPG 格式!');
}
if (!isLt2M) {
this.$message.error('上传头像图片大小不能超过 2MB!');
}
return isJPG && isLt2M;
}
},
mounted: function () {
this.getPeopleInfo();
var target = this;
}
})
</script>
<style type="text/css">
.avatar-uploader .el-upload {
border: none !important;
cursor: pointer;
position: absolute;
z-index: 100;
width: 100px;
height: 100px;
padding: 0 !important;
left: 29%;
top: calc(50% - 10px);
transform: translateY(-50%);
}
.ms-content-left-info {
position: relative;
}
</style>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!DOCTYPE html>
<html>
<head>
<#include "head-file.htm"/>
</head>
<body>
<#include "head.htm"/>
<div class="ms-banner">
<img src="{ms:global.host/}/{ms:global.style/}/images/search.jpg">
</div>
<div class="ms-content" id="body">
<div class="ms-content-main-list" id="ms-content-search">
<div class="ms-content-main-div">
<div class="ms-content-main-div-prompt">您搜索的关键字
<span>{ms:search.content_title/}</span>
<!-- 共7个结果 -->
</div>
<ul class="ms-content-main-ul">
{ms:arclist size=10 ispaging=true}
<li>
<a href="{ms:global.url/}/[field.link/]">
[field.title/]
<span class="ms-content-main-li-time">[field.date?string("yyyy-MM-dd")/]</span>
</a>
</li>
{/ms:arclist}
</ul>
</div>
<div class="ms-content-main-page">
<a class="ms-content-main-page-first" href="{ms:page.index/}">首页</a>
<a class="ms-content-main-page-upper" href="{ms:page.pre/}">上一页</a>
<a class="ms-content-main-page-next" href="{ms:page.next/}">下一页</a>
<a class="ms-content-main-page-last" href="{ms:page.last/}">末页</a>
</div>
</div>
</div>
<#include "footer.htm"/>
</body>
</html>
<script>
new Vue({
el: "#body",
data: {
title: '',
list: [],
},
methods: {
//上下页
search:function(flag){
var pageNo = {ms:search.pageNo/};
var total = {ms:page.total/};
if(flag){
pageNo = pageNo==total ? total : pageNo +1;//下一页
}else{
pageNo = pageNo -1==0 ? 1 : pageNo-1;//上一页
}
window.location.href="{ms:global.host/}/cms/1/search.do?basic_title={ms:search.basic_title/}&pageNo="+pageNo;
window.event.returnValue=false;
},
//首页和尾页
indexAndLast:function(pageNo){
window.location.href="{ms:global.host/}/cms/1/search.do?basic_title={ms:search.basic_title/}&pageNo="+pageNo;
window.event.returnValue=false;
},
},
})
if($('.ms-content-main-ul li').length <= 0) {
$('.ms-content-main-page').remove();
$('.ms-content-main-ul').before("<div class='ms-content-main-div-nothing'>没找到相关记录</div>")
}
</script>
Markdown is supported
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