Pārlūkot izejas kodu

feat: 品牌素材展示默认尺寸(250x250/500x250/500x300)供运营参考

guoziyun 3 nedēļas atpakaļ
vecāks
revīzija
2dda465030

+ 9 - 0
platform/client/src/components/AssetUploader.module.css

@@ -177,6 +177,15 @@
   margin-bottom: 4px;
 }
 
+.dimensions {
+  font-size: 11px;
+  color: var(--color-text-secondary);
+  background: #f0f0f0;
+  padding: 0 5px;
+  border-radius: 3px;
+  margin-left: 2px;
+}
+
 .thumb {
   width: 36px;
   height: 36px;

+ 1 - 0
platform/client/src/components/AssetUploader.tsx

@@ -272,6 +272,7 @@ export default function AssetUploader({ creativeId, assets, assetDefs, onUpdated
                   <span className={styles.fileName}>{def.file}</span>
                   <span className={styles.fileLabel}>
                     {def.label}
+                    <span className={styles.dimensions}>{def.dimensions}</span>
                     {asset && <span className={styles.replaceHint}> 🔄</span>}
                   </span>
                   {asset && (

+ 1 - 0
platform/client/src/types/index.ts

@@ -33,6 +33,7 @@ export interface AssetDef {
   file: string;
   label: string;
   accept: string;
+  dimensions?: string;
 }
 
 export interface ThemeProp {

+ 4 - 4
templates/coloring/manifest.json

@@ -12,10 +12,10 @@
     ],
     "optional": [
       { "key": "special", "file": "special.jpeg", "label": "着色参考图", "accept": ".jpeg,.jpg,.png" },
-      { "key": "logo", "file": "logo.png", "label": "Logo 图标(默认模板自带)", "accept": ".png" },
-      { "key": "logoTxt", "file": "logo-txt.png", "label": "Logo 文字图(默认模板自带)", "accept": ".png" },
-      { "key": "slogon", "file": "slogon.png", "label": "Slogon 宣传语图(默认模板自带)", "accept": ".png" },
-      { "key": "coloringPages", "file": "coloring-pages.png", "label": "内容列表图(默认模板自带)", "accept": ".png" }
+      { "key": "logo", "file": "logo.png", "label": "Logo 图标", "accept": ".png", "dimensions": "250×250" },
+      { "key": "logoTxt", "file": "logo-txt.png", "label": "Logo 文字图", "accept": ".png", "dimensions": "250×250" },
+      { "key": "slogon", "file": "slogon.png", "label": "Slogon 宣传语图", "accept": ".png", "dimensions": "500×250" },
+      { "key": "coloringPages", "file": "coloring-pages.png", "label": "内容列表图", "accept": ".png", "dimensions": "500×300" }
     ]
   },
   "theme": {