代码拉取完成,页面将自动刷新
Mint UI 是一款基于 Vue 3 和 TypeScript 的 UI 组件库。
这款组件库其实是我为了总结自己的技术经验而写的,全程亲手编写,尽量不采用第三方库,包括你现在看到的这个官网也几乎都是我自己写的。
所以如果强烈不建议你将此 UI 库用于生产环境。但如果你是抱着看源代码的目的来的,那么这个库还是值得一看的。源代码放在了 Gitee历史提交信息非常规范,你可以按提交的顺序逐个查看;你也可以直接查看每个组件的源代码和示例,运行方法见 README.md。
打开终端运行下列命令:
npm install mint-ui-1
或
yarn add mint-ui-1
请先安装本组件库。
然后在你的代码中写入下面的代码
代码示例:
<template>
<div>
<Button @click="open">按钮</Button>
<hr />
<Switch v-model:value="switchValue" />
<hr />
<Tabs v-model:selected="tabSelected">
<Tab title="导航1">吃饭</Tab>
<Tab title="导航2">睡觉</Tab>
<Tab title="导航3">打豆豆</Tab>
</Tabs>
</div>
</template>
<script>
import { Button, Tabs, Tab, Switch, Dialog, openDialog } from "mint-ui-1";
import "mint-ui-1/dist/lib/mint.css";
export default {
components: { Button, Tabs, Switch, Dialog },
data() {
return {
switchValue: false,
tabSelected: "导航1",
};
},
methods: {
open() {
openDialog({
title: "标题",
content: "内容",
});
},
},
}
</script>
就可以使用我提供的组件了。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。