321 lines
7.9 KiB
HTML
321 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
|
|
<meta http-equiv="Cache-Control" content="no-siteapp">
|
|
<title>新建编辑</title>
|
|
<link rel="stylesheet" href="/static/adminghd/layui/css/layui.css">
|
|
<link rel="stylesheet" href="/static/adminghd/css/index.css"/>
|
|
<link rel="stylesheet" href="/static/adminghd/css/activity.css"/>
|
|
<style>
|
|
|
|
.upload_pic_left .poster{
|
|
width: 112px;
|
|
height: 112px;
|
|
position: relative;
|
|
}
|
|
.popup >div{
|
|
display: none;
|
|
width: 400px;
|
|
background: #fff;
|
|
position: absolute;
|
|
top: 46%;
|
|
left: 50%;
|
|
transform:translate(-50%,-50%);
|
|
-ms-transform:translate(-50%,-50%); /* IE 9 */
|
|
-webkit-transform:translate(-50%,-50%); /* Safari and Chrome */
|
|
text-align: center;
|
|
}
|
|
.popup >div h3{
|
|
padding: 7px 0;
|
|
border-bottom: 1px solid #A4A4A4;
|
|
}
|
|
.popup >div input{
|
|
padding-left: 10px;
|
|
border-radius: 5px;
|
|
border: 1px solid #bfbfbf;
|
|
width: 210px;
|
|
height: 34px;
|
|
margin: 8px 0 ;
|
|
}
|
|
.activity_time {
|
|
padding: 0px;
|
|
}
|
|
.popup .btn{
|
|
margin: 15px 0 25px 0;
|
|
padding: 0 10px;
|
|
display: flex;
|
|
display: -webkit-flex; /* Safari */
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
justify-content: space-around;
|
|
-webkit-justify-content: space-around;
|
|
-moz-justify-content: space-around;
|
|
-ms-justify-content: space-around;
|
|
}
|
|
.popup .btn a {
|
|
float: left;
|
|
width: 130px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
color: #333333;
|
|
background: #fff;
|
|
border: #f8c619 solid 1px;
|
|
}
|
|
.popup p .curr{
|
|
background: #f8c619;
|
|
}
|
|
.upload_pic_left{
|
|
width: 815px;
|
|
}
|
|
.title_content .title {
|
|
padding-left: 13px;
|
|
font-size: 14px;
|
|
margin: 10px;
|
|
}
|
|
.upload_pic_left .title_content input {
|
|
width: 700px;
|
|
border: 1px solid #bfbfbf;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
margin-left: 27px;
|
|
padding-left: 10px;
|
|
}
|
|
.upload_pic_left .title_content {
|
|
position: relative;
|
|
height: 70px;
|
|
}
|
|
.upload_pic_left .title_content span {
|
|
left: 713px;
|
|
bottom: 10px;
|
|
position: absolute;
|
|
right: 43px;
|
|
bottom: 0;
|
|
color: #bfbfbf;
|
|
}
|
|
.upload_pic_left .upload_pic{
|
|
margin-left: 27px;
|
|
}
|
|
.product_table {
|
|
min-width: 1570px;
|
|
}
|
|
.upload_pic{
|
|
display: inline-block;
|
|
}
|
|
|
|
.wrap {
|
|
background: none;
|
|
}
|
|
.upload_pic_left{
|
|
height: auto;
|
|
}
|
|
.activity_list_add{
|
|
overflow: visible;
|
|
}
|
|
.poster {
|
|
width: 347px;
|
|
height: 180px;
|
|
position: relative;
|
|
}
|
|
.upload_pic {
|
|
width: 284px;
|
|
height: 176px;
|
|
border: 1px solid #bfbfbf;
|
|
position: relative;
|
|
font-size: 80px;
|
|
color: #bfbfbf;
|
|
background: url(/adminghd/img/upload.png) no-repeat;
|
|
background-size: 60px;
|
|
background-position: center;
|
|
cursor: pointer;
|
|
margin-bottom: 30px;
|
|
margin-left: 27px;
|
|
display: inline-block;
|
|
}
|
|
.poster img {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.layout {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0,0,0,0.6);
|
|
z-index: 999;
|
|
display: none;
|
|
overflow: auto;
|
|
}
|
|
.popup >div {
|
|
display: none;
|
|
width: 400px;
|
|
background: #fff;
|
|
position: absolute;
|
|
top: 46%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
-ms-transform: translate(-50%,-50%);
|
|
-webkit-transform: translate(-50%,-50%);
|
|
text-align: center;
|
|
}
|
|
.popup {
|
|
width: 544px;
|
|
}
|
|
.popup >div h3 {
|
|
padding: 7px 0;
|
|
border-bottom: 1px solid #A4A4A4;
|
|
}
|
|
.popup .btn {
|
|
margin: 15px 0 25px 0;
|
|
padding: 0 10px;
|
|
display: flex;
|
|
display: -webkit-flex;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
justify-content: space-around;
|
|
-webkit-justify-content: space-around;
|
|
-moz-justify-content: space-around;
|
|
-ms-justify-content: space-around;
|
|
}
|
|
.popup .btn a {
|
|
float: left;
|
|
width: 130px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
color: #333333;
|
|
background: #fff;
|
|
border: #f8c619 solid 1px;
|
|
}
|
|
.popup p .curr {
|
|
background: #f8c619;
|
|
}
|
|
.popup .activity_product {
|
|
width: 1239px;
|
|
height: 640px;
|
|
}
|
|
</style>
|
|
|
|
|
|
</head>
|
|
<body data-idd="71">
|
|
<div class="main">
|
|
<ul class="layui-nav" lay-filter="">
|
|
<span onclick="lists()">< 返回</span>
|
|
<li class="layui-nav-item layui-this"><a href="#">新建活动</a></li>
|
|
</ul>
|
|
<div class="main_top">
|
|
<div class="head">
|
|
<div class="head_right">
|
|
<i id="save" class="layui-btn yellow" >保存</i>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="content">
|
|
<div class="product_table activity_list_add" >
|
|
<input type="hidden" id="id" name="title" value="{$id}"/>
|
|
<!-- 左侧上传图片-->
|
|
<div class="upload_pic_left">
|
|
<p class="title">
|
|
<i>*</i>
|
|
请输入标题：
|
|
</p>
|
|
<div class="title_content">
|
|
<input type="text" id="title" name="title" placeholder="建议标题字数在45个字以内"/>
|
|
<span>
|
|
<i class="i_leng">0</i>/
|
|
<em>30</em>
|
|
</span>
|
|
</div>
|
|
<p class="title">
|
|
<i>*</i>
|
|
请输入介绍：
|
|
</p>
|
|
<div class="title_content">
|
|
<input type="text" id="excerpt_plain" name="title" placeholder="请输入资讯介绍"/>
|
|
</div>
|
|
<p class="title">
|
|
<i>*</i>
|
|
请输入资讯跳转链接：
|
|
</p>
|
|
<div class="title_content">
|
|
<input type="text" id="url" name="title" placeholder="请输入资讯跳转链接"/>
|
|
</div>
|
|
<p class="title">
|
|
<i>*</i>请上传资讯图片：
|
|
<span></span>
|
|
</p>
|
|
<div class="img_cont" id="img_cont">
|
|
<div class="upload_pic poster" id="poster">
|
|
<img src="" alt="" id="Upload_img2"/>
|
|
<input id="goodsUpload" hidden type="file" name="file2" />
|
|
<!-- <i>①</i> -->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="layout popup" >
|
|
<!-- 特价商品 -->
|
|
<div id="specials" class="activity_product">
|
|
<p class="btn">
|
|
<a href="#" id="special_cancel" class="btncancel">取消</a>
|
|
<a href="#" id="special_deter" class="curr" >确定</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<script src="/static/adminghd/js/jquery.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="/static/adminghd/layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="/static/adminghd/js/common.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="/static/adminghd/js/wechatset/wechatRealTimeInfoUpdate.js" type="text/javascript" charset="utf-8"></script>
|
|
<script>
|
|
layui.use('upload', function(){
|
|
var upload = layui.upload;
|
|
|
|
//图片上传接口
|
|
upload.render({
|
|
elem: '#Upload_img2'
|
|
,url: '/adminghd/Files/uploadImg' //改成你的图片上传接口
|
|
,multiple: true
|
|
,before: function(obj){
|
|
//do something
|
|
}
|
|
,done: function(res){
|
|
//上传完毕回调
|
|
if(res.status == 0){ //假设成功返回的code为0
|
|
$('#Upload_img2').attr("src",res.file_path);
|
|
//do something
|
|
}
|
|
}
|
|
,error: function(){
|
|
//请求出错处理
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|