glhcp/server/app/admin/view/activity_area/area/add.html

75 lines
2.6 KiB
HTML
Raw Normal View History

2023-08-10 06:59:52 +00:00
{layout name="layout2" /}
<style>
.reqRed::before {
content: '*';
color: red;
margin-right: 5px;
}
.layui-form-label {
width: 120px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form" id="layuiadmin-form" style="padding: 20px 30px 0 0;">
<div class="layui-form-item">
<label class="layui-form-label reqRed">专区名称:</label>
<div class="layui-input-inline">
<input type="text" name="name" lay-vertype="tips" autocomplete="off" class="layui-input">
</div>
</div>
<!--活动专区封面图-->
<div class="layui-form-item">
<label class="layui-form-label reqRed">封面图:</label>
<div class="layui-input-inline">
<div class="like-upload-image">
<div class="upload-image-elem"><a class="add-upload-image"> + 添加图片</a></div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<label class=" layui-form-mid layui-word-aux">专区封面图。建议尺寸宽100px*高100pxjpgjpegpng格式</label>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label reqRed">专区描述:</label>
<div class="layui-input-inline">
<textarea name="synopsis" lay-verify="required" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">专区状态:</label>
<div class="layui-input-inline">
<input type="checkbox" lay-filter="disable" name="status" lay-skin="switch" lay-text="显示|隐藏">
<!-- <div class=" layui-form-mid layui-word-aux">显示或者隐藏商品栏目</div>-->
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="add-submit" id="add-submit" value="确认">
</div>
</div>
<script>
layui.use(['form'], function(){
var $ = layui.$
,form = layui.form;
like.delUpload();
$(document).on("click", ".add-upload-image", function () {
like.imageUpload({
limit: 1,
field: "image",
that: $(this)
});
});
//删除图片/证书
$(document).on('click', '.pay-img-del-x', function () {
$(this).parent().siblings('input').val('');
$(this).parent().siblings().css('display','block');
$(this).parent().remove();
});
})
</script>