【拓展教程】Adobe UI 组件库

https://opensource.adobe.com/spectrum-web-components/getting-started/

一、入门

成品展示

官方案例

【拓展教程】Adobe UI 组件库

牛刀小试

在head插入一下代码(组件库)

<script
    src="https://jspm.dev/@spectrum-web-components/bundle/elements.js"
    type="module" async
></script>

测试按钮组件

<sp-theme scale="large" color="dark">
    <!-- Insert content requiring theme application here. -->
    <sp-button onclick="alert('I was clicked');">Click me!</sp-button>
    <!-- End content requiring theme application. -->
</sp-theme>

成功啦,创建了一个按钮

【拓展教程】Adobe UI 组件库

 

clip-path 的path()无法使用

组件

本文使用的默认调用方法,见#牛刀小试

其他调用方法,请去查看官方文档。本文只讲用法和调用。

sp-accordion 手风琴

 

 

给TA充电
共{{data.count}}人
人已充电
编程

【杂记】个人编辑器,代码实时高亮

2021-11-17 2:38:36

AE开发脚本开发

【脚本归纳】常见变量与函数归纳

2021-11-23 13:55:56

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
搜索