feat: 加入quark design demo

This commit is contained in:
fonghehe 2023-06-23 16:49:40 +08:00
parent 1c85b5b606
commit 79005959da
2 changed files with 16 additions and 4 deletions

View File

@ -66,7 +66,7 @@
"stylelint-config-recommended-vue": "^1.4.0",
"stylelint-config-standard": "^33.0.0",
"stylelint-order": "^6.0.3",
"terser": "^5.18.0",
"terser": "^5.18.1",
"typescript": "^5.0.4",
"unplugin-auto-import": "^0.16.3",
"unplugin-vue-components": "^0.25.1",

View File

@ -1,6 +1,6 @@
<template>
<section>
<span class="title">varlet</span>
<span class="title">Varlet</span>
<var-space :size="[10, 10]" class="space">
<var-button>默认按钮</var-button>
<var-button type="primary">主要按钮</var-button>
@ -11,7 +11,7 @@
</var-space>
</section>
<section>
<span class="title">vant</span>
<span class="title">Vant</span>
<div class="demo">
<van-button type="primary">主要按钮</van-button>
<van-button type="success">成功按钮</van-button>
@ -21,7 +21,7 @@
</div>
</section>
<section>
<span class="title">nutUI</span>
<span class="title">NutUI</span>
<div class="demo">
<nut-button type="primary">主要按钮</nut-button>
<nut-button type="info">信息按钮</nut-button>
@ -31,6 +31,16 @@
<nut-button type="success">成功按钮</nut-button>
</div>
</section>
<section>
<span class="title">Quark</span>
<div class="demo">
<quark-button>默认按钮</quark-button>
<quark-button type="primary">主要按钮</quark-button>
<quark-button type="success">成功按钮</quark-button>
<quark-button type="danger">危险按钮</quark-button>
<quark-button type="warning">警告按钮</quark-button>
</div>
</section>
<section>
<span class="title">Modal</span>
<div class="demo">
@ -42,6 +52,8 @@
<script setup name="DemoPage" lang="tsx">
import { openFactoryModal } from '/@/components/Modal/index';
import 'quarkd/lib/button';
const openLargeModal = () => {
openFactoryModal({
renderComp: function () {