opkpm/app/admin/view/activity_area/area/add.html

{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*高100px，jpg，jpeg，png格式</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>