作者:nowemf | 来源:互联网 | 2022-12-02 16:52
将Web材料组件用于Web CDN以进行前端设计的示例没有用处.
我发现了这个模态抽屉的演示,但它似乎没有使用已发布的CSS和Javascript CDN.
演示:模态抽屉演示
如何使用Material Components的CDN实现模态抽屉?
1> benvc..:
使用unpkg bundle而不是通过webpack使用单个组件来使用MDC有点困难." 入门"文档有所帮助,但翻译文档以供各种组件使用仍然很困难.最棘手的部分是弄清楚如何实例化各种组件(因为没有一种适合所有方法).这是一个使用unpkg来模拟抽屉组件的快速示例.
const drawer = mdc.drawer.MDCDrawer.attachTo(document.querySelector('.mdc-drawer'));
const topAppBar = mdc.topAppBar.MDCTopAppBar.attachTo(document.querySelector('#app-bar'));
topAppBar.listen('MDCTopAppBar:nav', () => {
drawer.open = !drawer.open;
});