277 行
11 KiB
HTML
可执行文件
277 行
11 KiB
HTML
可执行文件
<html>
|
|
<!--[1.4.36]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>新建秒杀</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>
|
|
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script src="__PUBLIC__/layui/layui.js"></script>
|
|
<style>
|
|
a{
|
|
color:#38f;
|
|
text-decoration: none;
|
|
}
|
|
#app{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: center;
|
|
margin-bottom: 0 auto 100px;
|
|
}
|
|
.lefttitle{
|
|
padding: 18px 60px 0 60px;
|
|
height: 46px;
|
|
line-height: 46px;
|
|
font-size: 16px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
background: url(__PUBLIC__/Retail/SecKill/titlebar.png) no-repeat;
|
|
}
|
|
|
|
.main .image-box-show{
|
|
min-height: 200px;
|
|
background: #e5e5e5;
|
|
line-height: 200px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
color: #666;
|
|
}
|
|
.main .goods-header{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.main .goods-price{
|
|
position: relative;
|
|
padding: 10px 155px 10px 10px;
|
|
width: 100%;
|
|
min-height: 50px;
|
|
background-color: #ff4343;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: inherit;
|
|
text-align: left;
|
|
}
|
|
|
|
.main current-price{
|
|
display: inline-block;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.main .current-price .price-title{
|
|
position: absolute;
|
|
top: -19px;
|
|
left: 0;
|
|
padding: 4px 8px;
|
|
background-color: #ff4343;
|
|
border-radius: 0 4px 0 0;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
}
|
|
|
|
.main .current-price .price{
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
font-size: 30px;
|
|
}
|
|
|
|
.main .original-price{
|
|
display: inline-block;
|
|
line-height: 12px;
|
|
text-decoration: line-through;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
vertical-align: middle;
|
|
opacity: .6;
|
|
}
|
|
|
|
.main .overview-countdown{
|
|
position: absolute;
|
|
right: 0;
|
|
top: 3px;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.Seckill{
|
|
padding-bottom: 40px;
|
|
width:320px;
|
|
box-shadow: 0px 0px 5px #3D4357;
|
|
background-color: white;
|
|
}
|
|
.leftshow{
|
|
margin-top: 50px;
|
|
}
|
|
.rightedit{
|
|
width:420px;
|
|
margin-top: 50px;
|
|
margin-left: 20px;
|
|
box-shadow: 0px 0px 5px #3D4357;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
em.required {
|
|
font-size: 16px;
|
|
color: #f00;
|
|
}
|
|
.required {
|
|
margin-right: 2px;
|
|
vertical-align: middle;
|
|
}
|
|
.config-title {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
line-height: 30px;
|
|
margin-bottom: 10px;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.footer{
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
float: left;
|
|
width:100%;
|
|
text-align: center;
|
|
margin-top: 50px;
|
|
box-shadow: 1px 1px 40px rgba(0,0,0,0.5);
|
|
padding: 20px 0px;
|
|
background-color: white;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="leftshow">
|
|
<div class="Seckill">
|
|
<h1 class="lefttitle"><span>秒杀</span></h1>
|
|
<div class="main">
|
|
<div class="seckill-goods-preview">
|
|
<div class="image-box-show">
|
|
<img class="layui-upload-img" src="{$seckill_res['goods_img']}" style="width: 150px; margin: 30px auto" >
|
|
</div>
|
|
</div>
|
|
<div class="goods-header goods-activity">
|
|
<div class="goods-price clearfix">
|
|
<div class="current-price" style="color: #fff">
|
|
<span class="price-title">秒杀</span>
|
|
￥
|
|
<i class="price">X</i>
|
|
<div class="original-price">￥Y</div>
|
|
</div>
|
|
<div>
|
|
<div class="overview-countdown" style="color: #fff; margin-top: 5px;margin-right: 30px">活动剩余时间</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rightedit">
|
|
<div>
|
|
<div class="app-sidebar" style="margin-top: 0px;">
|
|
<div class="arrow"></div>
|
|
<div class="app-sidebar-inner js-sidebar-region"><div>
|
|
<form class="layui-form" novalidate="">
|
|
<input type="hidden" id="gid" value="">
|
|
<h1 class="config-title">商品设置</h1>
|
|
<div class="good-choose">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><em class="required">*</em>秒杀价格：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" class="layui-input" id="goods_seckill_price" name="goods_seckill_price" readonly value="{$seckill_res['goods_seckill_price']}">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><em class="required">*</em>秒杀库存：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" class="layui-input" id="active_limit_num" name="active_limit_num" readonly value="{$seckill_res['active_limit_num']}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="config-title">基本规则</div>
|
|
</div>
|
|
<!--<div class="layui-form-item">-->
|
|
<!--<label class="layui-form-label"><em class="required">*</em>活动名称：</label>-->
|
|
<!--<div class="layui-input-inline">-->
|
|
<!--<input type="text" name="active_name" id="active_name" required lay-verify="required" autocomplete="off" class="layui-input" value="{$seckill_res['active_name']}">-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><em class="required">*</em>开始时间：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" class="layui-input" id="active_starttime" name="active_starttime" value="{$seckill_res['active_starttime']}">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><em class="required">*</em>结束时间：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" class="layui-input" id="active_endtime" name="active_endtime" value="{$seckill_res['active_endtime']}">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><em class="required">*</em>活动标题：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="active_title" id="active_title" required lay-verify="required" autocomplete="off" class="layui-input" value="{$seckill_res['active_title']}">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><em class="required">*</em>限购：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="active_personal_limit_num" id="active_personal_limit_num" value="{$seckill_res['active_personal_limit_num']}" required
|
|
lay-verify="required" autocomplete="off" class="layui-input" placeholder="默认1次，0为不限制" onkeyup="value=value.replace(/[^\d]/g,'')">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><em class="required">*</em>起购：</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="rise_num" id="rise_num" value="{$seckill_res['rise_num']}" required
|
|
lay-verify="required" autocomplete="off" class="layui-input" placeholder="起购数量,0为不限制" onkeyup="value=value.replace(/[^\d]/g,'')">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><span
|
|
style="color:red;">* </span><span>配送方式：</span></label>
|
|
<div style="display: flex;align-items: center;margin-top: -4px;">
|
|
<input type="radio" name="send_type" value="0" title="自提&配送"
|
|
<if condition="$seckill_res['send_type'] eq 0">checked</if>
|
|
>
|
|
<input type="radio" name="send_type" value="1" title="自提"
|
|
<if condition="$seckill_res['send_type'] eq 1">checked</if>
|
|
>
|
|
<input type="radio" name="send_type" value="2" title="配送"
|
|
<if condition="$seckill_res['send_type'] eq 2">checked</if>
|
|
>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--<div class="footer">-->
|
|
<!--<button type="button" class="layui-btn" id="goback">返回</button>-->
|
|
<!--</div>-->
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="__PUBLIC__/retails/js/vue.js"></script>
|
|
<script>
|
|
var fn1 = false;
|
|
layui.use(['form','layer'], function(){
|
|
|
|
//限购
|
|
// var startbuy = $("input[name='startbuy']:checked").val();
|
|
if ($("input[type='checkbox']").is(':checked')){
|
|
$("#HideBuy").show();
|
|
fn1 = true;
|
|
} else{
|
|
$("#HideBuy").hide();
|
|
fn1 = false;
|
|
}
|
|
});
|
|
</script>
|
|
</html>
|