JLNTV_IPD/vue-h5-template
4
0
Fork 0
mirror of https://github.com/sunniejs/vue-h5-template.git synced 2025-04-06 03:57:50 +08:00
Code Issues Projects Releases Wiki Activity

feat: 加入quark design demo

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

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

18
src/views/demo/index.vue
View File

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