mirror of
https://github.com/sunniejs/vue-h5-template.git
synced 2025-04-06 03:57:50 +08:00
feat: 加入quark design demo
This commit is contained in:
parent
1c85b5b606
commit
79005959da
@ -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",
|
||||
|
@ -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 () {
|
||||
|
Loading…
x
Reference in New Issue
Block a user