47 lines
1.4 KiB
Plaintext
47 lines
1.4 KiB
Plaintext
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>
|
|
} |