@codady/coax 0.0.8 → 0.0.9
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/examples/index.html +3 -3
- package/examples/module.html +8 -4
- package/package.json +1 -1
package/examples/index.html
CHANGED
|
@@ -181,13 +181,13 @@
|
|
|
181
181
|
</a>
|
|
182
182
|
|
|
183
183
|
<a href="theme.html" class="card">
|
|
184
|
-
<h2
|
|
184
|
+
<h2>定制主题实验室</h2>
|
|
185
185
|
<p>交互式配色实验室，可自定义各语言 token 颜色并实时预览。</p>
|
|
186
186
|
<span class="filename">theme.html</span>
|
|
187
187
|
</a>
|
|
188
188
|
|
|
189
189
|
<a href="tools.html" class="card">
|
|
190
|
-
<h2
|
|
190
|
+
<h2>使用 tools 属性打开工具箱</h2>
|
|
191
191
|
<p>展示 Coax 内置工具插件，如复制代码等功能。</p>
|
|
192
192
|
<span class="filename">tools.html</span>
|
|
193
193
|
</a>
|
|
@@ -206,7 +206,7 @@
|
|
|
206
206
|
</main>
|
|
207
207
|
|
|
208
208
|
<footer>
|
|
209
|
-
<p>Coax 示例库 ©
|
|
209
|
+
<p>Coax 示例库 © 2026</p>
|
|
210
210
|
<p>所有示例均使用 Coax 代码高亮 Web 组件实现。</p>
|
|
211
211
|
</footer>
|
|
212
212
|
</div>
|
package/examples/module.html
CHANGED
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
<head>
|
|
5
5
|
<meta charset="UTF-8">
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
-
<title>Coax -
|
|
7
|
+
<title>Coax - 模块化应用并定制主题</title>
|
|
8
8
|
|
|
9
9
|
</head>
|
|
10
10
|
|
|
11
11
|
<body>
|
|
12
|
-
<h1>Coax -
|
|
12
|
+
<h1>Coax - 模块化应用并定制主题</h1>
|
|
13
13
|
<ax-code lang="css">
|
|
14
14
|
<code>
|
|
15
15
|
/* Main Layout Style */
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
|
|
37
37
|
<script type='module'>
|
|
38
38
|
|
|
39
|
-
const {Coax,css} = await import('../dist/coax.esm.js');
|
|
39
|
+
const { Coax, css } = await import('../dist/coax.esm.js');
|
|
40
40
|
|
|
41
41
|
css.themeStyles = `
|
|
42
42
|
:host {
|
|
@@ -57,9 +57,13 @@
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
`;
|
|
60
|
+
Coax.register('css', {
|
|
61
|
+
alias: 'CSS',
|
|
62
|
+
rules: css,
|
|
63
|
+
});
|
|
60
64
|
customElements.define(`ax-code`, Coax);
|
|
61
65
|
|
|
62
|
-
|
|
66
|
+
|
|
63
67
|
</script>
|
|
64
68
|
</body>
|
|
65
69
|
|