YAS 自定义组件示例

yas-drive 组件示例

yas-card 组件示例

yas-study 组件示例

混合使用示例

你也可以直接使用 yas-drive 组件创建自定义下载链接：

高等数学教材
线性代数习题集
概率论与数理统计

使用说明：

• 内置图标： 系统已内置多种 SVG 图标，直接使用图标名称即可
• 可用图标： baidu, quark, download, github, link, external-link, info, book, envelope
• 按钮类型： 支持 primary, secondary, success, info, warning, error
• 自定义内容： 通过 content 属性设置按钮文字

添加新图标：

要添加新的 SVG 图标，请编辑 js/svg-icons.js 文件，按以下格式添加：

// 在 SVG_ICONS 对象中添加
your_icon_name: `<svg viewBox="0 0 24 24">
    <path d="你的SVG路径"/>
</svg>`,

使用示例：

<yas-drive href="https://your-link.com" icon="baidu" type="info" content="百度网盘"></yas-drive>