模版修改

master
msgroup 4 years ago
parent defa5d2033
commit 00bd875a61
  1. 2
      src/main/resources/application-dev.yml
  2. 45
      src/main/webapp/template/1/default/footer.htm
  3. 344
      src/main/webapp/template/1/default/index.htm

@ -1,6 +1,6 @@
spring: spring:
datasource: datasource:
url: jdbc:mysql://localhost:3306/mcms?useUnicode=true&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&autoReconnect=true&allowMultiQueries=true&useSSL=true url: jdbc:mysql://localhost:3306/mcms?useUnicode=true&serverTimezone=Asia/Shanghai&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&autoReconnect=true&allowMultiQueries=true&useSSL=true
username: root username: root
password: root password: root
filters: wall,mergeStat filters: wall,mergeStat

@ -1,27 +1,30 @@
<div class="ms-footer"> <div class="ms-footer">
<div class="body"> <div class="body">
<div class="top"> <div class="top">
<div class="top-left"> <div class="top-left">
{ms:channel flag='nav' type='top'} {ms:channel flag='nav,c' type='top'}
<div class="foot-nav"> <div class="foot-nav">
<a href="{ms:global.url/}${field.typelink}" class="nav-item"> ${field.typetitle} </a> {ms:channel } <a href="{ms:global.url/}${field.typelink}" class="nav-item"> ${field.typetitle}</a>
<div> {ms:channel}
<a href="{ms:global.url/}${field.typelink}" class="item"> ${field.typetitle} </a> <div>
</div> {/ms:channel} <a href="{ms:global.url/}${field.typelink}" class="item"> ${field.typetitle} </a>
</div> {/ms:channel} </div>
</div> {/ms:channel}
<div class="top-right"> </div>
<div class="qr"> {/ms:channel}
</div>
<div class="top-right">
<div class="qr">
<img title="" alt="" src="{ms:global.host/}/{ms:global.style/}/images/sw.png" class="pic"> <img title="" alt="" src="{ms:global.host/}/{ms:global.style/}/images/sw.png" class="pic">
<span class="text"> 商务微信 </span> <span class="text"> 商务微信 </span>
</div> </div>
<div class="qr"> <div class="qr">
<img title="" alt="" src="{ms:global.host/}/{ms:global.style/}/images/gzh.png" class="pic"> <img title="" alt="" src="{ms:global.host/}/{ms:global.style/}/images/gzh.png" class="pic">
<span class="text"> 公众号 </span> <span class="text"> 公众号 </span>
</div> </div>
</div> </div>
</div> </div>
<span class="copyright"> <el-link href="https://www.mingsoft.net/" type="primary">© 江西铭软科技有限公司</el-link> 2012-至今 All Rights Reserved. Powered by MCms </span> <span class="copyright"> <el-link href="https://www.mingsoft.net/" type="primary">© 江西铭软科技有限公司</el-link> 2012-至今 All Rights Reserved. Powered by MCms </span>
<span class="power"> @该网页由 <el-link href="https://designer.mingsoft.net/" type="primary">MDesigner</el-link> 制作完成 </span> <span class="power"> @该网页由 <el-link href="https://designer.mingsoft.net/" type="primary">MDesigner</el-link> 制作完成 </span>
</div> </div>
</div> </div>

