Commit 1f093087 authored by sunxin's avatar sunxin
Browse files

默认模板

parent 178009f4
.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
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!DOCTYPE html>
<html>
<#include "m/head-file.htm"/>
<body>
<#include "m/head.htm"/>
<div class="ms-banner">
<img src="{ms:global.host/}/{ms:global.style/}/images/about.png" class="am-img-responsive" alt=""/>
</div>
<div class="ms-about-content">
<div class="am-tabs am-tabs-default ms-about-content-div">
<ul class="am-tabs-nav am-cf">
<li class="am-active ms-about-content-li">
<a href="{ms:global.url/}/53/index.html">关于我们</a>
</li>
<li class="ms-about-content-li">
<a href="{ms:global.url/}/59/index.html">公司动态</a>
</li>
<li class="ms-about-content-li">
<a href="http://mingsoft.net/html/1//5527/index.html#faz">发展历程</a>
</li>
<li class="ms-about-content-li">
<a href="http://mingsoft.net/html/1//5527/index.html#lianx">加入我们</a>
</li>
<li class="ms-about-content-li">
<a href="{ms:global.url/}/19/index.html">联系我们</a>
</li>
</ul>
<div class="am-tabs-bd ms-about-content-main">
<div data-tab-panel-0 class="">{ms:field.content/}</div>
</div>
</div>
</div>
<#include "m/footer.htm"/>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<#include "m/head-file.htm"/>
<body>
<#include "m/head.htm"/>
<div class="ms-banner">
<img src="{ms:global.host/}/{ms:global.style/}/images/message.png" alt="" width="100%" />
</div>
<div class="ms-message-content">
<form method="post" id="postForm">
<p>
<input type="text" class="am-form-field am-radius" name='name' placeholder="姓名" />
</p>
<p>
<input type="text" class="am-form-field am-radius" name='phone' placeholder="手机" />
</p>
<div class="am-form-group">
<textarea class="am-form-field ms-content-form-message" id="doc-ta-1" name='content' placeholder="留言"></textarea>
</div>
<button type="button" class="am-btn am-btn-primary ms-content-button">提交</button>
</form>
</div>
<#include "m/footer.htm"/>
</body>
</html>
<script>
var flag = false;
$(".am-btn-primary").click(function() {
if(!flag) {
$.ajax({
type: "POST",
url: "{ms:global.host/}/mdiy/diyForm/f2c131968438246e885e0feed7256dbc.do",
data: $("#postForm").serialize(),
success: function(msg) {
flag = true;
alert("提交成功");
}
});
} else {
alert("您已经提交过了!");
}
})
/* 表单验证 */
function verification() {
if($('input[name="name"]').val().length >= 1 && $('input[name="phone"]').val().length >= 1 && $('.ms-content-form-message').val().length >= 1) {
$('.ms-content-button').css("background-color", "#009aff");
$('.ms-content-button').css("pointer-events", 'visible');
$('.ms-content-button').css("color", "#fff");
} else {
$('.ms-content-button').css("background-color", "#fafafa");
$('.ms-content-button').css('pointer-events', "none");
$('.ms-content-button').css("color", "#ddd");
}
}
$('input[name="name"]').on("input", function() {
verification();
})
$('input[name="phone"]').on("input", function() {
verification();
})
$('.ms-content-form-message').on("input", function() {
verification();
})
</script>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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