feat: 迁移相册上传组件

source/components/_index.scss

@@ -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';

source/components/photo/ul-upload-photo-list/_index.env

@@ -0,0 +1,6 @@
+title=相册上传
+padding=0
+margin=0
+gray=0
+mobile=0
+inner_margin=0

source/components/photo/ul-upload-photo-list/_index.html

@@ -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>

source/components/photo/ul-upload-photo-list/_index.php

@@ -0,0 +1,5 @@
+<?php
+
+return [
+
+];

source/components/photo/ul-upload-photo-list/_index.scss

@@ -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;
+}