@templmf/temp-solf-lmf 0.0.151 → 0.0.152
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/sm.zip +0 -0
- package/____-______20260811-163537.zip +0 -0
- package/new.txt +0 -48
package/package.json
CHANGED
package/sm.zip
ADDED
|
Binary file
|
|
Binary file
|
package/new.txt
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
【图标与图片资源处理规则】
|
|
2
|
-
|
|
3
|
-
禁止使用 v-html 渲染 SVG,禁止将 SVG 源码内联在
|
|
4
|
-
JS/TS 变量或模板字符串中。禁止把图片以 base64 或
|
|
5
|
-
data URL 形式内联。
|
|
6
|
-
|
|
7
|
-
正确做法如下:
|
|
8
|
-
|
|
9
|
-
1. SVG 图标必须落地为独立的 .svg 文件,存放到统一目录
|
|
10
|
-
(如 src/assets/icons/ 或 src/assets/svg/),
|
|
11
|
-
文件命名要有语义(参考设计稿节点的 name 属性或
|
|
12
|
-
semanticRole,比如 icon-search.svg、icon-close.svg),
|
|
13
|
-
不要用 icon_1.svg / icon_2.svg 这种无意义命名。
|
|
14
|
-
|
|
15
|
-
2. 图标在组件中的引用方式二选一(根据项目现有约定选择,
|
|
16
|
-
如不确定优先用第一种):
|
|
17
|
-
a) 作为普通 img 引入:
|
|
18
|
-
<img src="@/assets/icons/icon-search.svg" alt="搜索" />
|
|
19
|
-
b) 作为 Vue 单文件组件封装(如果项目用 svg-sprite
|
|
20
|
-
或 vite-svg-loader 之类的方案):
|
|
21
|
-
import IconSearch from '@/assets/icons/icon-search.svg?component'
|
|
22
|
-
<IconSearch />
|
|
23
|
-
不要选择内联字符串 + v-html 的方式。
|
|
24
|
-
|
|
25
|
-
3. 图标尺寸继承 rem/em 的需求,通过外层容器控制,不要
|
|
26
|
-
依赖内联 SVG 才能做到"不写死尺寸",普通 <img> 标签
|
|
27
|
-
同样可以用 CSS 控制宽高继承父级 font-size:
|
|
28
|
-
.icon { width: 0.4rem; height: 0.4rem; }
|
|
29
|
-
.icon img { width: 100%; height: 100%; }
|
|
30
|
-
|
|
31
|
-
4. 图片类资源(非图标,如产品图、背景图、头像占位图)
|
|
32
|
-
同样落地为独立文件,存放到 src/assets/images/ 目录,
|
|
33
|
-
通过标准 import 或 src 路径引用,命名规则同上,
|
|
34
|
-
不要保留 get_node_image / 图片填充节点导出时的
|
|
35
|
-
原始哈希文件名(如 image_a1b2c3.png),
|
|
36
|
-
要重命名为语义化名称(如 banner-home.png)。
|
|
37
|
-
|
|
38
|
-
5. 图片路径统一管理方式(可选,视项目规模而定):
|
|
39
|
-
如果图片资源较多,建议在一个统一的 assets 或 images
|
|
40
|
-
常量文件里导出所有路径,组件里从该文件 import,
|
|
41
|
-
而不是每个组件里各自写死相对路径字符串。
|
|
42
|
-
|
|
43
|
-
【输出前自查】
|
|
44
|
-
- 代码中不应出现 v-html 关键字用于渲染图标
|
|
45
|
-
- 代码中不应出现 <svg ...>...</svg> 内联在模板或
|
|
46
|
-
script 里的情况
|
|
47
|
-
- 所有图片/图标的 src 或 import 路径应指向 assets
|
|
48
|
-
目录下的具体文件,且文件名有语义
|