一、入门

成品展示

官方案例

牛刀小试

在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>

成功啦,创建了一个按钮

 

clip-path 的path()无法使用

组件

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

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

sp-accordion 手风琴