mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-01 10:32:49 +08:00
feat: 迁移相册上传组件
This commit is contained in:
@@ -43,6 +43,7 @@
|
||||
@import './nav/ul-nav-grid/index';
|
||||
@import './nav/ul-nav-info/index';
|
||||
@import './nav/ul-nav-tree-2/index';
|
||||
@import './photo/ul-upload-photo-list/index';
|
||||
@import './title/ul-group-title/index';
|
||||
@import './title/ul-group-title-2/index';
|
||||
@import './title/ul-group-title-simple/index';
|
||||
|
||||
6
source/components/photo/ul-upload-photo-list/_index.env
Normal file
6
source/components/photo/ul-upload-photo-list/_index.env
Normal file
@@ -0,0 +1,6 @@
|
||||
title=相册上传
|
||||
padding=0
|
||||
margin=0
|
||||
gray=0
|
||||
mobile=0
|
||||
inner_margin=0
|
||||
15
source/components/photo/ul-upload-photo-list/_index.html
Normal file
15
source/components/photo/ul-upload-photo-list/_index.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<div class="ul-upload-photo-list">
|
||||
<div class="ul-upload-photo-item">
|
||||
<div class="ul-upload-photo-delete layui-icon layui-icon-delete">
|
||||
</div>
|
||||
<div
|
||||
class="ul-upload-photo-main"
|
||||
style="background-image: url('/static/images/view.jpg');"
|
||||
>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="ul-upload-photo-item ul-upload-photo-button">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
5
source/components/photo/ul-upload-photo-list/_index.php
Normal file
5
source/components/photo/ul-upload-photo-list/_index.php
Normal file
@@ -0,0 +1,5 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
];
|
||||
36
source/components/photo/ul-upload-photo-list/_index.scss
Normal file
36
source/components/photo/ul-upload-photo-list/_index.scss
Normal file
@@ -0,0 +1,36 @@
|
||||
|
||||
.ul-upload-photo-list {}
|
||||
|
||||
.ul-upload-photo-item {
|
||||
display : inline-block;
|
||||
width : 120px;
|
||||
height : 120px;
|
||||
margin : 5px;
|
||||
background-color: #ddd;
|
||||
cursor : pointer;
|
||||
box-shadow : 0 3px 5px #999;
|
||||
position : relative;
|
||||
}
|
||||
|
||||
.ul-upload-photo-main {
|
||||
background-size : cover;
|
||||
background-position: center;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
}
|
||||
|
||||
.ul-upload-photo-delete {
|
||||
position : absolute;
|
||||
right : 5px;
|
||||
top : 5px;
|
||||
z-index : 999;
|
||||
font-size : 20px;
|
||||
color : #fff;
|
||||
text-shadow: 0 0 2px #000;
|
||||
}
|
||||
|
||||
.ul-upload-photo-button {
|
||||
background-image : url("img/upload.png");
|
||||
background-size : cover;
|
||||
background-position: center;
|
||||
}
|
||||
@@ -175,41 +175,6 @@
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.ul-upload-photo-list {}
|
||||
|
||||
.ul-upload-photo-item {
|
||||
display : inline-block;
|
||||
width : 120px;
|
||||
height : 120px;
|
||||
margin : 5px;
|
||||
background-color: #ddd;
|
||||
cursor : pointer;
|
||||
box-shadow : 0 3px 5px #999;
|
||||
position : relative;
|
||||
}
|
||||
|
||||
.ul-upload-photo-main {
|
||||
background-size : cover;
|
||||
background-position: center;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
}
|
||||
|
||||
.ul-upload-photo-delete {
|
||||
position : absolute;
|
||||
right : 5px;
|
||||
top : 5px;
|
||||
z-index : 999;
|
||||
font-size : 20px;
|
||||
color : #fff;
|
||||
text-shadow: 0 0 2px #000;
|
||||
}
|
||||
|
||||
.ul-upload-photo-button {
|
||||
background-image : url("img/upload.png");
|
||||
background-size : cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
|
||||
.ul-tree-item {
|
||||
|
||||
Reference in New Issue
Block a user