Skip to content

Commit e84bd13

Browse files
jxhhdxkagol
jxhhdx
authored and
kagol
committed
docs: Standardize the remaining documents
1 parent d35bed3 commit e84bd13

File tree

7 files changed

+87
-102
lines changed

7 files changed

+87
-102
lines changed

‎packages/devui-vue/docs/components/steps/index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,12 @@
1212

1313
```vue
1414
<template>
15-
<d-steps v-model="activeStep">
15+
<d-steps v-model="activeStep" class="mb-2">
1616
<d-step title="基本信息"></d-step>
1717
<d-step title="选择代码源"></d-step>
1818
<d-step title="选择构建模板"></d-step>
1919
</d-steps>
20-
<d-button @click="nextStep" class="demo-steps-basic-next-step">下一步</d-button>
20+
<d-button @click="nextStep">下一步</d-button>
2121
</template>
2222
2323
<script>
@@ -210,12 +210,12 @@ export default defineComponent({
210210

211211
```vue
212212
<template>
213-
<d-steps v-model="activeStepSimple" simple>
213+
<d-steps v-model="activeStepSimple" simple class="mb-2" >
214214
<d-step title="基本信息"></d-step>
215215
<d-step title="选择代码源"></d-step>
216216
<d-step title="选择构建模板"></d-step>
217217
</d-steps>
218-
<d-button @click="nextStepSimple" class="demo-steps-basic-next-step">下一步</d-button>
218+
<d-button @click="nextStepSimple">下一步</d-button>
219219
</template>
220220
221221
<script>

