blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

Update image.html

Browse Source
This commit is contained in:
Anyon 2022-06-24 18:11:04 +08:00
parent 3fcfb760fd
commit fad1836dbd
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/admin/view/api/image.html
View File

@ -1,5 +1,9 @@
<div class="image-dialog" id="ImageDialog"> <div class="image-dialog" id="ImageDialog">
<div class="image-dialog-head"> <div class="image-dialog-head">
<div class="pull-left flex">
<input class="layui-input margin-right-5" style="height:30px;line-height:30px" placeholder="请输入搜索关键词">
<a class="layui-btn layui-btn-sm layui-btn-normal">搜 索</a>
</div>
<div class="pull-right"> <div class="pull-right">
<a data-file="one" data-type="jpg,png" class="layui-btn layui-btn-sm">上传图片</a> <a data-file="one" data-type="jpg,png" class="layui-btn layui-btn-sm">上传图片</a>
</div> </div>
@ -7,6 +11,7 @@
<div class="image-dialog-body"> <div class="image-dialog-body">
<div class="image-dialog-item" v-for="x in items"> <div class="image-dialog-item" v-for="x in items">
<div class="uploadimage" :style="x.style"></div> <div class="uploadimage" :style="x.style"></div>
<p class="image-dialog-item-name layui-elip" v-text="x.name"></p>
</div> </div>
</div> </div>
<div class="image-dialog-foot"> <div class="image-dialog-foot">
@ -32,10 +37,23 @@
} }
.image-dialog-item { .image-dialog-item {
position: relative;
margin-right: 12px; margin-right: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.image-dialog-item-name {
left: 0;
right: 0;
bottom: 0;
position: absolute;
text-align: center;
color: #fff;
line-height: 1.5em;
white-space: nowrap;
background: rgba(0, 0, 0, 0.6);
}
.image-dialog-item .uploadimage { .image-dialog-item .uploadimage {
margin: 0; margin: 0;
width: 145px; width: 145px;
@ -47,6 +65,7 @@
} }
.image-dialog-page { .image-dialog-page {
height: 50px;
text-align: center; text-align: center;
} }