-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
97 lines (94 loc) · 6.37 KB
/
Copy pathindex.html
File metadata and controls
97 lines (94 loc) · 6.37 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title data-i18n="studio.metaTitle">哎呀花 - 云押花平台</title>
<link rel="stylesheet" href="./style/index.css">
<script type="importmap">
{
"imports": {
"konva": "./script/vendor/konva.min.js",
"@app/": "./script/"
}
}
</script>
<link rel="prefetch" as="fetch" href="./data/i18n/index.json" crossorigin="anonymous">
<link rel="prefetch" as="fetch" href="./data/catalog/index.json" crossorigin="anonymous">
<link rel="prefetch" as="fetch" href="./data/catalog/backgrounds.json" crossorigin="anonymous">
<link rel="modulepreload" href="./script/index.js" crossorigin="anonymous">
<link rel="modulepreload" href="./script/config/asset-catalog.js" crossorigin="anonymous">
<link rel="modulepreload" href="./script/editor/PressedFlowerStudio.js" crossorigin="anonymous">
<link rel="modulepreload" href="./script/i18n/I18nService.js" crossorigin="anonymous">
<link rel="modulepreload" href="./script/core/asset-loader.js" crossorigin="anonymous">
<link rel="modulepreload" href="./script/ui/render-layer-list.js" crossorigin="anonymous">
<link rel="modulepreload" href="./script/ui/render-palette.js" crossorigin="anonymous">
<link rel="modulepreload" href="./script/ui/toolbar.js" crossorigin="anonymous">
<link rel="preload" as="script" href="./script/vendor/konva.min.js" crossorigin="anonymous">
<script type="module" src="./script/index.js" crossorigin="anonymous"></script>
</head>
<body class="page page--studio">
<nav class="navbar">
<a href="./index.html" class="logo" data-i18n="app.brand">哎呀花 - 云押花平台</a>
<div class="navbar__actions">
<ul class="nav-links">
<li><a href="./index.html" aria-current="page" data-i18n="nav.studio">编辑台</a></li>
<li><a href="./gallery.html" data-i18n="nav.gallery">作品展示</a></li>
<li><a href="./aboutUs.html" data-i18n="nav.about">关于我们</a></li>
<li><a href="./contact.html" data-i18n="nav.contact">联系方式</a></li>
</ul>
<label class="locale-picker">
<span class="locale-picker__label" data-i18n="locale.label">语言</span>
<select class="locale-picker__select" data-locale-select></select>
</label>
</div>
</nav>
<main class="studio-layout">
<aside class="panel panel--palette">
<h1 class="panel__title panel__title--compact" data-i18n="studio.title">电子押花工作台</h1>
<section class="panel-section panel-section--layers" aria-labelledby="layer-list-title">
<div class="panel-section__header">
<h2 id="layer-list-title" class="panel-section__title" data-i18n="studio.layers">图层</h2>
</div>
<div class="layer-list" data-layer-list></div>
</section>
<div class="asset-palette" data-asset-palette></div>
</aside>
<section class="panel panel--canvas">
<div class="stage-frame" data-stage-dropzone>
<div class="bg-loader" data-bg-loader>
<div class="bg-spinner" aria-hidden="true"></div>
<div class="bg-message" data-i18n="status.loadingBackground">正在加载工作台背景…</div>
</div>
<div class="stage-host" data-stage-host></div>
</div>
<div class="toolbar" data-toolbar>
<div class="toolbar__group toolbar__group--selection" data-toolbar-group="selection" hidden>
<button type="button" data-action="move-up" data-requires-selection="true" data-i18n="toolbar.moveUp">上移</button>
<button type="button" data-action="move-down" data-requires-selection="true" data-i18n="toolbar.moveDown">下移</button>
<button type="button" data-action="duplicate" data-requires-selection="true" data-i18n="toolbar.duplicate">复制</button>
<button type="button" data-action="crop" data-requires-selection="true" data-i18n="toolbar.crop">裁剪</button>
<button type="button" data-action="reset-rotation" data-requires-selection="true" data-i18n="toolbar.resetRotation">重设旋转</button>
<button type="button" data-action="remove" data-requires-selection="true" data-i18n="toolbar.remove">移除</button>
</div>
<div class="toolbar__group toolbar__group--crop" data-toolbar-group="crop" hidden>
<button type="button" class="toolbar__accent" data-action="crop-apply" data-requires-selection="true" data-i18n="toolbar.cropApply">完成裁剪</button>
<button type="button" data-action="crop-reset" data-requires-selection="true" data-i18n="toolbar.cropReset">重设裁剪</button>
<button type="button" class="toolbar__ghost" data-action="crop-cancel" data-requires-selection="true" data-i18n="toolbar.cropCancel">取消裁剪</button>
</div>
<div class="toolbar__group toolbar__group--system" data-toolbar-group="system">
<button type="button" class="toolbar__ghost" data-action="import-json" data-i18n="toolbar.importJson">导入方案</button>
<button type="button" class="toolbar__ghost" data-action="export-json" data-i18n="toolbar.exportJson">导出方案</button>
<button type="button" class="toolbar__ghost" data-action="export-image" data-i18n="toolbar.exportImage">导出书签图</button>
<button type="button" class="toolbar__ghost" data-action="clear-canvas" data-i18n="toolbar.clearCanvas">清空画布</button>
</div>
<div class="toolbar__meta" data-toolbar-meta hidden>
<output class="toolbar__selection" data-selection-label data-i18n="toolbar.selectionNone">未选中素材</output>
</div>
</div>
<input type="file" hidden data-import-input accept=".json,.amazing-flower.json,application/json">
<p class="status-bar" data-status data-i18n="status.loading">正在载入素材资源...</p>
</section>
</main>
</body>
</html>