‎packages/devui-vue/docs/components/table/index.md‎

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -67,36 +67,36 @@ export default defineComponent({
6767

6868
```vue
6969
<template>
70-
<div class="table-btn-groups">
71-
<div class="table-btn">
70+
<div class="table-btn-groups mb-2">
71+
<div class="table-btn mb-1">
7272
自动表格布局：
7373
<d-switch v-model="tableLayout" />
7474
</div>
75-
<div class="table-btn">
75+
<div class="table-btn mb-1">
7676
斑马纹：
7777
<d-switch v-model="striped" />
7878
</div>
79-
<div class="table-btn">
79+
<div class="table-btn mb-1">
8080
表头背景色：
8181
<d-switch v-model="headerBg" />
8282
</div>
83-
<div class="table-btn">
83+
<div class="table-btn mb-1">
8484
表格大小：
8585
<d-radio-group direction="row" v-model="size">
8686
<d-radio v-for="item in sizeList" :key="item.label" :value="item.value">
8787
{{ item.label }}
8888
</d-radio>
8989
</d-radio-group>
9090
</div>
91-
<div class="table-btn">
91+
<div class="table-btn mb-1">
9292
表格边框：
9393
<d-radio-group direction="row" v-model="borderType">
9494
<d-radio v-for="item in borderTypeList" :key="item.label" :value="item.value">
9595
{{ item.label }}
9696
</d-radio>
9797
</d-radio-group>
9898
</div>
99-
<div class="table-btn">
99+
<div class="table-btn mb-1">
100100
表头显隐：
101101
<d-switch v-model="showHeader" />
102102
</div>
@@ -221,10 +221,12 @@ export default defineComponent({
221221
```vue
222222
<template>
223223
<div>
224-
<d-button @click="handleClick" class="mr-m mb-m">Get CheckedRows</d-button>
225-
<d-button @click="insertRow" class="mr-m mb-m">Insert Row</d-button>
226-
<d-button @click="deleteRow" class="mr-m mb-m">Delete Row</d-button>
227-
<d-button @click="toggleRow" class="mr-m mb-m">Toggle Row</d-button>
224+
<div class="mb-2">
225+
<d-button @click="handleClick" class="mr-1">Get CheckedRows</d-button>
226+
<d-button @click="insertRow" class="mr-1">Insert Row</d-button>
227+
<d-button @click="deleteRow" class="mr-1">Delete Row</d-button>
228+
<d-button @click="toggleRow" class="mr-1">Toggle Row</d-button>
229+
</div>
228230
<d-table
229231
ref="tableRef"
230232
:data="data"

‎packages/devui-vue/docs/components/textarea/index.md‎

Lines changed: 14 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -73,8 +73,7 @@ export default defineComponent({
7373

7474
```vue
7575
<template>
76-
<d-textarea v-model="valueAutoSize1" autosize placeholder="请输入"></d-textarea>
77-
<div style="margin: 20px 0" />
76+
<d-textarea class="mb-2" v-model="valueAutoSize1" autosize placeholder="请输入"></d-textarea>
7877
<d-textarea v-model="valueAutoSize2" :autosize="{ minRows: 2, maxRows: 4 }" placeholder="请输入" resize="both"></d-textarea>
7978
</template>
8079
@@ -102,24 +101,20 @@ export default defineComponent({
102101

103102
```vue
104103
<template>
105-
<h4 style="margin: 10px 0">vertical</h4>
106-
<d-textarea placeholder="我可以缩放" resize="vertical"></d-textarea>
104+
<div class="mb-0">vertical</div>
105+
<d-textarea class="mb-2" placeholder="我可以缩放" resize="vertical"></d-textarea>
107106
108-
<h4 style="margin: 10px 0">horizontal</h4>
107+
<div class="mb-0">horizontal</div>
108+
<d-textarea class="mb-2" resize="horizontal" placeholder="请输入"></d-textarea>
109109
110-
<d-textarea resize="horizontal" placeholder="请输入"></d-textarea>
110+
<div class="mb-0">both</div>
111+
<d-textarea class="mb-2" resize="both" placeholder="请输入"></d-textarea>
111112
112-
<h4 style="margin: 10px 0">both</h4>
113+
<div class="mb-0">none</div>
114+
<d-textarea class="mb-2" resize="none" placeholder="请输入"></d-textarea>
113115
114-
<d-textarea resize="both" placeholder="请输入"></d-textarea>
115-
116-
<h4 style="margin: 10px 0">none</h4>
117-
118-
<d-textarea resize="none" placeholder="请输入"></d-textarea>
119-
120-
<h4 style="margin: 10px 0">inherit</h4>
121-
122-
<d-textarea resize="inherit" placeholder="请输入"></d-textarea>
116+
<div class="mb-0">inherit</div>
117+
<d-textarea class="mb-2" resize="inherit" placeholder="请输入"></d-textarea>
123118
</template>
124119
```
125120

@@ -131,9 +126,9 @@ export default defineComponent({
131126

132127
```vue
133128
<template>
134-
<h4 style="margin: 10px 0">默认</h4>
135-
<d-textarea v-model="valueCount1" show-count placeholder="请输入"></d-textarea>
136-
<h4 style="margin: 10px 0">显示最大字数</h4>
129+
<div class="mb-0">默认</div>
130+
<d-textarea class="mb-2" v-model="valueCount1" show-count placeholder="请输入"></d-textarea>
131+
<div class="mb-0">显示最大字数</div>
137132
<d-textarea v-model="valueCount2" show-count maxlength="20" placeholder="请输入"></d-textarea>
138133
</template>
139134

‎packages/devui-vue/docs/components/time-picker/index.md‎

Lines changed: 30 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,16 @@
1212

1313
```vue
1414
<template>
15-
<div>
16-
<h4 class="my-10">basic</h4>
15+
<div class="mb-2">
16+
<div class="mb-0">basic</div>
1717
<d-time-picker v-model="time01" placeholder="请选择时间" />
1818
</div>
19-
<div>
20-
<h4 class="my-10">default open</h4>
19+
<div class="mb-2">
20+
<div class="mb-0">default open</div>
2121
<d-time-picker v-model="vModelValue" :time-picker-width="300" :autoOpen="true" />
2222
</div>
23-
<div>
24-
<h4 class="my-10">disabled</h4>
23+
<div class="mb-2">
24+
<div class="mb-0">disabled</div>
2525
<d-time-picker v-model="vModelValue" disabled />
2626
</div>
2727
</template>
@@ -39,12 +39,6 @@ export default defineComponent({
3939
},
4040
});
4141
</script>
42-
43-
<style>
44-
.my-10 {
45-
margin: 10px 0px;
46-
}
47-
</style>
4842
```
4943

5044
:::
@@ -55,16 +49,16 @@ export default defineComponent({
5549

5650
```vue
5751
<template>
58-
<div>
59-
<h4 class="my-10">minTime</h4>
52+
<div class="mb-2">
53+
<div class="mb-0">minTime</div>
6054
<d-time-picker min-time="01:04:30" />
6155
</div>
62-
<div>
63-
<h4 class="my-10">maxTime</h4>
56+
<div class="mb-2">
57+
<div class="mb-0">maxTime</div>
6458
<d-time-picker max-time="22:30:30" v-model="vModelValues" />
6559
</div>
66-
<div>
67-
<h4 class="my-10">maxTime && minTime</h4>
60+
<div class="mb-2">
61+
<div class="mb-0">maxTime && minTime</div>
6862
<d-time-picker min-time="02:04:40" max-time="22:30:30" />
6963
</div>
7064
</template>
@@ -91,26 +85,23 @@ export default defineComponent({
9185

9286
```vue
9387
<template>
94-
<div>
95-
<h4 class="my-10">hh:mm:ss</h4>
88+
<div class="mb-2">
89+
<div class="mb-0">hh:mm:ss</div>
9690
<d-time-picker min-time="01:04:30" />
9791
</div>
98-
<div>
99-
<h4 class="my-10">mm:HH:ss</h4>
100-
<d-time-picker format="mm:HH:ss" v-model="vModelValueFirst" />
101-
<br />
92+
<div class="mb-2">
93+
<div class="mb-0">mm:HH:ss</div>
94+
<d-time-picker class="mb-0" format="mm:HH:ss" v-model="vModelValueFirst" />
10295
当前选中时间：<button>{{ vModelValueFirst }}</button>
10396
</div>
104-
<div>
105-
<h4 class="my-10">hh:mm</h4>
106-
<d-time-picker format="hh:mm" v-model="hhmm" />
107-
<br />
97+
<div class="mb-2">
98+
<div class="mb-0">hh:mm</div>
99+
<d-time-picker class="mb-0" format="hh:mm" v-model="hhmm" />
108100
当前选中时间：<button>{{ hhmm }}</button>
109101
</div>
110-
<div>
111-
<h4 class="my-10">MM:ss</h4>
112-
<d-time-picker format="MM:ss" v-model="mmss" />
113-
<br />
102+
<div class="mb-2">
103+
<div class="mb-0">MM:ss</div>
104+
<d-time-picker class="mb-0" format="MM:ss" v-model="mmss" />
114105
当前选中时间：<button>{{ mmss }}</button>
115106
</div>
116107
</template>
@@ -145,7 +136,7 @@ export default defineComponent({
145136
```vue
146137
<template>
147138
<div>
148-
<h4 class="my-10">自定义 customViewTemplate</h4>
139+
<div class="mb-0">自定义 customViewTemplate</div>
149140
<d-time-picker ref="slotDemo">
150141
<template v-slot:customViewTemplate>
151142
<div class="slot-box">
@@ -217,16 +208,14 @@ export default defineComponent({
217208

218209
```vue
219210
<template>
220-
<div>
221-
<h4 class="my-10">selectedTimeChange</h4>
222-
<d-time-picker @change="selectedTimeChange" />
223-
<br />
211+
<div class="mb-2">
212+
<div class="mb-0">selectedTimeChange</div>
213+
<d-time-picker class="mb-0" @change="selectedTimeChange" />
224214
当前选中时间：<button @click="getNewTimeFun">{{ time1 }}</button>
225215
</div>
226-
<div>
227-
<h4 class="my-10">v-model</h4>
228-
<d-time-picker v-model="time2" />
229-
<br />
216+
<div class="mb-2">
217+
<div class="mb-0">v-model</div>
218+
<d-time-picker class="mb-0" v-model="time2" />
230219
当前选中时间：<button @click="getNewTimeFun">{{ time2 }}</button>
231220
</div>
232221
</template>

‎packages/devui-vue/docs/components/time-select/index.md‎

Lines changed: 18 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -13,26 +13,23 @@
1313
```vue
1414
<template>
1515
<div>
16-
<h4 class="my-10">basic</h4>
17-
<d-time-select v-model="time00" />
18-
<h4 class="my-10">step</h4>
19-
<d-time-select v-model="time01" step="00:10" />
20-
<h4 class="my-10">min-time、max-time</h4>
21-
<div style="margin-top: 10px;">
22-
<d-time-select v-model="time02" min-time="02:20" max-time="18:30" />
23-
</div>
24-
<h4 class="my-10">min-time、max-time、start、end</h4>
25-
<div style="margin-top: 10px;">
26-
<d-time-select v-model="time03" min-time="09:30" max-time="18:30" start="09:00" end="16:30" />
27-
</div>
28-
<h4 class="my-10">disabled</h4>
29-
<div style="margin-top: 10px;">
30-
<d-time-select v-model="time04" disabled />
31-
</div>
32-
<h4 class="my-10">不可清除</h4>
33-
<div style="margin-top: 10px;">
34-
<d-time-select v-model="time04" :clearable="false" />
35-
</div>
16+
<div class="mb-0">basic</div>
17+
<d-time-select class="mb-2" v-model="time00" />
18+
19+
<div class="mb-0">step</div>
20+
<d-time-select class="mb-2" v-model="time01" step="00:10" />
21+
22+
<div class="mb-0">min-time、max-time</div>
23+
<d-time-select class="mb-2" v-model="time02" min-time="02:20" max-time="18:30" />
24+
25+
<div class="mb-0">min-time、max-time、start、end</div>
26+
<d-time-select class="mb-2" v-model="time03" min-time="09:30" max-time="18:30" start="09:00" end="16:30" />
27+
28+
<div class="mb-0">disabled</div>
29+
<d-time-select class="mb-2" v-model="time04" disabled />
30+
31+
<div class="mb-0">不可清除</div>
32+
<d-time-select class="mb-2" v-model="time04" :clearable="false" />
3633
</div>
3734
</template>
3835
@@ -113,7 +110,7 @@ export default defineComponent({
113110
```vue
114111
<template>
115112
<div>
116-
<h4 class="my-10">selectedTimeChange</h4>
113+
<div class="mb-0">selectedTimeChange</div>
117114
<d-time-select v-model="timeData01" @change="selectedTimeChange" @focus="focusFun" @blur="blurFun" />
118115
</div>
119116
</template>

‎packages/devui-vue/docs/components/transfer/index.md‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ export default defineComponent({
107107

108108
```vue
109109
<template>
110-
<p>默认搜索</p>
110+
<div class="mb-1">默认搜索</div>
111111
<d-transfer
112112
:source-default-checked="sourceDefaultChecked"
113113
:target-default-checked="targetDefaultChecked"
@@ -116,16 +116,18 @@ export default defineComponent({
116116
:filter="filter"
117117
placeholder="请输入"
118118
v-model="checkedValues1"
119+
class="mb-3"
119120
>
120121
</d-transfer>
121-
<p>自定义搜索方法</p>
122+
<div class="mb-1">自定义搜索方法</div>
122123
<d-transfer
123124
:source-default-checked="sourceDefaultChecked"
124125
:target-default-checked="targetDefaultChecked"
125126
:titles="titles"
126127
:data="source"
127128
:filter="filterFun"
128129
v-model="checkedValues2"
130+
class="mb-3"
129131
>
130132
</d-transfer>
131133
</template>

‎packages/devui-vue/docs/components/tree/index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -773,10 +773,10 @@ export default defineComponent({
773773

774774
```vue
775775
<template>
776-
<h6><p>Default</p></h6>
777-
<d-tree :data="data" dragdrop ></d-tree>
778-
<h6><p>Sortable</p></h6>
779-
<d-tree :data="data" :dragdrop="{ dropPrev: true, dropNext: true, dropInner: true }"></d-tree>
776+
<div class="mb-0">Default</div>
777+
<d-tree class="mb-2" :data="data" dragdrop ></d-tree>
778+
<div class="mb-0">Sortable</div>
779+
<d-tree class="mb-2" :data="data" :dragdrop="{ dropPrev: true, dropNext: true, dropInner: true }"></d-tree>
780780
</template>
781781
782782
<script>

0 commit comments

Comments
 (0)