@ -1,37 +1,37 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>{ms:global.name/}</title> <title>{ms:global.name/}</title>
<meta http-equiv="content-type" content="text/html"> <meta http-equiv="content-type" content="text/html">
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<meta name="app-mobile-web-app-capable" content="yes"> <meta name="app-mobile-web-app-capable" content="yes">
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="app-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="keywords" content="{ms:global.keyword/}"> <meta name="keywords" content="{ms:global.keyword/}">
<meta name="description" content="{ms:global.descrip/}"> <meta name="description" content="{ms:global.descrip/}">
<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css">
<link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css">
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
<script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css">
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css">
<!--网络请求框架--> <!--网络请求框架-->
<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.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/qs/6.6.0/qs.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.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.http.js"></script>
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js"></script>
<script> <script>
SwiperClass = Swiper SwiperClass = Swiper
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@4.1.1/dist/vue-awesome-swiper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@4.1.1/dist/vue-awesome-swiper.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css">
<script> <script>
Vue.use(VueAwesomeSwiper) Vue.use(VueAwesomeSwiper)
</script> </script>
<style> <style>
:root { :root {
--swiper-theme-color:$ { --swiper-theme-color:$ {
@ -41,16 +41,16 @@ Vue.use(VueAwesomeSwiper)
; ;
} }
</style> </style>
<script> <script>
ms.base = ""; ms.base = "";
</script> </script>
<style> <style>
[v-cloak]{ [v-cloak]{
display: none; display: none;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="app" v-cloak> <div id="app" v-cloak>
<#include "nav.htm" /> <#include "nav.htm" />
@ -62,12 +62,12 @@ autoplay: {
delay: 1500, delay: 1500,
}, },
navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'} navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'}
}"> }">
<div class="swiper-button-prev " slot="button-prev"> <div class="swiper-button-prev " slot="button-prev">
</div> </div>
<div class="swiper-button-next " slot="button-next"> <div class="swiper-button-next " slot="button-next">
</div> </div>
<!--静态图片--> <!--静态图片-->
<!--动态图片--> <!--动态图片-->
{ms:arclist typeid=1329357285870346241 size=3 } {ms:arclist typeid=1329357285870346241 size=3 }
<swiper-slide> <swiper-slide>
@ -77,70 +77,70 @@ navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'}
</a> </a>
</swiper-slide> </swiper-slide>
{/ms:arclist} {/ms:arclist}
</swiper> </swiper>
</div> </div>
<div class="about"> <div class="about">
{ms:arclist typeid='1329259260493766658'} {ms:arclist typeid='1329259260493766658'}
<div class="body"> <div class="body">
<div class="left"> <div class="left">
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}"> <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
</div> </div>
<div class="right"> <div class="right">
<div class="title"> <div class="title">
<span> ${field.title} </span> <span> ${field.title} </span>
</div> </div>
<div class="desc"> <div class="desc">
<span> ${field.descrip} </span> <span> ${field.descrip} </span>
</div> </div>
</div> </div>
</div> {/ms:arclist} </div> {/ms:arclist}
</div> </div>
<div class="product"> <div class="product">
<div class="title"> <div class="title">
<span> 核心产品 </span> <span> 核心产品 </span>
</div> </div>
<div class="body"> <div class="body">
{ms:arclist flag='c' typeid='1329257213283344385'} {ms:arclist flag='c' typeid='1329257213283344385'}
<div class="prod"> <div class="prod">
<div class="pic"> <div class="pic">
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}"> <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
</div> </div>
<a href="{ms:global.url/}${field.link}" class="text"> ${field.title} </a> <a href="{ms:global.url/}${field.link}" class="text"> ${field.title} </a>
</div> {/ms:arclist} </div> {/ms:arclist}
</div> </div>
<a href="{ms:global.url/}/product/index.html" class="more"> 更多产品 </a> <a href="{ms:global.url/}/product/index.html" class="more"> 更多产品 </a>
</div> </div>
<div class="news"> <div class="news">
<div class="title"> <div class="title">
<span> 新闻动态 </span> <span> 新闻动态 </span>
</div> </div>
<div class="body"> <div class="body">
{ms:arclist flag='c' typeid='1329257282518720513'} {ms:arclist flag='c' typeid='1329257282518720513'}
<div class="left"> <div class="left">
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}"> <img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
<a href="{ms:global.url/}${field.link}" target="_blank" class="title"> ${field.title} </a> <a href="{ms:global.url/}${field.link}" target="_blank" class="title"> ${field.title} </a>
<span class="desc"> ${field.descrip} </span> <span class="desc"> ${field.descrip} </span>
</div> {/ms:arclist} </div> {/ms:arclist}
<div class="right"> <div class="right">
{ms:arclist size=3 typeid='1329257282518720513'} {ms:arclist size=3 typeid='1329257282518720513'}
<div class="news-item"> <div class="news-item">
<div class="date"> <div class="date">
<span class="day"> ${field.date?string("dd")} </span> <span class="day"> ${field.date?string("dd")} </span>
<span class="date"> ${field.date?string("yyyy-MM")} </span> <span class="date"> ${field.date?string("yyyy-MM")} </span>
</div> </div>
<div class="news-body"> <div class="news-body">
<a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a> <a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a>
<span class="desc"> ${field.descrip} </span> <span class="desc"> ${field.descrip} </span>
</div> </div>
</div> {/ms:arclist} </div> {/ms:arclist}
</div> </div>
</div> </div>
<div class="more"> <div class="more">
</div> </div>
<a href="{ms:global.url/}/news/index.html" class="more"> 更多新闻 </a> <a href="{ms:global.url/}/news/index.html" class="more"> 更多新闻 </a>
</div> </div>
<#include "footer.htm" /> <#include "footer.htm" />
</div> </div>
<script> <script>
var app = new Vue({ var app = new Vue({
el: '#app', el: '#app',
@ -162,7 +162,7 @@ var app = new Vue({
created(){ created(){
} }
}) })
</script> </script>
<style> <style>
body { body {
background-color:#fff; background-color:#fff;
@ -174,7 +174,7 @@ var app = new Vue({
.swiper-button-prev, .swiper-button-next{ .swiper-button-prev, .swiper-button-next{
color: #fff; color: #fff;
} }
.ms-banner .ms-banner
{ {
flex-wrap:nowrap; flex-wrap:nowrap;
flex-direction:row; flex-direction:row;
@ -184,7 +184,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:630px; height:630px;
} }
.ms-banner .ms-vue-awesome-swiper .ms-banner .ms-vue-awesome-swiper
{ {
background-color:#E8F4FD; background-color:#E8F4FD;
align-items:center; align-items:center;
@ -199,7 +199,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom
{ {
background-color:rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.5);
align-items:center; align-items:center;
@ -215,7 +215,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title
{ {
color:#FFFFFF; color:#FFFFFF;
flex-direction:row; flex-direction:row;
@ -224,7 +224,7 @@ var app = new Vue({
font-size:14px; font-size:14px;
padding-left:0px; padding-left:0px;
} }
.about .about
{ {
align-items:center; align-items:center;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -238,7 +238,7 @@ var app = new Vue({
margin-top:18px; margin-top:18px;
height:200px; height:200px;
} }
.about .body .about .body
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -252,7 +252,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.about .body .left .about .body .left
{ {
flex-wrap:nowrap; flex-wrap:nowrap;
flex-direction:row; flex-direction:row;
@ -263,14 +263,14 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
height:100%; height:100%;
} }
.about .body .left img .about .body .left img
{ {
width:100%; width:100%;
padding-top:0px; padding-top:0px;
padding-left:0px; padding-left:0px;
height:100%; height:100%;
} }
.about .body .right .about .body .right
{ {
flex-wrap:nowrap; flex-wrap:nowrap;
flex-direction:column; flex-direction:column;
@ -282,7 +282,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.about .body .right .title .about .body .right .title
{ {
align-items:center; align-items:center;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -295,7 +295,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.about .body .right .title span .about .body .right .title span
{ {
padding-bottom:0px; padding-bottom:0px;
flex-direction:row; flex-direction:row;
@ -306,7 +306,7 @@ var app = new Vue({
padding-top:0px; padding-top:0px;
padding-left:0px; padding-left:0px;
} }
.about .body .right .desc .about .body .right .desc
{ {
flex-wrap:nowrap; flex-wrap:nowrap;
flex-direction:row; flex-direction:row;
@ -317,7 +317,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
height:100%; height:100%;
} }
.about .body .right .desc span .about .body .right .desc span
{ {
padding-bottom:0px; padding-bottom:0px;
flex-direction:row; flex-direction:row;
@ -329,7 +329,7 @@ var app = new Vue({
line-height: 32px; line-height: 32px;
} }
.product .product
{ {
background-color:#F2F2F2; background-color:#F2F2F2;
align-items:center; align-items:center;
@ -346,7 +346,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
margin-top:20px; margin-top:20px;
} }
.product .title .product .title
{ {
align-items:center; align-items:center;
flex-direction:row; flex-direction:row;
@ -363,7 +363,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.product .title span .product .title span
{ {
padding-bottom:0px; padding-bottom:0px;
flex-direction:row; flex-direction:row;
@ -374,7 +374,7 @@ var app = new Vue({
padding-top:0px; padding-top:0px;
padding-left:0px; padding-left:0px;
} }
.product .body .product .body
{ {
flex-direction:row; flex-direction:row;
display:flex; display:flex;
@ -390,7 +390,7 @@ var app = new Vue({
margin-top:40px; margin-top:40px;
height:100%; height:100%;
} }
.product .body .prod .product .body .prod
{ {
background-color:#FFFFFF; background-color:#FFFFFF;
flex-direction:column; flex-direction:column;
@ -406,7 +406,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.product .body .prod .pic .product .body .prod .pic
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -420,7 +420,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:200px; height:200px;
} }
.product .body .prod .pic img .product .body .prod .pic img
{ {
padding-bottom:0px; padding-bottom:0px;
width:100%; width:100%;
@ -429,7 +429,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.product .body .prod .text .product .body .prod .text
{ {
padding-bottom:0px; padding-bottom:0px;
text-align:center; text-align:center;
@ -443,7 +443,7 @@ var app = new Vue({
margin-top:10px; margin-top:10px;
height:40px; height:40px;
} }
.product .more .product .more
{ {
background-color:#FFFFFF; background-color:#FFFFFF;
align-items:center; align-items:center;
@ -461,7 +461,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:48px; height:48px;
} }
.news .news
{ {
align-items:center; align-items:center;
flex-direction:column; flex-direction:column;
@ -477,7 +477,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
margin-top:20px; margin-top:20px;
} }
.news .title .news .title
{ {
align-items:center; align-items:center;
flex-direction:row; flex-direction:row;
@ -494,7 +494,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.news .title span .news .title span
{ {
padding-bottom:0px; padding-bottom:0px;
flex-direction:row; flex-direction:row;
@ -505,7 +505,7 @@ var app = new Vue({
padding-top:0px; padding-top:0px;
padding-left:0px; padding-left:0px;
} }
.news .body .news .body
{ {
align-items:flex-start; align-items:flex-start;
flex-direction:row; flex-direction:row;
@ -522,7 +522,7 @@ var app = new Vue({
margin-top:20px; margin-top:20px;
height:100%; height:100%;
} }
.news .body .left .news .body .left
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -535,13 +535,13 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
margin-top:0px; margin-top:0px;
} }
.news .body .left img .news .body .left img
{ {
width:100%; width:100%;
padding-top:0px; padding-top:0px;
height:280px; height:280px;
} }
.news .body .left .title .news .body .left .title
{ {
text-align:left; text-align:left;
flex-direction:row; flex-direction:row;
@ -557,7 +557,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.news .body .left .desc .news .body .left .desc
{ {
padding-bottom:0px; padding-bottom:0px;
color:#B5B5B5; color:#B5B5B5;
@ -571,7 +571,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
margin-top:0px; margin-top:0px;
} }
.news .body .right .news .body .right
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -586,7 +586,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.news .body .right .news-item .news .body .right .news-item
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -601,7 +601,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100px; height:100px;
} }
.news .body .right .news-item .date .news .body .right .news-item .date
{ {
background-color:#EEEEEE; background-color:#EEEEEE;
align-items:center; align-items:center;
@ -618,7 +618,7 @@ var app = new Vue({
padding-left:8px; padding-left:8px;
height:100%; height:100%;
} }
.news .body .right .news-item .date .day .news .body .right .news-item .date .day
{ {
padding-bottom:0px; padding-bottom:0px;
text-align:center; text-align:center;
@ -631,7 +631,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
height:70%; height:70%;
} }
.news .body .right .news-item .date .date .news .body .right .news-item .date .date
{ {
text-align:center; text-align:center;
flex-direction:row; flex-direction:row;
@ -640,7 +640,7 @@ var app = new Vue({
font-size:16PX; font-size:16PX;
padding-top:0px; padding-top:0px;
} }
.news .body .right .news-item .news-body .news .body .right .news-item .news-body
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -655,7 +655,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.news .body .right .news-item .news-body .title .news .body .right .news-item .news-body .title
{ {
text-align:left; text-align:left;
flex-direction:row; flex-direction:row;
@ -671,7 +671,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.news .body .right .news-item .news-body .desc .news .body .right .news-item .news-body .desc
{ {
padding-bottom:0px; padding-bottom:0px;
color:#B5B5B5; color:#B5B5B5;
@ -685,7 +685,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
margin-top:0px; margin-top:0px;
} }
.news .more .news .more
{ {
background-color:#FFFFFF; background-color:#FFFFFF;
align-items:center; align-items:center;
@ -704,7 +704,7 @@ var app = new Vue({
height:48px; height:48px;
} }
@media (max-width: 768px){ @media (max-width: 768px){
.ms-banner .ms-banner
{ {
flex-wrap:nowrap; flex-wrap:nowrap;
flex-direction:row; flex-direction:row;
@ -714,7 +714,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:unset; height:unset;
} }
.ms-banner .ms-vue-awesome-swiper .ms-banner .ms-vue-awesome-swiper
{ {
background-color:#E8F4FD; background-color:#E8F4FD;
align-items:center; align-items:center;
@ -729,7 +729,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:300px; height:300px;
} }
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom
{ {
background-color:RGBA(63, 158, 255, .75); background-color:RGBA(63, 158, 255, .75);
align-items:center; align-items:center;
@ -745,7 +745,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title .ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title
{ {
color:#FFFFFF; color:#FFFFFF;
flex-direction:row; flex-direction:row;
@ -754,7 +754,7 @@ var app = new Vue({
font-size:14px; font-size:14px;
padding-left:0px; padding-left:0px;
} }
.about .about
{ {
align-items:center; align-items:center;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -768,7 +768,7 @@ var app = new Vue({
margin-top:18px; margin-top:18px;
height:100%; height:100%;
} }
.about .body .about .body
{ {
padding-bottom:0px; padding-bottom:0px;
align-items:center; align-items:center;
@ -783,7 +783,7 @@ var app = new Vue({
justify-content:flex-start; justify-content:flex-start;
height:100%; height:100%;
} }
.about .body .left .about .body .left
{ {
align-items:center; align-items:center;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -796,14 +796,14 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
justify-content:center; justify-content:center;
} }
.about .body .left img .about .body .left img
{ {
width:100%; width:100%;
margin-bottom:0px; margin-bottom:0px;
padding-top:0px; padding-top:0px;
height:200px; height:200px;
} }
.about .body .right .about .body .right
{ {
flex-wrap:nowrap; flex-wrap:nowrap;
flex-direction:column; flex-direction:column;
@ -816,7 +816,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.about .body .right .title .about .body .right .title
{ {
align-items:center; align-items:center;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -829,7 +829,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.about .body .right .title span .about .body .right .title span
{ {
padding-bottom:0px; padding-bottom:0px;
flex-direction:row; flex-direction:row;
@ -840,7 +840,7 @@ var app = new Vue({
padding-top:0px; padding-top:0px;
padding-left:0px; padding-left:0px;
} }
.about .body .right .desc .about .body .right .desc
{ {
flex-wrap:nowrap; flex-wrap:nowrap;
flex-direction:row; flex-direction:row;
@ -851,7 +851,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
height:100%; height:100%;
} }
.about .body .right .desc span .about .body .right .desc span
{ {
padding-bottom:0px; padding-bottom:0px;
flex-direction:row; flex-direction:row;
@ -861,7 +861,7 @@ var app = new Vue({
padding-top:0px; padding-top:0px;
margin-top:20px; margin-top:20px;
} }
.product .product
{ {
background-color:#F2F2F2; background-color:#F2F2F2;
align-items:center; align-items:center;
@ -879,7 +879,7 @@ var app = new Vue({
margin-top:20px; margin-top:20px;
height:unset; height:unset;
} }
.product .title .product .title
{ {
align-items:center; align-items:center;
flex-direction:row; flex-direction:row;
@ -896,7 +896,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.product .title span .product .title span
{ {
padding-bottom:0px; padding-bottom:0px;
flex-direction:row; flex-direction:row;
@ -907,7 +907,7 @@ var app = new Vue({
padding-top:0px; padding-top:0px;
padding-left:0px; padding-left:0px;
} }
.product .body .product .body
{ {
padding-bottom:0px; padding-bottom:0px;
align-items:center; align-items:center;
@ -922,7 +922,7 @@ var app = new Vue({
justify-content:center; justify-content:center;
height:100%; height:100%;
} }
.product .body .prod .product .body .prod
{ {
background-color:#FFFFFF; background-color:#FFFFFF;
flex-direction:column; flex-direction:column;
@ -938,7 +938,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.product .body .prod .pic .product .body .prod .pic
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -951,7 +951,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
height:200px; height:200px;
} }
.product .body .prod .pic img .product .body .prod .pic img
{ {
padding-bottom:0px; padding-bottom:0px;
width:100%; width:100%;
@ -959,7 +959,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.product .body .prod .text .product .body .prod .text
{ {
padding-bottom:0px; padding-bottom:0px;
text-align:center; text-align:center;
@ -973,7 +973,7 @@ var app = new Vue({
margin-top:10px; margin-top:10px;
height:40px; height:40px;
} }
.product .more .product .more
{ {
background-color:#FFFFFF; background-color:#FFFFFF;
align-items:center; align-items:center;
@ -991,7 +991,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:48px; height:48px;
} }
.news .news
{ {
align-items:center; align-items:center;
flex-direction:column; flex-direction:column;
@ -1008,7 +1008,7 @@ var app = new Vue({
margin-top:20px; margin-top:20px;
height:unset; height:unset;
} }
.news .title .news .title
{ {
align-items:center; align-items:center;
flex-direction:row; flex-direction:row;
@ -1025,7 +1025,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.news .title span .news .title span
{ {
padding-bottom:0px; padding-bottom:0px;
flex-direction:row; flex-direction:row;
@ -1036,7 +1036,7 @@ var app = new Vue({
padding-top:0px; padding-top:0px;
padding-left:0px; padding-left:0px;
} }
.news .body .news .body
{ {
align-items:flex-start; align-items:flex-start;
flex-direction:column; flex-direction:column;
@ -1053,7 +1053,7 @@ var app = new Vue({
margin-top:20px; margin-top:20px;
height:100%; height:100%;
} }
.news .body .left .news .body .left
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -1066,7 +1066,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
margin-top:0px; margin-top:0px;
} }
.news .body .left img .news .body .left img
{ {
padding-bottom:0px; padding-bottom:0px;
width:100%; width:100%;
@ -1075,7 +1075,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.news .body .left .title .news .body .left .title
{ {
padding-bottom:0px; padding-bottom:0px;
text-align:left; text-align:left;
@ -1090,7 +1090,7 @@ var app = new Vue({
justify-content:flex-start; justify-content:flex-start;
height:40px; height:40px;
} }
.news .body .left .desc .news .body .left .desc
{ {
padding-bottom:0px; padding-bottom:0px;
color:#B5B5B5; color:#B5B5B5;
@ -1104,7 +1104,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
margin-top:0px; margin-top:0px;
} }
.news .body .right .news .body .right
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -1119,7 +1119,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.news .body .right .news-item .news .body .right .news-item
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -1134,7 +1134,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100px; height:100px;
} }
.news .body .right .news-item .date .news .body .right .news-item .date
{ {
background-color:#EEEEEE; background-color:#EEEEEE;
align-items:center; align-items:center;
@ -1151,7 +1151,7 @@ var app = new Vue({
padding-left:8px; padding-left:8px;
height:100%; height:100%;
} }
.news .body .right .news-item .date .day .news .body .right .news-item .date .day
{ {
padding-bottom:0px; padding-bottom:0px;
text-align:center; text-align:center;
@ -1164,7 +1164,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
height:70%; height:70%;
} }
.news .body .right .news-item .date .date .news .body .right .news-item .date .date
{ {
text-align:center; text-align:center;
flex-direction:row; flex-direction:row;
@ -1173,7 +1173,7 @@ var app = new Vue({
font-size:16PX; font-size:16PX;
padding-top:0px; padding-top:0px;
} }
.news .body .right .news-item .news-body .news .body .right .news-item .news-body
{ {
padding-bottom:0px; padding-bottom:0px;
flex-wrap:nowrap; flex-wrap:nowrap;
@ -1188,7 +1188,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:100%; height:100%;
} }
.news .body .right .news-item .news-body .title .news .body .right .news-item .news-body .title
{ {
text-align:left; text-align:left;
flex-direction:row; flex-direction:row;
@ -1204,7 +1204,7 @@ var app = new Vue({
margin-top:0px; margin-top:0px;
height:40px; height:40px;
} }
.news .body .right .news-item .news-body .desc .news .body .right .news-item .news-body .desc
{ {
display: none; display: none;
padding-bottom:0px; padding-bottom:0px;
@ -1218,7 +1218,7 @@ var app = new Vue({
padding-left:0px; padding-left:0px;
margin-top:0px; margin-top:0px;
} }
.news .more .news .more
{ {
background-color:#FFFFFF; background-color:#FFFFFF;
align-items:center; align-items:center;
@ -1239,4 +1239,4 @@ var app = new Vue({
}</style> }</style>
</body> </body>
</html> </html>

Loading…
Cancel
Save