From 701fcf635895737b096aa641490fec15d0f8c27c Mon Sep 17 00:00:00 2001
From: filesite <release@filesite.io>
Date: Sun, 7 Jul 2024 21:02:10 +0800
Subject: [PATCH] show create date for image, video

---
 themes/beauty/views/site/index.php | 6 +++++-
 www/css/beauty.css                 | 7 ++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/themes/beauty/views/site/index.php b/themes/beauty/views/site/index.php
index 237c2b2..a8502f9 100644
--- a/themes/beauty/views/site/index.php
+++ b/themes/beauty/views/site/index.php
@@ -147,7 +147,7 @@ eof;
                 echo <<<eof
                 <div class="im_img_title">
                     <span>
-                        <img src="/img/beauty/folder.svg" alt="folder" width="24">
+                        <img src="/img/beauty/folder.svg" alt="folder" width="20">
                         {$title}
                     </span>
                 </div>
@@ -184,6 +184,10 @@ eof;
                 }
 
                 $title = !empty($file['title']) ? $file['title'] : $file['filename'];
+                //图片、视频显示文件创建日期
+                if (!empty($file['fstat']['ctime'])) {
+                    $title = date('Y-m-d', $file['fstat']['ctime']);
+                }
 
                 if ($index > 0) {
                     echo <<<eof
diff --git a/www/css/beauty.css b/www/css/beauty.css
index f41699a..a1346a9 100644
--- a/www/css/beauty.css
+++ b/www/css/beauty.css
@@ -59,10 +59,11 @@ a:link{text-decoration:none}
 .im_img:hover{transform:scale(1.03)}
 .im_item{padding:5px;height:16vw;overflow:hidden}
 .im_item>a{overflow: hidden;display:block;position:relative;width: 100%;height: 100%}
-.im_img_title{background:rgba(7, 7, 7, .1);position:absolute;left:0;right:0;bottom:0;top:0;color:#FFF;border-radius:10px}
-.im_item:hover .im_img{transform:scale(1.03)}
-.im_img_title span{position:absolute;bottom:10px;left:10px;margin-right:10px;font-weight:bold;padding:5px;border:solid 2px #FFF;border-radius:10px}
+.im_img_title{background:rgba(7, 7, 7, .1);position:absolute;left:0;right:0;bottom:0;top:0;color:#DDD;border-radius:10px}
+.im_img_title span{position:absolute;bottom:10px;left:10px;margin-right:10px;font-weight:bold;padding:3px;border:solid 1px #DDD;border-radius:6px;font-size:13px}
 .im_img_title img{vertical-align:bottom}
+.im_item:hover .im_img{transform:scale(1.03)}
+.im_item:hover .im_img_title{color:#FFF}
 
 .web_info{padding:10px 0 42px 0;margin-top:75px;border-top:solid 1px #f5f5f5}
 .web_info p{color:#808080;font-size:13px;margin:5px 0}