chore: update project files

demo/frontend/src/views/StoryboardVideo.vue

@@ -2,7 +2,9 @@
   <div class="storyboard-video-page">
     <!-- 左侧导航栏 -->
     <aside class="sidebar">
-      <div class="logo">logo</div>
+      <div class="logo">
+        <img src="/images/backgrounds/logo.svg" alt="Logo" />
+      </div>
       <nav class="nav-menu">
         <div class="nav-item" @click="goToProfile">
           <el-icon><User /></el-icon>
@@ -38,7 +40,7 @@
       <!-- 顶部用户信息卡片 -->
       <div class="user-info-card">
         <div class="user-avatar">
-          <div class="avatar-placeholder">👁️👃</div>
+          <img src="/images/backgrounds/avatar-default.svg" alt="用户头像" class="avatar-image" />
         </div>
         <div class="user-details">
           <div class="username">mingzi_FBx7foZYDS7inLQb</div>
@@ -73,7 +75,7 @@
             </div>
             <div class="work-info">
               <div class="work-title">{{ work.title }}</div>
-              <div class="work-meta">{{ work.id }} · {{ work.size }}</div>
+              <div class="work-meta">{{ work.date || '未知日期' }} · {{ work.id }} · {{ work.size }}</div>
             </div>
             <div class="work-actions" v-if="index === 0">
               <el-button type="primary" class="create-similar-btn" @click.stop="goToCreate(work)">做同款</el-button>
@@ -165,25 +167,28 @@ const publishedWorks = ref([
     text: 'What Does it Mean To You',
     size: '9 MB',
     category: '分镜视频',
-    createTime: '2025/01/15 14:30'
+    createTime: '2025/01/15 14:30',
+    date: '2025/1/15'
   },
   {
-    id: '2995000000002', 
+    id: '2995000000002',
     title: '分镜视频作品 #2',
     cover: '/images/backgrounds/welcome.jpg',
     text: 'What Does it Mean To You',
     size: '9 MB',
     category: '分镜视频',
-    createTime: '2025/01/14 16:45'
+    createTime: '2025/01/14 16:45',
+    date: '2025/1/14'
   },
   {
     id: '2995000000003',
-    title: '分镜视频作品 #3', 
+    title: '分镜视频作品 #3',
     cover: '/images/backgrounds/welcome.jpg',
     text: 'What Does it Mean To You',
     size: '9 MB',
     category: '分镜视频',
-    createTime: '2025/01/13 09:20'
+    createTime: '2025/01/13 09:20',
+    date: '2025/1/13'
   }
 ])
 
@@ -257,7 +262,7 @@ onMounted(() => {
 /* 左侧导航栏 */
 .sidebar {
   width: 280px !important;
-  background: #1a1a1a !important;
+  background: #000000 !important;
   padding: 24px 0 !important;
   border-right: 1px solid #1a1a1a !important;
   flex-shrink: 0 !important;
@@ -268,9 +273,14 @@ onMounted(() => {
 
 .logo {
   padding: 0 24px 32px;
-  font-size: 20px;
-  font-weight: 500;
-  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo img {
+  height: 40px;
+  width: auto;
 }
 
 .nav-menu {
@@ -366,17 +376,17 @@ onMounted(() => {
   width: 80px;
   height: 80px;
   border-radius: 50%;
-  background: #000;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 2px solid #333;
+  overflow: hidden;
 }
 
-.avatar-placeholder {
-  color: #fff;
-  font-size: 24px;
-  font-weight: bold;
+.avatar-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 .user-details {