ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix 文档修复

Browse Source
This commit is contained in:
自带大佬气场
2021-05-06 15:06:07 +08:00
parent aa32dcf8e7
commit 66d645bfb8
5 changed files with 156 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Web/src/pages/system/doc/form/normal.vue Normal file
View File

@@ -0,0 +1,7 @@
<template>
<container>
<a-row :gutter="16">
<a-col></a-col>
</a-row>
</container>
</template>

79
Web/src/pages/system/doc/form/yo.vue Normal file
View File

@@ -0,0 +1,79 @@
<template>
<container>
<br />
<a-form-model class="yo-form yo-form--fixed">
<h3>输入框</h3>
<Input />
<h3>数字输入框</h3>
<div class="yo-form-group">
<a-form-model-item label="数字输入框">
<span slot="help">
<a-tag color="pink">a-input-number</a-tag>可以输入和选择数字
</span>
<a-input-number autocomplete="off" placeholder="请输入数字" />
</a-form-model-item>
</div>
<h3>文本域</h3>
<div class="yo-form-group">
<a-form-model-item label="文本域">
<a-textarea autocomplete="off" placeholder="请输入文字" />
</a-form-model-item>
</div>
<h3>提及</h3>
<div class="yo-form-group">
<a-form-model-item label="提及">
<a-mentions placeholder="请输入'@'进行提及">
<a-mentions-option value="史莱姆">史莱姆</a-mentions-option>
<a-mentions-option value="哥布林">哥布林</a-mentions-option>
<a-mentions-option value="牛头人">牛头人</a-mentions-option>
</a-mentions>
</a-form-model-item>
</div>
<h3>单选框</h3>
<div class="yo-form-group">
<a-form-model-item label="单选框">
<span slot="help">
<a-tag color="pink">a-radio-group > a-radio</a-tag>横排的单选框。请注意，因为控件区域宽度的限制，在这里无法使用单选框按钮
</span>
<a-radio-group>
<a-radio value="1">攻击</a-radio>
<a-radio value="2">防御</a-radio>
<a-radio value="3">剑技</a-radio>
<a-radio value="4">魔法</a-radio>
<a-radio value="5">回复</a-radio>
<a-radio value="6">虐杀</a-radio>
<a-radio value="7">踩在脚下</a-radio>
</a-radio-group>
</a-form-model-item>
<a-form-model-item class="yo-form--vertical yo-form--vertical-radio" label="垂直单选框">
<span slot="help">
垂直单选框，需要在垂直布局控件的基础上，添加类
<a-tag color="pink">.yo-form--vertical-radio</a-tag>
</span>
<a-radio-group>
<a-radio value="1">攻击</a-radio>
<a-radio value="2">防御</a-radio>
<a-radio value="3">剑技</a-radio>
<a-radio value="4">魔法</a-radio>
<a-radio value="5">回复</a-radio>
<a-radio value="6">虐杀</a-radio>
<a-radio value="7">踩在脚下</a-radio>
<a-radio value="8">
<a-input />
</a-radio>
</a-radio-group>
</a-form-model-item>
</div>
</a-form-model>
</container>
</template>
<script>
import Input from './yo/Input';
export default {
components: {
Input,
},
};
</script>

63
Web/src/pages/system/doc/form/yo/Input.vue Normal file
View File

@@ -0,0 +1,63 @@
<template>
<div class="yo-form-group">
<a-form-model-item label="输入框">
<a-input autocomplete="off" placeholder="请输入文字" />
</a-form-model-item>
<a-form-model-item label="只读输入框">
<a-input autocomplete="off" placeholder="请输入文字" readonly />
</a-form-model-item>
<a-form-model-item label="前缀和后缀">
<a-input addon-after="后缀" addon-before="前缀" autocomplete="off" placeholder="请输入文字" />
</a-form-model-item>
<a-form-model-item label="输入框组">
<a-input-group compact>
<a-input style="width: 40%" />
<a-input style="width: 60%" />
</a-input-group>
<a-input-group>
<a-row :gutter="8">
<a-col :span="10">
<a-input />
</a-col>
<a-col :span="14">
<a-input />
</a-col>
</a-row>
</a-input-group>
<a-input-group>
<a-row type="flex">
<a-col flex="120px">
<a-select default-value="Zhejiang">
<a-select-option value="Zhejiang">Zhejiang</a-select-option>
<a-select-option value="Jiangsu">Jiangsu</a-select-option>
</a-select>
</a-col>
<a-col flex="auto">
<a-input default-value="Xihu District, Hangzhou" />
</a-col>
</a-row>
</a-input-group>
<a-input-group compact>
<a-select default-value="1">
<a-select-option value="1">Between</a-select-option>
<a-select-option value="2">Except</a-select-option>
</a-select>
<a-input placeholder="Minimum" style=" width: 100px; text-align: center" />
<a-input
disabled
placeholder="~"
style=" width: 30px; border-left: 0; pointer-events: none; backgroundColor: transparent"
/>
<a-input placeholder="Maximum" style=" width: 100px; text-align: center; border-left: 0" />
</a-input-group>
</a-form-model-item>
<a-form-model-item class="yo-form--vertical" label="上下布局">
<span slot="help">
上下布局，请在
<a-tag color="pink">a-form-model-item</a-tag>上添加类
<a-tag color="pink">.yo-form--vertical</a-tag>
</span>
<a-input autocomplete="off" placeholder="请输入文字" />
</a-form-model-item>
</div>
</template>

7
Web/src/pages/system/doc/index.vue
View File

@@ -3,7 +3,12 @@
<container>
<a-row :gutter="16" type="flex">
<a-col flex="auto">
<container :id="`doc-${index}`" :key="index" v-for="(doc, index) in docs">
<container
:id="`doc-${index}`"
:key="index"
mode="container-fluid"
v-for="(doc, index) in docs"
>
<section>
<h1>{{ doc.title }}</h1>
<component :codes="codes" :is="doc.component" v-if="doc.path" />

2
Web/src/pages/system/doc/window/open.vue
View File

@@ -1,6 +1,6 @@
<template>
<section>
<Highlight :code="'this.onOpenContentWindow(settings)'" language="javascript" />
<Highlight :code="'this.openContentWindow(settings)'" language="javascript" />
<h4>settings</h4>
<ul>
<li>