767 lines
24 KiB
Markdown
767 lines
24 KiB
Markdown
# 印美达小程序设计规格说明 (uniapp)
|
||
|
||
> 由 Figma API 自动提取，基于 inkreach 设计稿
|
||
> 设计稿宽度：390px（uniapp 中使用 rpx 适配，390px = 750rpx，即 1px = 1.923rpx）
|
||
|
||
## 目录
|
||
|
||
- [首页](#首页)
|
||
- [货盘](#货盘)
|
||
- [产品详情](#产品详情)
|
||
- [全局设计规范](#全局设计规范)
|
||
- [资源文件](#资源文件)
|
||
|
||
## 全局设计规范
|
||
|
||
### 颜色规范
|
||
|
||
| 颜色 | 用途示例 |
|
||
|------|----------|
|
||
| `#000000` | 9:41 |
|
||
| `#1a1a1a` | 4步开始你的按需定制生意 |
|
||
| `#666666` | 男士服装 |
|
||
| `#929292` | 搜索产品 |
|
||
| `#979797` | SKU: DG120 |
|
||
| `#ff0000` | ￥19.00 |
|
||
| `#ff6800` | 11国 |
|
||
| `#ffffff` | 美国 |
|
||
| `rgba(0, 0, 0, 0.90)` | 产品详情 |
|
||
|
||
### 字号规范
|
||
|
||
| px | rpx (约) | 用途 |
|
||
|-----|---------|------|
|
||
| 28.0px | 54rpx | |
|
||
| 20.0px | 38rpx | |
|
||
| 18.0px | 35rpx | |
|
||
| 16.0px | 31rpx | |
|
||
| 15.0px | 29rpx | |
|
||
| 14.0px | 27rpx | |
|
||
| 13.0px | 25rpx | |
|
||
| 12.0px | 23rpx | |
|
||
| 11.0px | 21rpx | |
|
||
| 10.0px | 19rpx | |
|
||
|
||
### 布局适配说明
|
||
|
||
- 设计稿基于 **390px** 宽度
|
||
- uniapp 使用 **rpx** 单位：`1px ≈ 1.923rpx`
|
||
- 开发时将 px 值 × 1.923 四舍五入转为 rpx
|
||
- 顶部导航栏使用 uniapp 原生 `navigationBarTitleText`，无需自定义
|
||
- 底部安全区使用 `padding-bottom: env(safe-area-inset-bottom)`
|
||
|
||
## 首页
|
||
|
||
- **页面尺寸**：390.0px × 3314.0px
|
||
- **有效开发区域**：y = 119px 以下（排除状态栏+导航栏）
|
||
- **区块数量**：39 个主要区块
|
||
- **文本节点**：69 个
|
||
- **图片资源**：11 张
|
||
- **图标资源**：4 个
|
||
|
||
### 区块结构
|
||
|
||
| # | 区块名称 | 类型 | Y坐标 | 尺寸 (W×H) | 关键样式 |
|
||
|---|---------|------|-------|-----------|----------|
|
||
| 1 | 全球POD供应链平台 | TEXT | 149.0 | 257.0×39.0 | fs:28.0 |
|
||
| 2 | 连接设计、生产、订单与全球物流，助力跨境卖家快速上新、稳定履约 | TEXT | 194.0 | 310.0×14.0 | fs:10.0 |
|
||
| 3 | Group 43 | GROUP | 226.0 | 276.0×38.0 | |
|
||
| 4 | Rectangle 178 | RECTANGLE | 259.0 | 390.0×390.0 | |
|
||
| 5 | Section Title | TEXT | 669.0 | 232.0×29.0 | fs:20.0 |
|
||
| 6 | Frame 53 | FRAME | 718.0 | 672.0×80.0 | |
|
||
| 7 | image 25 | RECTANGLE | 808.0 | 370.0×370.0 | r:6.0 |
|
||
| 8 | 全球POD货盘 | GROUP | 1198.0 | 577.0×630.0 | |
|
||
| 9 | Section Title | TEXT | 1848.0 | 280.0×29.0 | fs:20.0 |
|
||
| 10 | Frame 54 | FRAME | 1897.0 | 672.0×80.0 | |
|
||
| 11 | Rectangle 64 | RECTANGLE | 1987.0 | 370.0×257.0 | r:8.0 |
|
||
| 12 | Rectangle 179 | RECTANGLE | 2264.0 | 390.0×261.0 | bg:#f8f8f8 |
|
||
| 13 | Section Title | TEXT | 2286.0 | 201.0×29.0 | fs:20.0 |
|
||
| 14 | Rectangle 182 | RECTANGLE | 2335.0 | 180.0×80.0 | bg:#ffffff r:6.0 |
|
||
| 15 | Rectangle 183 | RECTANGLE | 2335.0 | 180.0×80.0 | bg:#ffffff r:6.0 |
|
||
| 16 | 快速生产图标 | FRAME | 2362.0 | 26.0×26.0 | bg:#ffffff |
|
||
| 17 | 零库存图标 | FRAME | 2362.0 | 26.0×26.0 | bg:#ffffff |
|
||
| 18 | 零库存 | TEXT | 2364.0 | 48.0×22.0 | fs:16.0 |
|
||
| 19 | 快速生产 | TEXT | 2364.0 | 64.0×22.0 | fs:16.0 |
|
||
| 20 | Rectangle 184 | RECTANGLE | 2425.0 | 180.0×80.0 | bg:#ffffff r:6.0 |
|
||
| 21 | Rectangle 185 | RECTANGLE | 2425.0 | 180.0×80.0 | bg:#ffffff r:6.0 |
|
||
| 22 | 优质产品图标 | FRAME | 2452.0 | 26.0×26.0 | bg:#ffffff |
|
||
| 23 | 全球配送图标 | FRAME | 2452.0 | 26.0×26.0 | bg:#ffffff |
|
||
| 24 | 优质产品 | TEXT | 2454.0 | 64.0×22.0 | fs:16.0 |
|
||
| 25 | 全球配送 | TEXT | 2454.0 | 64.0×22.0 | fs:16.0 |
|
||
| 26 | 公司简介背景 | RECTANGLE | 2525.0 | 391.0×544.0 | |
|
||
| 27 | 公司简介 | TEXT | 2545.0 | 80.0×28.0 | fs:20.0 |
|
||
| 28 | 用科技重新定义POD供应链 让每一个创意,都能高效抵达全球 | TEXT | 2593.0 | 257.0×50.0 | fs:18.0 |
|
||
| 29 | INKREACH印美达全球，一家以AI与智能印花技术驱动的全球化POD柔性供应链公司，致力于成为全球创业者最可靠的成长伙伴。 | TEXT | 2653.0 | 370.0×34.0 | fs:12.0 |
|
||
| 30 | 服务对象与场景 | TEXT | 2707.0 | 98.0×20.0 | fs:14.0 |
|
||
| 31 | 愿景 | TEXT | 2707.0 | 28.0×20.0 | fs:14.0 |
|
||
| 32 | 服务于数千家跨境独立站、TikTok、TEMU、SHEIN等平台商家，提供从海外生产到末端物流的一站式供应链服务，让电商创业者专注增长，无惧后端履约。 | TEXT | 2737.0 | 173.0×102.0 | fs:12.0 |
|
||
| 33 | 我们坚信，每一个创意都值得被完美呈现。
Inkreach将持续深耕智能供应链生态，用科技消除制造壁垒，让全球创业者专注发挥创造力，共同书写个性化电商的新纪元。 | TEXT | 2737.0 | 173.0×102.0 | fs:12.0 |
|
||
| 34 | Group 44 | GROUP | 2859.0 | 180.0×90.0 | |
|
||
| 35 | Group 45 | GROUP | 2859.0 | 180.0×90.0 | |
|
||
| 36 | Group 46 | GROUP | 2959.0 | 180.0×90.0 | |
|
||
| 37 | Group 47 | GROUP | 2959.0 | 180.0×90.0 | |
|
||
| 38 | Group 48 | GROUP | 3069.0 | 391.0×219.0 | |
|
||
| 39 | Group 57 | GROUP | 3289.0 | 390.0×56.0 | |
|
||
|
||
### 文本样式详情
|
||
|
||
**28.0px / 400 / transparent**
|
||
|
||
```css
|
||
font-size: 28.0px; /* 54rpx */
|
||
font-weight: 400;
|
||
color: transparent;
|
||
line-height: 39.2px;
|
||
```
|
||
|
||
示例：全球POD供应链平台
|
||
|
||
**20.0px / 400 / #1a1a1a**
|
||
|
||
```css
|
||
font-size: 20.0px; /* 38rpx */
|
||
font-weight: 400;
|
||
color: #1a1a1a;
|
||
line-height: 29.0px;
|
||
```
|
||
|
||
示例：4步开始你的按需定制生意、全球POD货盘、用强大的功能，开启盈利快车道
|
||
|
||
**20.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 20.0px; /* 38rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 28.0px;
|
||
```
|
||
|
||
示例：公司简介
|
||
|
||
**18.0px / 400 / transparent**
|
||
|
||
```css
|
||
font-size: 18.0px; /* 35rpx */
|
||
font-weight: 400;
|
||
color: transparent;
|
||
line-height: 25.2px;
|
||
```
|
||
|
||
示例：用科技重新定义POD供应链 让每一个创意,都能高效抵达全球
|
||
|
||
**16.0px / 400 / #ff6800**
|
||
|
||
```css
|
||
font-size: 16.0px; /* 31rpx */
|
||
font-weight: 400;
|
||
color: #ff6800;
|
||
line-height: 22.4px;
|
||
```
|
||
|
||
示例：11国、24H、1000W+
|
||
|
||
**16.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 16.0px; /* 31rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 22.4px;
|
||
```
|
||
|
||
示例：女士短款露脐T恤、零库存、优质产品
|
||
|
||
**16.0px / 900 / #ffffff**
|
||
|
||
```css
|
||
font-size: 16.0px; /* 31rpx */
|
||
font-weight: 900;
|
||
color: #ffffff;
|
||
line-height: 26.0px;
|
||
```
|
||
|
||
示例：01、04
|
||
|
||
**16.0px / 400 / #ffffff**
|
||
|
||
```css
|
||
font-size: 16.0px; /* 31rpx */
|
||
font-weight: 400;
|
||
color: #ffffff;
|
||
line-height: 22.4px;
|
||
```
|
||
|
||
示例：选择产品、设计工具、店铺集成
|
||
|
||
**16.0px / 900 / #ff6800**
|
||
|
||
```css
|
||
font-size: 16.0px; /* 31rpx */
|
||
font-weight: 900;
|
||
color: #ff6800;
|
||
line-height: 26.0px;
|
||
```
|
||
|
||
示例：02、03、04
|
||
|
||
**15.0px / 600 / #000000**
|
||
|
||
```css
|
||
font-size: 15.0px; /* 29rpx */
|
||
font-weight: 600;
|
||
color: #000000;
|
||
line-height: 20.0px;
|
||
```
|
||
|
||
示例：9:41
|
||
|
||
**14.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 14.0px; /* 27rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 19.6px;
|
||
```
|
||
|
||
示例：服务对象与场景、愿景
|
||
|
||
**13.0px / 400 / #ffffff**
|
||
|
||
```css
|
||
font-size: 13.0px; /* 25rpx */
|
||
font-weight: 400;
|
||
color: #ffffff;
|
||
line-height: 18.2px;
|
||
```
|
||
|
||
示例：美国
|
||
|
||
**13.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 13.0px; /* 25rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 18.2px;
|
||
```
|
||
|
||
示例：加拿大、墨西哥、巴西
|
||
|
||
**12.0px / 400 / #ff6800**
|
||
|
||
```css
|
||
font-size: 12.0px; /* 23rpx */
|
||
font-weight: 400;
|
||
color: #ff6800;
|
||
line-height: 16.8px;
|
||
```
|
||
|
||
示例：更多产品
|
||
|
||
**12.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 12.0px; /* 23rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 16.8px;
|
||
```
|
||
|
||
示例：INKREACH印美达全球，一家以AI与智能印花技术驱动的全、服务于数千家跨境独立站、TikTok、TEMU、SHEIN等、我们坚信，每一个创意都值得被完美呈现。
Inkreach将持
|
||
|
||
**10.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 10.0px; /* 19rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 14.0px;
|
||
```
|
||
|
||
示例：连接设计、生产、订单与全球物流，助力跨境卖家快速上新、稳定履、搭载最新智能印花工艺，品质与效率兼得、11国自营本土化POD工厂，日均产能超20万单
|
||
|
||
**10.0px / 400 / #ffffff**
|
||
|
||
```css
|
||
font-size: 10.0px; /* 19rpx */
|
||
font-weight: 400;
|
||
color: #ffffff;
|
||
line-height: 14.0px;
|
||
```
|
||
|
||
示例：海量精选产品，满足多元定制需求、轻松设计，快速定制、与全球主流电商平台无缝对接
|
||
|
||
## 货盘
|
||
|
||
- **页面尺寸**：390.0px × 844.0px
|
||
- **有效开发区域**：y = 119px 以下（排除状态栏+导航栏）
|
||
- **区块数量**：13 个主要区块
|
||
- **文本节点**：42 个
|
||
- **图片资源**：21 张
|
||
- **图标资源**：0 个
|
||
|
||
### 区块结构
|
||
|
||
| # | 区块名称 | 类型 | Y坐标 | 尺寸 (W×H) | 关键样式 |
|
||
|---|---------|------|-------|-----------|----------|
|
||
| 1 | Country Filter Bar | FRAME | 119.0 | 390.0×99.0 | bg:#ffffff |
|
||
| 2 | Category Sidebar | FRAME | 218.0 | 90.0×794.0 | bg:#ffffff |
|
||
| 3 | Frame 55 | FRAME | 228.0 | 95.0×26.0 | bg:#ffffff r:60.0 |
|
||
| 4 | Frame 56 | FRAME | 228.0 | 94.0×26.0 | bg:#ffffff r:60.0 |
|
||
| 5 | Group 49 | GROUP | 264.0 | 135.0×180.0 | r:6.0 |
|
||
| 6 | Group 50 | GROUP | 264.0 | 135.0×180.0 | r:6.0 |
|
||
| 7 | Group 51 | GROUP | 454.0 | 135.0×180.0 | r:6.0 |
|
||
| 8 | Group 52 | GROUP | 454.0 | 135.0×180.0 | r:6.0 |
|
||
| 9 | Group 53 | GROUP | 644.0 | 135.0×180.0 | r:6.0 |
|
||
| 10 | Group 54 | GROUP | 644.0 | 135.0×180.0 | r:6.0 |
|
||
| 11 | Group 57 | GROUP | 819.0 | 390.0×56.0 | |
|
||
| 12 | Group 55 | GROUP | 834.0 | 135.0×180.0 | r:6.0 |
|
||
| 13 | Group 56 | GROUP | 834.0 | 135.0×180.0 | r:6.0 |
|
||
|
||
### 文本样式详情
|
||
|
||
**15.0px / 600 / #000000**
|
||
|
||
```css
|
||
font-size: 15.0px; /* 29rpx */
|
||
font-weight: 600;
|
||
color: #000000;
|
||
line-height: 20.0px;
|
||
```
|
||
|
||
示例：9:41
|
||
|
||
**15.0px / 400 / #ff0000**
|
||
|
||
```css
|
||
font-size: 15.0px; /* 29rpx */
|
||
font-weight: 400;
|
||
color: #ff0000;
|
||
line-height: 21.0px;
|
||
```
|
||
|
||
示例：￥19.00
|
||
|
||
**13.0px / 400 / #929292**
|
||
|
||
```css
|
||
font-size: 13.0px; /* 25rpx */
|
||
font-weight: 400;
|
||
color: #929292;
|
||
line-height: 19.0px;
|
||
```
|
||
|
||
示例：搜索产品
|
||
|
||
**13.0px / 400 / #ffffff**
|
||
|
||
```css
|
||
font-size: 13.0px; /* 25rpx */
|
||
font-weight: 400;
|
||
color: #ffffff;
|
||
line-height: 19.0px;
|
||
```
|
||
|
||
示例：搜索
|
||
|
||
**13.0px / 500 / #ff6800**
|
||
|
||
```css
|
||
font-size: 13.0px; /* 25rpx */
|
||
font-weight: 500;
|
||
color: #ff6800;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：全部商品
|
||
|
||
**13.0px / 400 / #666666**
|
||
|
||
```css
|
||
font-size: 13.0px; /* 25rpx */
|
||
font-weight: 400;
|
||
color: #666666;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：男士服装、女士服装、儿童服装
|
||
|
||
**13.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 13.0px; /* 25rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 18.2px;
|
||
```
|
||
|
||
示例：200g纯棉T恤
|
||
|
||
**12.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 12.0px; /* 23rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 16.8px;
|
||
```
|
||
|
||
示例：美国、波兰、日本
|
||
|
||
**12.0px / 400 / #ff6800**
|
||
|
||
```css
|
||
font-size: 12.0px; /* 23rpx */
|
||
font-weight: 400;
|
||
color: #ff6800;
|
||
line-height: 16.8px;
|
||
```
|
||
|
||
示例：180G纯棉T恤
|
||
|
||
**10.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 10.0px; /* 19rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 14.0px;
|
||
```
|
||
|
||
示例：首页、产品
|
||
|
||
## 产品详情
|
||
|
||
- **页面尺寸**：390.0px × 1717.0px
|
||
- **有效开发区域**：y = 119px 以下（排除状态栏+导航栏）
|
||
- **区块数量**：111 个主要区块
|
||
- **文本节点**：98 个
|
||
- **图片资源**：1 张
|
||
- **图标资源**：1 个
|
||
|
||
### 区块结构
|
||
|
||
| # | 区块名称 | 类型 | Y坐标 | 尺寸 (W×H) | 关键样式 |
|
||
|---|---------|------|-------|-----------|----------|
|
||
| 1 | Rectangle 194 | RECTANGLE | 119.0 | 390.0×260.0 | bg:#f2f2f2 |
|
||
| 2 | Frame 105 | FRAME | 361.0 | 72.0×8.0 | |
|
||
| 3 | Product Name | TEXT | 389.0 | 370.0×26.0 | fs:18.0 |
|
||
| 4 | SKU | TEXT | 419.0 | 70.0×17.0 | fs:12.0 |
|
||
| 5 | SKU | TEXT | 419.0 | 56.0×17.0 | fs:12.0 |
|
||
| 6 | ￥19.00 | TEXT | 446.0 | 54.0×34.0 | fs:15.0 |
|
||
| 7 | Line 23 | LINE | 490.0 | 370.0×0.0 | |
|
||
| 8 | 生产工艺 | TEXT | 501.0 | 40.0×14.0 | fs:10.0 |
|
||
| 9 | 发货时效 | TEXT | 501.0 | 40.0×14.0 | fs:10.0 |
|
||
| 10 | 印花 | TEXT | 501.0 | 20.0×14.0 | fs:10.0 |
|
||
| 11 | 产品编码 | TEXT | 501.0 | 40.0×14.0 | fs:10.0 |
|
||
| 12 | 白墨烫画 | TEXT | 521.0 | 52.0×17.0 | fs:13.0 |
|
||
| 13 | 48小时 | TEXT | 521.0 | 42.0×17.0 | fs:13.0 |
|
||
| 14 | 单面印 | TEXT | 521.0 | 39.0×17.0 | fs:13.0 |
|
||
| 15 | NS6001152 | TEXT | 521.0 | 73.0×17.0 | fs:13.0 |
|
||
| 16 | Rectangle 195 | RECTANGLE | 550.0 | 390.0×6.0 | bg:#f5f5f5 |
|
||
| 17 | 颜色 | TEXT | 571.0 | 30.0×17.0 | fs:15.0 |
|
||
| 18 | Frame 107 | FRAME | 603.0 | 73.0×29.0 | r:60.0 |
|
||
| 19 | Frame 108 | FRAME | 603.0 | 73.0×29.0 | r:60.0 |
|
||
| 20 | Frame 109 | FRAME | 603.0 | 73.0×29.0 | r:60.0 |
|
||
| 21 | Frame 110 | FRAME | 603.0 | 73.0×29.0 | r:60.0 |
|
||
| 22 | Frame 111 | FRAME | 642.0 | 73.0×29.0 | r:60.0 |
|
||
| 23 | Frame 112 | FRAME | 642.0 | 73.0×29.0 | r:60.0 |
|
||
| 24 | Rectangle 196 | RECTANGLE | 686.0 | 390.0×6.0 | bg:#f5f5f5 |
|
||
| 25 | 尺码 | TEXT | 707.0 | 30.0×17.0 | fs:15.0 |
|
||
| 26 | Frame 113 | FRAME | 739.0 | 244.0×34.0 | |
|
||
| 27 | Rectangle 197 | RECTANGLE | 788.0 | 390.0×6.0 | bg:#f5f5f5 |
|
||
| 28 | 产品参数 | TEXT | 809.0 | 60.0×17.0 | fs:15.0 |
|
||
| 29 | 克重 | TEXT | 851.0 | 26.0×17.0 | fs:13.0 |
|
||
| 30 | 180g | TEXT | 851.0 | 32.0×17.0 | fs:13.0 |
|
||
| 31 | Line 24 | LINE | 880.0 | 370.0×0.0 | |
|
||
| 32 | 材质 | TEXT | 892.0 | 26.0×17.0 | fs:13.0 |
|
||
| 33 | 纯棉 | TEXT | 892.0 | 26.0×17.0 | fs:13.0 |
|
||
| 34 | Line 25 | LINE | 921.0 | 370.0×0.0 | |
|
||
| 35 | 定制类型 | TEXT | 933.0 | 52.0×17.0 | fs:13.0 |
|
||
| 36 | 来图定制 | TEXT | 933.0 | 52.0×17.0 | fs:13.0 |
|
||
| 37 | Line 26 | LINE | 962.0 | 370.0×0.0 | |
|
||
| 38 | 补充说明 | TEXT | 974.0 | 52.0×17.0 | fs:13.0 |
|
||
| 39 | 【 材质说明 】 97%聚酯纤维 3%氨纶 【 产品性能 】 优质材料：这款露背T恤采用优质材料制成，面料柔软、轻薄贴身。 时尚外观：性感T恤设计，时尚性感，简约大方，适合大多数人的体型。 面料轻盈：舒适款式设计为您带来一个更加干净的外观，面料轻盈柔软，让您全天舒适。 轻松百搭：简单搭配外套、长裤、牛仔裤或沙滩休闲短裤，都是非常不错的选择，也可以选择就单穿，让您一直保持凉爽和放松。 【 适用情景 】 适用于日常生活、工作、出游、逛街等场合。 【 洗涤说明 】 可手洗可机洗，不要长时间浸泡，不可漂白，洗涤液温度不能超过45ºC。 【 温馨提醒 】 该图片展示效果仅供参考，最终效果以实物为准！由于生产批次、机器设备、纸样大小不同等客观因素原因，难以避免或将存在微小色差、位置及大小等误差，如遇以上问题均属于正常现象，将不予纳入售后处理范畴。 另外，根据各国本土政策要求，请勿上传科技单、跑水单等非正规来源面单，严禁使用侵权图案及未授权 IP、商标、赛事元素等内容。 违规订单将不予生产发货，已产生费用不予退还，相应风险与责任由下单方自行承担。感谢您的理解与配合。 | TEXT | 974.0 | 279.0×118.0 | fs:13.0 |
|
||
| 40 | Rectangle 207 | RECTANGLE | 1062.0 | 390.0×60.0 | |
|
||
| 41 | 展开 | TEXT | 1099.0 | 24.0×17.0 | fs:12.0 |
|
||
| 42 | 展开 | FRAME | 1102.0 | 12.0×12.0 | bg:#ffffff |
|
||
| 43 | Rectangle 198 | RECTANGLE | 1122.0 | 390.0×6.0 | bg:#f5f5f5 |
|
||
| 44 | 产品尺码 | TEXT | 1143.0 | 60.0×17.0 | fs:15.0 |
|
||
| 45 | 单位：cm | TEXT | 1145.0 | 49.0×17.0 | fs:11.0 |
|
||
| 46 | 单位：cm | TEXT | 1145.0 | 49.0×17.0 | fs:11.0 |
|
||
| 47 | Rectangle 199 | RECTANGLE | 1175.0 | 370.0×40.0 | bg:#dfdfdf r:6.0 |
|
||
| 48 | 尺码 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
|
||
| 49 | 肩宽 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
|
||
| 50 | 胸围 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
|
||
| 51 | 衣长 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
|
||
| 52 | 袖长 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
|
||
| 53 | S | TEXT | 1226.0 | 9.0×17.0 | fs:13.0 |
|
||
| 54 | 51 | TEXT | 1226.0 | 16.0×17.0 | fs:13.0 |
|
||
| 55 | 56 | TEXT | 1226.0 | 16.0×17.0 | fs:13.0 |
|
||
| 56 | 62 | TEXT | 1226.0 | 16.0×17.0 | fs:13.0 |
|
||
| 57 | 48 | TEXT | 1226.0 | 16.0×17.0 | fs:13.0 |
|
||
| 58 | Rectangle 201 | RECTANGLE | 1255.0 | 370.0×40.0 | bg:#f7f7f7 r:6.0 |
|
||
| 59 | 51 | TEXT | 1267.0 | 16.0×17.0 | fs:13.0 |
|
||
| 60 | 56 | TEXT | 1267.0 | 16.0×17.0 | fs:13.0 |
|
||
| 61 | 62 | TEXT | 1267.0 | 16.0×17.0 | fs:13.0 |
|
||
| 62 | 48 | TEXT | 1267.0 | 16.0×17.0 | fs:13.0 |
|
||
| 63 | M | TEXT | 1267.0 | 12.0×17.0 | fs:13.0 |
|
||
| 64 | 51 | TEXT | 1306.0 | 16.0×17.0 | fs:13.0 |
|
||
| 65 | 56 | TEXT | 1306.0 | 16.0×17.0 | fs:13.0 |
|
||
| 66 | 62 | TEXT | 1306.0 | 16.0×17.0 | fs:13.0 |
|
||
| 67 | 48 | TEXT | 1306.0 | 16.0×17.0 | fs:13.0 |
|
||
| 68 | L | TEXT | 1306.0 | 8.0×17.0 | fs:13.0 |
|
||
| 69 | Rectangle 202 | RECTANGLE | 1335.0 | 370.0×40.0 | bg:#f7f7f7 r:6.0 |
|
||
| 70 | 51 | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
|
||
| 71 | 56 | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
|
||
| 72 | 62 | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
|
||
| 73 | 48 | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
|
||
| 74 | XL | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
|
||
| 75 | Rectangle 203 | RECTANGLE | 1390.0 | 390.0×6.0 | bg:#f5f5f5 |
|
||
| 76 | 包装规格 | TEXT | 1411.0 | 60.0×17.0 | fs:15.0 |
|
||
| 77 | Rectangle 204 | RECTANGLE | 1443.0 | 370.0×40.0 | bg:#dfdfdf r:6.0 |
|
||
| 78 | 尺码 | TEXT | 1454.0 | 26.0×17.0 | fs:13.0 |
|
||
| 79 | 尺寸 | TEXT | 1454.0 | 26.0×17.0 | fs:13.0 |
|
||
| 80 | 体积 | TEXT | 1454.0 | 26.0×17.0 | fs:13.0 |
|
||
| 81 | 重量 | TEXT | 1454.0 | 26.0×17.0 | fs:13.0 |
|
||
| 82 | 200.00g | TEXT | 1494.0 | 39.0×17.0 | fs:10.0 |
|
||
| 83 | 31.0*23.0*1.0cm | TEXT | 1495.0 | 81.0×17.0 | fs:10.0 |
|
||
| 84 | 713.00cm³ | TEXT | 1495.0 | 52.0×17.0 | fs:10.0 |
|
||
| 85 | S | TEXT | 1505.0 | 9.0×17.0 | fs:13.0 |
|
||
| 86 | 12.20*9.06*0.39in | TEXT | 1514.0 | 87.0×17.0 | fs:10.0 |
|
||
| 87 | 43.51in³ | TEXT | 1514.0 | 40.0×17.0 | fs:10.0 |
|
||
| 88 | 0.36lb | TEXT | 1514.0 | 29.0×17.0 | fs:10.0 |
|
||
| 89 | Rectangle 205 | RECTANGLE | 1543.0 | 370.0×60.0 | bg:#f7f7f7 r:6.0 |
|
||
| 90 | 200.00g | TEXT | 1554.0 | 39.0×17.0 | fs:10.0 |
|
||
| 91 | 31.0*23.0*1.0cm | TEXT | 1555.0 | 81.0×17.0 | fs:10.0 |
|
||
| 92 | 713.00cm³ | TEXT | 1555.0 | 52.0×17.0 | fs:10.0 |
|
||
| 93 | M | TEXT | 1565.0 | 12.0×17.0 | fs:13.0 |
|
||
| 94 | 12.20*9.06*0.39in | TEXT | 1574.0 | 87.0×17.0 | fs:10.0 |
|
||
| 95 | 43.51in³ | TEXT | 1574.0 | 40.0×17.0 | fs:10.0 |
|
||
| 96 | 0.36lb | TEXT | 1574.0 | 29.0×17.0 | fs:10.0 |
|
||
| 97 | 200.00g | TEXT | 1614.0 | 39.0×17.0 | fs:10.0 |
|
||
| 98 | 31.0*23.0*1.0cm | TEXT | 1615.0 | 81.0×17.0 | fs:10.0 |
|
||
| 99 | 713.00cm³ | TEXT | 1615.0 | 52.0×17.0 | fs:10.0 |
|
||
| 100 | L | TEXT | 1623.0 | 8.0×17.0 | fs:13.0 |
|
||
| 101 | 12.20*9.06*0.39in | TEXT | 1634.0 | 87.0×17.0 | fs:10.0 |
|
||
| 102 | 43.51in³ | TEXT | 1634.0 | 40.0×17.0 | fs:10.0 |
|
||
| 103 | 0.36lb | TEXT | 1634.0 | 29.0×17.0 | fs:10.0 |
|
||
| 104 | Rectangle 206 | RECTANGLE | 1663.0 | 370.0×60.0 | bg:#f7f7f7 r:6.0 |
|
||
| 105 | 200.00g | TEXT | 1674.0 | 39.0×17.0 | fs:10.0 |
|
||
| 106 | 31.0*23.0*1.0cm | TEXT | 1675.0 | 81.0×17.0 | fs:10.0 |
|
||
| 107 | 713.00cm³ | TEXT | 1675.0 | 52.0×17.0 | fs:10.0 |
|
||
| 108 | XL | TEXT | 1685.0 | 16.0×17.0 | fs:13.0 |
|
||
| 109 | 12.20*9.06*0.39in | TEXT | 1694.0 | 87.0×17.0 | fs:10.0 |
|
||
| 110 | 43.51in³ | TEXT | 1694.0 | 40.0×17.0 | fs:10.0 |
|
||
| 111 | 0.36lb | TEXT | 1694.0 | 29.0×17.0 | fs:10.0 |
|
||
|
||
### 文本样式详情
|
||
|
||
**18.0px / 400 / #1a1a1a**
|
||
|
||
```css
|
||
font-size: 18.0px; /* 35rpx */
|
||
font-weight: 400;
|
||
color: #1a1a1a;
|
||
line-height: 26.0px;
|
||
```
|
||
|
||
示例：180G牛奶丝T恤 DG120
|
||
|
||
**16.0px / 500 / rgba(0, 0, 0, 0.90)**
|
||
|
||
```css
|
||
font-size: 16.0px; /* 31rpx */
|
||
font-weight: 500;
|
||
color: rgba(0, 0, 0, 0.90);
|
||
line-height: 24.0px;
|
||
```
|
||
|
||
示例：产品详情
|
||
|
||
**15.0px / 600 / #000000**
|
||
|
||
```css
|
||
font-size: 15.0px; /* 29rpx */
|
||
font-weight: 600;
|
||
color: #000000;
|
||
line-height: 20.0px;
|
||
```
|
||
|
||
示例：9:41
|
||
|
||
**15.0px / 400 / #ff0000**
|
||
|
||
```css
|
||
font-size: 15.0px; /* 29rpx */
|
||
font-weight: 400;
|
||
color: #ff0000;
|
||
line-height: 21.0px;
|
||
```
|
||
|
||
示例：￥19.00
|
||
|
||
**15.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 15.0px; /* 29rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：颜色、尺码、产品参数
|
||
|
||
**14.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 14.0px; /* 27rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：白色、藏青、黑色
|
||
|
||
**14.0px / 400 / #ff6800**
|
||
|
||
```css
|
||
font-size: 14.0px; /* 27rpx */
|
||
font-weight: 400;
|
||
color: #ff6800;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：灰色
|
||
|
||
**13.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 13.0px; /* 25rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：白墨烫画、48小时、单面印
|
||
|
||
**13.0px / 400 / #ff6800**
|
||
|
||
```css
|
||
font-size: 13.0px; /* 25rpx */
|
||
font-weight: 400;
|
||
color: #ff6800;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：L
|
||
|
||
**12.0px / 400 / #979797**
|
||
|
||
```css
|
||
font-size: 12.0px; /* 23rpx */
|
||
font-weight: 400;
|
||
color: #979797;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：SKU: DG120、国家: 美国
|
||
|
||
**12.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 12.0px; /* 23rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：展开
|
||
|
||
**11.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 11.0px; /* 21rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：单位：cm
|
||
|
||
**10.0px / 400 / #979797**
|
||
|
||
```css
|
||
font-size: 10.0px; /* 19rpx */
|
||
font-weight: 400;
|
||
color: #979797;
|
||
line-height: 14.0px;
|
||
```
|
||
|
||
示例：生产工艺、发货时效、印花
|
||
|
||
**10.0px / 400 / #000000**
|
||
|
||
```css
|
||
font-size: 10.0px; /* 19rpx */
|
||
font-weight: 400;
|
||
color: #000000;
|
||
line-height: 17.0px;
|
||
```
|
||
|
||
示例：31.0*23.0*1.0cm、713.00cm³、12.20*9.06*0.39in
|
||
|
||
## 资源文件
|
||
|
||
### 图片资源
|
||
|
||
| 文件名 | 来源页面 | 说明 |
|
||
|--------|---------|------|
|
||
| `assets/home/images/Rectangle_178_1426_1248.png` | 首页 | 首页 |
|
||
| `assets/home/images/Rectangle_181_1455_1450.png` | 首页 | 女士短款 |
|
||
| `assets/home/images/Rectangle_181_1455_1456.png` | 首页 | 女士短款 |
|
||
| `assets/home/images/Rectangle_63_1446_1437.png` | 首页 | 女士短款 |
|
||
| `assets/home/images/Rectangle_63_1455_1461.png` | 首页 | 女士短款 |
|
||
| `assets/home/images/公司简介背景_1461_1606.png` | 首页 | 首页 |
|
||
| `assets/home/images/image_25_1484_1689.png` | 首页 | 首页 |
|
||
| `assets/home/images/Rectangle_64_1484_1735.png` | 首页 | 首页 |
|
||
| `assets/home/images/image_26_1496_1761.png` | 首页 | Group 48 |
|
||
| `assets/home/images/Rectangle_187_1470_1653.png` | 首页 | Group 48 |
|
||
| `assets/home/images/image_28_1498_1767.png` | 首页 | Group 48 |
|
||
| `assets/products/images/Rectangle_149_1519_255.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_150_1533_389.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_150_1533_381.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_150_1533_383.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_150_1533_391.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_150_1533_387.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_149_1523_264.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_150_1533_393.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_149_1523_324.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_150_1533_385.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_150_1533_395.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_149_1523_272.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_149_1523_312.png` | 货盘 | Frame 94 |
|
||
| `assets/products/images/Rectangle_192_1523_347.png` | 货盘 | Group 49 |
|
||
| `assets/products/images/Rectangle_192_1529_361.png` | 货盘 | Group 51 |
|
||
| `assets/products/images/Rectangle_192_1529_371.png` | 货盘 | Group 53 |
|
||
| `assets/products/images/Rectangle_192_1544_408.png` | 货盘 | Group 55 |
|
||
| `assets/products/images/Rectangle_192_1529_356.png` | 货盘 | Group 50 |
|
||
| `assets/products/images/Rectangle_192_1529_366.png` | 货盘 | Group 52 |
|
||
| `assets/products/images/Rectangle_192_1529_376.png` | 货盘 | Group 54 |
|
||
| `assets/products/images/Rectangle_192_1544_413.png` | 货盘 | Group 56 |
|
||
| `assets/product-detail/images/Rectangle_194_1548_574.png` | 产品详情 | 产品详情 |
|
||
|
||
### 图标资源 (SVG)
|
||
|
||
| 文件名 | 来源页面 | 尺寸 | 说明 |
|
||
|--------|---------|------|------|
|
||
| `assets/home/icons/优质产品图标.svg` | 首页 | 26.0×26.0 | 首页 |
|
||
| `assets/home/icons/快速生产图标.svg` | 首页 | 26.0×26.0 | 首页 |
|
||
| `assets/home/icons/全球配送图标.svg` | 首页 | 26.0×26.0 | 首页 |
|
||
| `assets/home/icons/零库存图标.svg` | 首页 | 26.0×26.0 | 首页 |
|
||
| `assets/product-detail/icons/Outlined_back.svg` | 产品详情 | 24.0×24.0 | .Navigation Bar_Left |
|
||
|
||
---
|
||
|
||
*本文档由 Figma API 自动生成，数据精确到像素级。* |