Fetch the repository succeeded.
wok-ui 是一个前端 UI 组件库,简洁易用,响应式设计,无第三方依赖,基于 Typescript 有完整的类型约束。
优点:
缺点:
正常使用 npm 安装
npm i wok-ui --save
在国内有时候会因为网络问题无法使用 npm 来安装,经常出现 ETIMEDOUT 错误, 也因为这个问题新版本可能无法及时发布到 npm 官方仓库。 若急需使用新版本,可以使用 git 仓库来安装。
npm install git+https://gitee.com/tai/wok-ui.git --save
入口文件 src/main.ts 代码示例
import 'wok-ui/dist/style.css'
import { DivModule, Text } from 'wok-ui'
// 页面模块,可以继承 Module 或 DivModule 来构建一个新的模块
class Page extends DivModule {
constructor() {
super()
this.addChild(new Text('Hello world !'))
}
}
// 创建页面模块的实例,然后挂载到 body 上
new Page().mount(document.body)
如果要使用路由,可以使用 initRouter 函数,函数返回一个 Router 实例,也是一个模块,可以直接挂载到 body 上。
import 'wok-ui/dist/style.css'
import { DivModule, Text } from 'wok-ui'
// 首页模块,对于复杂度高的项目,页面需要分拆到不同的文件中
class HomePage extends DivModule {
constructor() {
super()
this.addChild(new Text('Hello world !'))
}
}
initRouter({
mode: 'hash',
rules: [{ path: '/', module: () => new HomePage() }]
}).mount(document.body)
更多的使用方法,请查看文档。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. Open source ecosystem
2. Collaboration, People, Software
3. Evaluation model