From f15b3a8b4fd21a859a5116ef977cc8616148a934 Mon Sep 17 00:00:00 2001
From: augushong <augushong@163.com>
Date: Sun, 4 Apr 2021 20:41:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=9B=BE=E9=9B=86=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/photo.html           |  26 ++++++++++++++++++++++
 public/cdn/img/upload.png | Bin 0 -> 1176 bytes
 public/cdn/layui-ul.css   |  44 +++++++++++++++++++++++++++++++++++++-
 3 files changed, 69 insertions(+), 1 deletion(-)
 create mode 100644 demo/photo.html
 create mode 100644 public/cdn/img/upload.png

diff --git a/demo/photo.html b/demo/photo.html
new file mode 100644
index 0000000..9d81bc3
--- /dev/null
+++ b/demo/photo.html
@@ -0,0 +1,26 @@
+<fieldset class="layui-elem-field layui-field-title">
+  <legend>相册上传</legend>
+  <div class="layui-field-box">
+    <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>
+  </div>
+</fieldset>
+
+<script>
+  $('.ul-upload-photo-delete').click(function(){
+    console.log(1111);
+  })
+  $('.ul-upload-photo-main').click(function(){
+    console.log(2222);
+  })
+</script>
\ No newline at end of file
diff --git a/public/cdn/img/upload.png b/public/cdn/img/upload.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd462e7bc8550514cdbef762ece023b2397d7d15
GIT binary patch
literal 1176
zcmeAS@N?(olHy`uVBq!ia0vp^CqS5k4M?tyST~P>fhFG4#WAE}&fB{e3vauLv;}TE
z$o6O621ap#>4|0w*zT|vb{bu3kPh%Y*L;-cpyGPRBg%ic&dt23-XHGGG+&|9`oOwX
zbs<;#6D7{=w$}Uq?@fit{kcEm#p`;nTYlz0ToCt5DsA2W9VPz?W%&2cs+T!__|nhS
zuPi>B*1Smmv-|meyYzpx#Vkq_`m1`b^F6se$&lyp^qKnac6`V_WA)>(K~3Z@sb^>Y
zmoe$j+P~_X@xA$fFa3PZ^5dJS-50}ucR$;Ua^&<nEKn54;9!wrYHUMi-eLQ6WuMfK
z{k!k&-~KHM=xHEmFb%o-ef!5v-=Y*8L-)q)+91xIcVi6)Z=-{=!UX{i6BZ_H%sl3e
zv&Gl>lznD`m?HgzGuXhi^3asM5eBK7m2l{So8>WK)vfrlzI%PZV8~vd->ufTVI7b;
zy}2-5=6am`8ZT^Cw`hMq8WkG)S95~SyKd1VqALA+BOF;Kxhs%Qqzj#RS@NsKYOdY<
z^UwXW^>e!YmS2|dXR@5@7k@qOzSvx#=ybhnai^c{Y{C*ALV2s@MXsIy9eB5P(`D=a
zDv=WgJoW5r-rxRN^Dq1D<FE77<VE6Sdwg?ESFTF_JoomDwp}ZW567*U>%j79hC>;X
z;E80Wo188R{hTT40*y9m6F?F-?mDbmbuI2j^{Q2WpZZs7_pd+O`SSc8?G^L4)v|g%
zY(8XDcZ5r6f(;WV4q|&_jdp)yoNpyh$()nP3nHg$V~fRy+p6N%h{!FNe7tsJ(~hPm
z8^yId96oWVkWcK;51UXFzs3R_IV@74Ti3Jumq{J}xZ&F`a3Xo2y!k52vNuPYFw!MP
zYW<z$c(`^WBxxnQUiIqt?TW~1-3bd;#p%V~=w>y~32Px>$o9q?XSu`Gc2_cjO=;l$
z)S@|KmQCWRIGq`rA_alD;}|fUUw!>leBF5e<dCZ$fBm;L?Bo0#|9{WVH#3a?TlBRr
z{TzO^?%40m@m3(7<@&^ze>9(8XiEN5r9a{1jB3}N^WL2NILqMw*YfW4<7d9gPd{h>
zoTZMt;NqWR{|!q&FQ4Q5|E0w8{X1Tm=imFq`swx0<o=KLGg{1_UR!o(6UbGbu6{1-
HoD!M<$Li}_

literal 0
HcmV?d00001

diff --git a/public/cdn/layui-ul.css b/public/cdn/layui-ul.css
index 0a64909..d8a4e00 100644
--- a/public/cdn/layui-ul.css
+++ b/public/cdn/layui-ul.css
@@ -458,9 +458,11 @@
   background-color: transparent;
   color           : #6cf;
 }
-.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover{
+
+.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover {
   color: #6cf;
 }
+
 .layui-nav-tree.ul-nav-easy .layui-nav-item a:hover {
   color: #fff;
 }
@@ -468,4 +470,44 @@
 .layui-nav-tree.ul-nav-easy .layui-nav-item a {
   height     : 45px;
   line-height: 45px;
+}
+
+.search-item {
+  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;
 }
\ No newline at end of file