package component

templ Upload(avatar string) {
	<button type="button" class="layui-btn pear-btn-primary" id="upload_img_btn_logo">
        <i class="layui-icon layui-icon-upload"></i> 上传
    </button>
    <div style="width: 132px;">
        <div class="layui-upload-list">
            <i class="btn-remove layui-icon layui-icon-clear" id="upload_img_remove_logo" title="删除"></i>
            <img class="layui-upload-img" id="upload_img_preview_logo">
            <input type="hidden" id="upload_img_input_logo" name="File" value={ avatar } />
            <div id="upload_img_tips_logo"></div>
        </div>

        <div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="upload_img_progress_logo">
            <div class="layui-progress-bar" lay-percent=""></div>
        </div>
    </div>
    <style>
        .layui-upload-list {
            position: relative;
            cursor: pointer;
        }

        .layui-upload-img {
            display: none;
            width: 100%;
            height: 92px;
        }

        .layui-upload-list:hover .btn-remove {
            display: inline-block;
        }

        .layui-upload-list .btn-remove {
            display: none;
            position: absolute;
            top: -12px;
            right: -11px;
            width: 20px;
            height: 20px;
            font-size: 24px;
            color: red;
            cursor: pointer;
        }
    </style>
}