|
|
|
|
@ -0,0 +1,485 @@ |
|
|
|
|
<!DOCTYPE html> |
|
|
|
|
<html> |
|
|
|
|
<head> |
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
|
|
|
|
<meta name="renderer" content="webkit"> |
|
|
|
|
<meta name="viewport" |
|
|
|
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> |
|
|
|
|
<meta name="robots" content="index, follow"/> |
|
|
|
|
<title>在线留言</title> |
|
|
|
|
<meta name="keywords" content=""> |
|
|
|
|
<meta name="description" content=""> |
|
|
|
|
<meta http-equiv="Cache-Control" content="no-transform"/> |
|
|
|
|
<meta http-equiv="Cache-Control" content="no-siteapp"/> |
|
|
|
|
<meta name="applicable-device" content="pc,mobile"/> |
|
|
|
|
<link href="/template/1/default/css/style.css" rel="stylesheet"/> |
|
|
|
|
<link href="/template/1/default/css/css.css" rel="stylesheet"/> |
|
|
|
|
<script src="/template/1/default/js/jquery-1.8.3.min.js"></script> |
|
|
|
|
<script type="text/javascript" src="/template/1/default/js/jquery.superslide.2.1.1.js">//pc导航</script> |
|
|
|
|
<script src="/template/1/default/js/anim.js">//动画</script> |
|
|
|
|
<script type="text/javascript" src="/template/1/default/js/basic.js"></script> |
|
|
|
|
<!--引入vue库--> |
|
|
|
|
<script type="text/javascript" src="/static/plugins/vue/2.6.9/vue.min.js"></script> |
|
|
|
|
<!--引入element-ui库--> |
|
|
|
|
<script src="/static/plugins/element-ui/2.15.8/index.min.js"></script> |
|
|
|
|
<link rel="stylesheet" href="/static/plugins/element-ui/2.15.8/theme-chalk/index.min.css"> |
|
|
|
|
<!--网络请求框架--> |
|
|
|
|
<script src="/static/plugins/axios/0.18.0/axios.min.js"></script> |
|
|
|
|
<script src="/static/plugins/qs/6.6.0/qs.min.js"></script> |
|
|
|
|
<script src="/static/plugins/ms/2.0/ms.umd.js"></script> |
|
|
|
|
<script src="/static/plugins/ms/2.0/ms-el-form.umd.js"></script> |
|
|
|
|
</head> |
|
|
|
|
<body> |
|
|
|
|
<!--头部begin--> |
|
|
|
|
<script src="/template/1/default/js/vue.js"></script> |
|
|
|
|
<script src="/template/1/default/js/moment.js"></script> |
|
|
|
|
<link rel="stylesheet" href="/template/1/default/css/header.css"> |
|
|
|
|
<script src="/template/1/default//js/axios.min.js"></script> |
|
|
|
|
<link href="/template/1/default/css/style.css" rel="stylesheet"/> |
|
|
|
|
<link rel="stylesheet" href="/template/1/default/css/public.css"> |
|
|
|
|
<div id="header" class="header_box"> |
|
|
|
|
<div class="top_header"> |
|
|
|
|
<div class="top_header_box"> |
|
|
|
|
<div class="left_top"> |
|
|
|
|
<p>欢迎来到青岛市公安局交通警察支队车辆管理所!</p> |
|
|
|
|
</div> |
|
|
|
|
<div class="left_top right"> |
|
|
|
|
<div class="wea_box"> |
|
|
|
|
<div>{{time}}</div> |
|
|
|
|
<div style="margin:0 5px 0 5px;">{{weather}}</div> |
|
|
|
|
<div>{{temp}}℃</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="login_box"> |
|
|
|
|
<span class="login_dl">登录</span> |
|
|
|
|
<div class="login_model"> |
|
|
|
|
<div class="triangle"></div> |
|
|
|
|
<div class="l_label">用户名/账号：</div> |
|
|
|
|
<div> |
|
|
|
|
<input type="text" class="username"/> |
|
|
|
|
</div> |
|
|
|
|
<div class="l_label">密码：</div> |
|
|
|
|
<div> |
|
|
|
|
<input type="password" class="password" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="login_btn"> |
|
|
|
|
登录 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div class="hurl hurld"> |
|
|
|
|
<div>公安部</div> |
|
|
|
|
<div>部交管局</div> |
|
|
|
|
<div>省公安厅</div> |
|
|
|
|
<div>省交警总队</div> |
|
|
|
|
<div>省厅车管所</div> |
|
|
|
|
<div>市公安局</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="bottom_header"> |
|
|
|
|
<div class="header-nav"> |
|
|
|
|
<ul> |
|
|
|
|
<li> |
|
|
|
|
<a href="/html/web/index.html" title="首页"> |
|
|
|
|
<!-- <span class="b r">首页</span> --> |
|
|
|
|
首页 |
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
<!--定义变量typeid、ids，通过这两个变量判断是否选中--> |
|
|
|
|
<li> |
|
|
|
|
<a href="/html/web/intro/index.html"> |
|
|
|
|
<span data-title="单位简介" class="b ">单位简介</span> |
|
|
|
|
<!-- <div class="son-none "> |
|
|
|
|
<div> |
|
|
|
|
<a class="nav-a" href="index1.html"> |
|
|
|
|
平台产品 |
|
|
|
|
</a> |
|
|
|
|
<a class="nav-a" href="index2.html"> |
|
|
|
|
开源产品 |
|
|
|
|
</a> |
|
|
|
|
<a class="nav-a" href="index3.html"> |
|
|
|
|
行业产品 |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
|
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<a href="/html/web/zhibanbeiqin/index.html"> |
|
|
|
|
<span data-title="值班备勤" class="b ">值班备勤</span> |
|
|
|
|
<div class="son-noneson-cont "> |
|
|
|
|
<div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<a href="/html/web/tongxunlu/index.html"> |
|
|
|
|
<span data-title="通讯录" class="b ">通讯录</span> |
|
|
|
|
<div class="son-noneson-cont "> |
|
|
|
|
<div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<a href="/html/web/conference/index.html"> |
|
|
|
|
<span data-title="会议通知" class="b ">会议通知</span> |
|
|
|
|
|
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<a href="/html/web/tongzhigonggao/index.html"> |
|
|
|
|
<span data-title="通知公告" class="b ">通知公告</span> |
|
|
|
|
<div class="son-noneson-cont "> |
|
|
|
|
<div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<a href="index7.html"> |
|
|
|
|
<span data-title="办公自动化" class="b ">办公自动化</span> |
|
|
|
|
<div class="son-noneson-cont "> |
|
|
|
|
<div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<a href=""> |
|
|
|
|
<span data-title="新版办公自动化" class="b ">新版办公自动化</span> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
<li> |
|
|
|
|
<div class="search_cen"> |
|
|
|
|
<form action="/mcms/search.do" method="post"> |
|
|
|
|
<select class="search_select" name="categoryIds" > |
|
|
|
|
|
|
|
|
|
<option value="" selected="selected">全部</option> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<option value="1765306882908344322">车管要闻</option> |
|
|
|
|
<option value="1767079741717553153">车管动态</option> |
|
|
|
|
<option value="1767087429860007938">通知公告</option> |
|
|
|
|
<option value="1767091286732251138">会议通知</option> |
|
|
|
|
<option value="1767126154677657602">警苑文化</option> |
|
|
|
|
<option value="1772433260107251713">处会纪要</option> |
|
|
|
|
<option value="1772809304160997378">领导批示</option> |
|
|
|
|
<option value="1772809992177848321">上级文件</option> |
|
|
|
|
<option value="1772810629200351233">工作交流</option> |
|
|
|
|
<option value="1772811323781287938">法律法规</option> |
|
|
|
|
<option value="1772814349241815042">党建队建</option> |
|
|
|
|
<option value="1772815555934687234">政工通告</option> |
|
|
|
|
<option value="1772815810168229890">综合监管</option> |
|
|
|
|
|
|
|
|
|
</select> |
|
|
|
|
<input class="input1" type="text" name="content_title" id="p" placeholder="搜索" /> |
|
|
|
|
<!-- <input type="text" name="categoryIds" placeholder="请输入栏目id,多个以,分隔"> --> |
|
|
|
|
<!-- <input type="submit" class="bnts"> --> |
|
|
|
|
<div class="btn "> |
|
|
|
|
<input type="submit" value="" style=" width: 22px;cursor: pointer; |
|
|
|
|
height: 22px; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 12px; |
|
|
|
|
background: none;"> |
|
|
|
|
<img src="/template/1/default/images/fdj.png" alt="" srcset=""> |
|
|
|
|
</div> |
|
|
|
|
</form> |
|
|
|
|
</div> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
new Vue({ |
|
|
|
|
el:"#header", |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
time:"", |
|
|
|
|
weather:'', |
|
|
|
|
temp:'' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
this.time= moment().format('yyyy-MM-DD') |
|
|
|
|
this.getWeather() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
getWeather(){ |
|
|
|
|
axios.get('https://devapi.qweather.com/v7/weather/now?location=101120201&key=da5448d7e24e42659c86656047911980').then(res =>{ |
|
|
|
|
console.log('res ====>',res) |
|
|
|
|
this.weather = res.data.now.text |
|
|
|
|
this.temp = res.data.now.temp |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}) |
|
|
|
|
window.onload = function() { |
|
|
|
|
|
|
|
|
|
var pathname = window.location.pathname |
|
|
|
|
if (pathname == '/html/web/index.html') { |
|
|
|
|
|
|
|
|
|
$('.hurl').removeClass('hurld') |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
$('.searchbtn').click(() => { |
|
|
|
|
var content = $('.input1').val(); |
|
|
|
|
var type = $('.search_select').val(); |
|
|
|
|
console.log(content,type) |
|
|
|
|
window.location.href = '/mcms/search.do?type=' + type + '&content' + content |
|
|
|
|
}) |
|
|
|
|
$('.login_dl').click(() => { |
|
|
|
|
$('.login_model').css('display', 'block') |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
$(document).on('click', function (e) { |
|
|
|
|
var $target = e.target._prevClass; |
|
|
|
|
var target = $(event.target); |
|
|
|
|
var $myElement = $('.login_model'); |
|
|
|
|
if ($target != 'login_dl' && $myElement.closest(target).length) { |
|
|
|
|
$myElement.hide(); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
$('.login_btn').click(() => { |
|
|
|
|
var username = $('.username').val(); |
|
|
|
|
var password = $('.password').val(); |
|
|
|
|
console.log(username, password) |
|
|
|
|
var userlogin = { |
|
|
|
|
managerName: username, |
|
|
|
|
managerPassword: password |
|
|
|
|
} |
|
|
|
|
axios.post("http://192.168.1.104:8080/ms/login.do", userlogin, { |
|
|
|
|
headers: { |
|
|
|
|
'Content-Type': 'application/json' |
|
|
|
|
} |
|
|
|
|
}).then(r => { |
|
|
|
|
console.log(r) |
|
|
|
|
if(r.data.result){ |
|
|
|
|
window.open('http://192.168.1.104:8080//ms/index.do') |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
<!--头部end--> |
|
|
|
|
<div class="o_big"> |
|
|
|
|
<img src="/upload/1/cms/category/1686219436865.jpg" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/> |
|
|
|
|
<h1>在线留言</h1> |
|
|
|
|
</div> |
|
|
|
|
<!--正文begin--> |
|
|
|
|
<!--文章内容开始--> |
|
|
|
|
<div class="right fr"> |
|
|
|
|
|
|
|
|
|
<!-- 留言表单 --> |
|
|
|
|
<div id="form" v-loading="loading" v-cloak> |
|
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right" size="small" |
|
|
|
|
class="message"> |
|
|
|
|
<!--称呼姓名--> |
|
|
|
|
<el-form-item label="称呼姓名" prop="leaveName"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.leaveName" |
|
|
|
|
:disabled="false" |
|
|
|
|
:readonly="false" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:clearable="true" |
|
|
|
|
placeholder="请输入称呼姓名"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!--联系电话--> |
|
|
|
|
<el-form-item label="联系电话" prop="leavePhone"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.leavePhone" |
|
|
|
|
:disabled="false" |
|
|
|
|
:readonly="false" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
:clearable="true" |
|
|
|
|
placeholder="请输入联系电话"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!--留言--> |
|
|
|
|
<el-form-item label="留言" prop="content"> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" :rows="5" |
|
|
|
|
:disabled="false" |
|
|
|
|
:readonly="form.id>0?true:false" |
|
|
|
|
v-model="form.content" |
|
|
|
|
:style="{width: '100%'}" |
|
|
|
|
placeholder="请输入留言"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="验证码" prop="rand_code"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="10"> |
|
|
|
|
<el-input v-model="form.rand_code" |
|
|
|
|
:disabled="false" :readonly="false" :clearable="true" |
|
|
|
|
placeholder="请输入验证码"> |
|
|
|
|
</el-input> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<img height="40px" :src="verifCode" @click="code" style="margin-left: 10px"/> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!--验证码--> |
|
|
|
|
|
|
|
|
|
<el-form-item label=" "> |
|
|
|
|
<el-button @click="save" type="primary" :loading="loading" style="width: 200px"> |
|
|
|
|
{{loading?'提交留言中':'提交留言'}} |
|
|
|
|
</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
<!--正文end--> |
|
|
|
|
<div class="footer-bg"> |
|
|
|
|
<div class="f-t-box"> |
|
|
|
|
<div class="f-t"> |
|
|
|
|
<select name="country" |
|
|
|
|
onchange="javascript:if(this.options[this.selectedIndex].value!='#')window.open(this.options[this.selectedIndex].value);this.selectedIndex=0"> |
|
|
|
|
<option selected="selected">全国公安网站导航</option> |
|
|
|
|
<option value="https://gaj.sh.gov.cn/shga/index.html"> 上海市</option> |
|
|
|
|
<option value="https://gaj.beijing.gov.cn"> 北京市</option> |
|
|
|
|
</select> |
|
|
|
|
<select name="country" |
|
|
|
|
onchange="javascript:if(this.options[this.selectedIndex].value!='#')window.open(this.options[this.selectedIndex].value);this.selectedIndex=0"> |
|
|
|
|
<option selected="selected">全国交警网站导航</option> |
|
|
|
|
</select> |
|
|
|
|
<select name="country" |
|
|
|
|
onchange="javascript:if(this.options[this.selectedIndex].value!='#')window.open(this.options[this.selectedIndex].value);this.selectedIndex=0"> |
|
|
|
|
<option selected="selected">山东公安网站导航</option> |
|
|
|
|
</select> |
|
|
|
|
<select name="country" |
|
|
|
|
onchange="javascript:if(this.options[this.selectedIndex].value!='#')window.open(this.options[this.selectedIndex].value);this.selectedIndex=0"> |
|
|
|
|
<option selected="selected">山东交警网站导航</option> |
|
|
|
|
</select> |
|
|
|
|
<select name="country" |
|
|
|
|
onchange="javascript:if(this.options[this.selectedIndex].value!='#')window.open(this.options[this.selectedIndex].value);this.selectedIndex=0"> |
|
|
|
|
<option selected="selected">青岛公安网站导航</option> |
|
|
|
|
</select> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="f-b-box"> |
|
|
|
|
<div class="f-b"> |
|
|
|
|
<img src="/template/1/default/images/red2.png" alt="" srcset=""> |
|
|
|
|
<div class="fonts"> |
|
|
|
|
主办单位： 山东省公安厅 承办单位：山东省公安厅 |
|
|
|
|
<br /> |
|
|
|
|
鲁ICP备05003255 鲁公网安备 15010202150854 政府网站标识码：1500000000 |
|
|
|
|
<br /> |
|
|
|
|
联系地址：山东省青岛市城阳区流亭街道 未经授权严禁转载 联系电话：0532-1234567 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> <script language="javascript" src="/template/1/default/js/foot.js"></script> |
|
|
|
|
</body> |
|
|
|
|
<script> |
|
|
|
|
var form = new Vue({ |
|
|
|
|
el: '#form', |
|
|
|
|
data: function () { |
|
|
|
|
return { |
|
|
|
|
verifCode: "/code.do" + new Date().getTime(), |
|
|
|
|
loading: false, |
|
|
|
|
saveDisabled: false, |
|
|
|
|
//表单数据 |
|
|
|
|
form: { |
|
|
|
|
// 称呼姓名 |
|
|
|
|
leaveName: '', |
|
|
|
|
// 联系电话 |
|
|
|
|
leavePhone: '', |
|
|
|
|
// 留言 |
|
|
|
|
content: '', |
|
|
|
|
// 验证码 |
|
|
|
|
rand_code: '', |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
// 称呼姓名 |
|
|
|
|
leaveName: [{"required": true, "message": "称呼姓名不能为空"}, { |
|
|
|
|
"min": 0, |
|
|
|
|
"max": 255, |
|
|
|
|
"message": "称呼姓名长度必须为0-255" |
|
|
|
|
}], |
|
|
|
|
// 联系电话 |
|
|
|
|
leavePhone: [{ |
|
|
|
|
"required": true, |
|
|
|
|
"message": "联系电话不能为空" |
|
|
|
|
}, { |
|
|
|
|
"pattern": /^([0-9]{3,4}-)?[0-9]{7,8}$|^\d{3,4}-\d{3,4}-\d{3,4}$|^1[0-9]{10}$/, |
|
|
|
|
"message": "联系电话格式不匹配" |
|
|
|
|
}, {"min": 0, "max": 255, "message": "联系电话长度必须为0-255"}], |
|
|
|
|
// 留言 |
|
|
|
|
content: [{"required": true, "message": "留言不能为空"}], |
|
|
|
|
// 验证码 |
|
|
|
|
rand_code: [{"required": true, "message": "验证码不能为空"}], |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
watch: {}, |
|
|
|
|
components: {}, |
|
|
|
|
computed: {}, |
|
|
|
|
methods: { |
|
|
|
|
code: function () { |
|
|
|
|
this.verifCode = "/code.do?t=" + new Date().getTime(); |
|
|
|
|
}, |
|
|
|
|
save: function (e) { |
|
|
|
|
e.preventDefault();//阻止默认事件跳转 |
|
|
|
|
var that = this; |
|
|
|
|
that.$refs.form.validate(function (valid) { |
|
|
|
|
if (valid) { |
|
|
|
|
that.form.modelName = "留言板"; //modelName需要填写自己的模型昵称 |
|
|
|
|
ms.http.post("/mdiy/form/data/save.do", that.form).then(function (res) { |
|
|
|
|
if (res.result) { |
|
|
|
|
that.$notify({ |
|
|
|
|
title: '成功', |
|
|
|
|
type: 'success', |
|
|
|
|
message: '感谢您的参与!' |
|
|
|
|
}); |
|
|
|
|
that.$refs.form.resetFields(); //清空表单 |
|
|
|
|
} else { |
|
|
|
|
if (res.msg == '验证码错误!') { |
|
|
|
|
that.$notify({ |
|
|
|
|
title: '失败', |
|
|
|
|
message: res.msg, |
|
|
|
|
type: 'warning' |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
that.$alert('需要安装留言插件才能使用，请先进入后台MStore安装留言插件使用。推荐开发者分享的<a href="http://store.mingsoft.net/#/detail?id=310&type=plugin" target="_blank" style="color:#409EFF ">留言插件</a>', '留言插件提示', { |
|
|
|
|
dangerouslyUseHTMLString: true |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
that.code(); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
</html> |
|
|
|
|
<style> |
|
|
|
|
.message { |
|
|
|
|
width: 40%; |
|
|
|
|
margin: 20px auto; |
|
|
|
|
} |
|
|
|
|
</style> |
sunjianxi
2 years ago