Skip to content

快速上手

本节将介绍如何在项目中使用 SinleUI。

使用方法

  1. 首先,请安装SinleUI

  2. 在项目根目录下 App.uvue 中导入 CSS 文件。

    vue
    <style lang="scss">
    	@import "@/uni_modules/sinle-ui/static/styles/fonts.scss";
    </style>
  3. 组件符合 easycom 规范,无需 import,直接在项目中使用。

  4. SinleUI API 则需要 import 相应对象后使用。

    typescript
    import { $snui } from '@/uni_modules/sinle-ui'

注意

不可直接从插件内部任何 uts 文件导入对象或类型,大部分类型均从 @/uni_modules/sinle-ui 导入

扩展组件内部的类型,请从组件目录下的 interface.uts 导入。

部分特殊类型请参考 类型 内容或按照其文档说明路径导入。

  1. 在 APP 端运行本框架必须打包自定义基座后运行,因为框架使用了第三方依赖。

使用 MIT 协议