show create date for image, video

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

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_img_title{background:rgba(7, 7, 7, .1);position:absolute;left:0;right:0;bottom:0;top:0;color:#DDD;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:3px;border:solid 1px #DDD;border-radius:6px;font-size:13px}
-.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 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}