Skip to content
GitLab
"litemall-wx/pages/git@ustchcs.com:gujinli1118/litemall.git" did not exist on "0a02b924f0e41f294e737329418e3cbd1b2b30b7"
Commit 0871b95a authored by wangwenbing's avatar wangwenbing
Browse files

微信修改

parent f41a3bb3
Hide whitespace changes
Inline Side-by-side
src/main/webapp/templets/1/default/index.htm 0 → 100644
View file @ 0871b95a
<!DOCTYPE html>
<html>
<head>
<#include "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>
<script>
var ms = {
base:"http://mstore.mingsoft.net"
}
</script>
<script src="http://mstore.mingsoft.net/api/ms.web.mstore.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">
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;
ms.web.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>
\ No newline at end of file
src/main/webapp/templets/1/default/js/demo.js 0 → 100644
View file @ 0871b95a
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);
}
},
}
})
src/main/webapp/templets/1/default/js/jquery.sinaEmotion.js 0 → 100644
View file @ 0871b95a
/**
* @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);
src/main/webapp/templets/1/default/js/slider.js 0 → 100644
View file @ 0871b95a
/**
* 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
src/main/webapp/templets/1/default/less/about.less 0 → 100644
View file @ 0871b95a
.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
src/main/webapp/templets/1/default/less/advice.less 0 → 100644
View file @ 0871b95a
/*内容*/
.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
src/main/webapp/templets/1/default/less/base.less 0 → 100644
View file @ 0871b95a
/*其他*/
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
a {
margin: 0;
padding: 0;
border: 0;
text-decoration: none !important;
}
* {
margin: 0;
padding: 0;
}
body {
min-width: 1200px;
background-color: #fafafa;
}
html,
body,
ul,
li {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #555;
}
ul,
li,
ol {
list-style: none;
}
input:focus,
textarea:focus {
outline: none;
}
/*banner图*/
.ms-banner {
height: 337px;
img {
width: 100%;
height: 100%;
}
}
.flexslider {
margin: 0px auto 20px;
position: relative;
width: 100%;
height: 440px;
overflow: hidden;
zoom: 1;
.slides {
li {
width: 100%;
height: 100%;
}
a {
img {
width: 100%;
height: 337px;
display: block;
}
}
}
.flex-direction-nav {
width: 100%;
/*position: absolute;*/
bottom: 10px;
text-align: center;
a {
width: 70px;
height: 70px;
line-height: 99em;
overflow: hidden;
margin: -35px 0 0;
display: block;
background: url(../images/ad_ctr.png) no-repeat;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
border-radius: 35px;
}
.flex-next {
background-position: 0 -70px;
right: 10px;
}
.flex-prev {
left: 10px;
}
li {
margin: 0 2px;
display: inline-block;
zoom: 1;
*display: inline;
}
}
}
.flexslider:hover {
.flex-next {
opacity: 0.8;
filter: alpha(opacity=25);
}
.flex-prev {
opacity: 0.8;
filter: alpha(opacity=25);
}
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
opacity: 1;
filter: alpha(opacity=50);
}
/*头部*/
.ms-head {
a {
color: #fff;
}
background-color: #2b3442;
.head-menu-flex-center {
display: flex;
align-items: center;
}
.head-menu {
width: 1200px;
height: 60px;
margin: auto;
color: #ffffff;
/*overflow: hidden;*/
display: flex;
justify-content: space-between;
.head-menu-flex-center {
.head-menu-list {
.head-active{
color: #ffb800;
background-color: #2b3442;
}
.head-menu-list-li:hover {
background-color: #202833;
color: #ffb800;
}
.head-menu-list-li a:hover {
background-color: #202833;
color: #ffb800;
}
padding-left: 30px;
height: 60px;
line-height: 60px;
margin: 0 !important;
.head-menu-list-li {
cursor: pointer;
position: relative;
.head-menu-son-list {
background-color: #2b3442;
position: absolute;
width: 100%;
left: 0;
color: #fff;
display: none;
top: 60px;
z-index: 9999999;
li {
height: 40px;
line-height: 40px;
text-align: center;
a:hover {
color: #ffb800;
background-color: #2b3442;
}
}
}
}
}
}
img,
.head-menu-list,
div,
.head-menu-list-li {
float: left;
}
img {
width: 60px;
height: 30px;
padding-right: 10px;
}
li {
padding: 0 15px;
ul {
/*display: none;*/
}
}
.head-men-right {
.head-menu-right-content {
min-width: 100px;
span {
span {
padding: 0 5px;
cursor: pointer;
a {
&:hover {
color: #ffb800;
}
}
}
}
}
.head-menu-right-search {
padding-right: 12px;
position: relative;
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #2b3442 inset !important;//关于解决输入框背景颜色
-webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色
}
.ms-search-click {
background-image: url(../images/search.png);
width: 14px;
height: 14px;
border: 0;
background-color: #2b3442;
position: absolute;
right: 30px;
top: 8px;
cursor: pointer;
}
.ms-search-input {
height: 28px;
background-color: #2b3442;
border: 1px solid #fff;
border-radius: 15px;
padding-left: 30px;
color: #fff;
width: 318px;
font-size: 14px;
}
input::-webkit-input-placeholder {
color: #fff;
}
.iconfont {
font-size: 18px;
cursor: pointer;
position: absolute;
right: 28px;
}
}
}
}
}
/*底部*/
.ms-footer {
height: 140px;
background-color: #2a3542;
/*line-height: 140px;*/
.ms-footer-content {
padding: 46px 0;
width: 1200px;
margin: auto;
.ms-footer-left {
color: #999999;
font-size: 14px;
float: left;
.ms-footer-left-copyright {
display: block;
padding-top: 20px;
height: 14px;
}
.ms-footer-left-column {
a:link {
color: #999;
text-decoration: none
}
a:visited {
color: #999;
text-decoration: none
}
a:hover{
color: #fff;
}
height: 14px;
cursor:pointer;
.ms-footer-left-column-course,
.ms-footer-left-column-contact {
padding: 0 10px;
}
.ms-footer-left-column-about {
padding-right: 10px;
}
}
}
.ms-footer-right {
float: right;
img {
cursor: pointer;
}
.ms-footer-right-baidu {
padding: 0 12px;
}
.ms-footer-right-weixin {
position: relative;
display: none;
img {
top: -161px;
left: -38px;
width: 103px;
/* display: none; */
border: 2px solid #ccc;
position: absolute;
}
p {
font-size: 0;
line-height: 0;
display: block;
width: 0;
height: 0;
left: 8px;
border-left: 10px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #fff;
position: absolute;
top: -58px;
z-index: 85;
/* display: none; */
}
}
}
}
}
.ms-but-disabled2,
.ms-but-disabled {
opacity: .6 !important;
cursor: no-drop !important;
}
.ms-but-disabled:hover {
background-color: #009aff !important;
}
.ms-loading {
text-align: center;
height: 700px;
line-height: 700px;
img {
width: 60px;
}
}
.topbar-info {
display: flex;
align-items: center;
float: right;
color: white;
text-align: right;
a {
height: 30px;
line-height: 30px;
.loginImg {
width: 30px !important;
height: 30px !important;
vertical-align: super;
border-radius: 50%;
padding: 0;
margin-right: 12px;
opacity: .9;
cursor: pointer;
&:hover {
opacity: 1;
}
}
.userName {
line-height: 30px !important;
margin-right: 12px;
color: #fff;
cursor: pointer;
font-weight: 500;
&:hover {
color: #ffb800;
}
}
}
.quitLogin {
color: #fff;
height: 30px;
line-height: 30px;
&:hover {
color: #ffb800;
}
}
.ms-userName {
max-width: 110px;
white-space: nowrap;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
}
\ No newline at end of file
src/main/webapp/templets/1/default/less/case-list.less 0 → 100644
View file @ 0871b95a
.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
src/main/webapp/templets/1/default/less/center.less 0 → 100644
View file @ 0871b95a
.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
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