blackteay/ray-template
1
0
Fork 0
mirror of https://github.com/XiaoDaiGua-Ray/ray-template.git synced 2025-09-10 12:50:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

文案内容错误修改

Browse Source
This commit is contained in:
chuan_wuhao 2022-12-27 15:49:59 +08:00
parent 57414e3306
commit 6bc7a23987
2 changed files with 61 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "ray-template", "name": "ray-template",
"private": true, "private": true,
"version": "3.0.0", "version": "3.0.1",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",

112
src/views/table/index.tsx
View File

@ -156,58 +156,66 @@ const TableView = defineComponent({
</p> </p>
<p>该组件可以配合 RayCollapseGird 组件使用实现可折叠搜索栏</p> <p>该组件可以配合 RayCollapseGird 组件使用实现可折叠搜索栏</p>
</NCard> </NCard>
<NSpace vertical> <NCard style={['margin-top: 18px']}>
<NSpace style={['margin-top: 18px']}> {{
该组件基于 NGird 实现, 但是由于 css grid 限制, 不能对于 NGridItem default: () => (
组件进行二次封装, 所以使用时必须配合 NGirdItem <NSpace vertical>
使用才能实现示例效果(使用 NGirdItem 包裹元素即可). <NSpace style={['margin-top: 18px']}>
</NSpace> 该组件基于 NGird 实现, 但是由于 css grid 限制, 不能对于
<NSpace style={['margin-top: 18px']}> NGridItem 组件进行二次封装, 所以使用时必须配合 NGridItem
<NSpace align="center"> 使用才能实现示例效果(使用 NGridItem 包裹元素即可).
数量 <NInputNumber v-model:value={this.gridItemCount} /> </NSpace>
</NSpace> <NSpace style={['margin-top: 18px']}>
<NSpace align="center"> <NSpace align="center">
行数 <NInputNumber v-model:value={this.gridCollapsedRows} /> 数量 <NInputNumber v-model:value={this.gridItemCount} />
</NSpace> </NSpace>
</NSpace> <NSpace align="center">
<RayCollapseGrid 行数 <NInputNumber v-model:value={this.gridCollapsedRows} />
collapsedRows={this.gridCollapsedRows} </NSpace>
cols={this.gridItemCount} </NSpace>
onUpdateValue={(value: boolean) => <RayCollapseGrid
window.$message.info( collapsedRows={this.gridCollapsedRows}
`我是 RayCollapseGrid 组件${value ? '收起' : '展开'}的回调函数`, cols={this.gridItemCount}
) onUpdateValue={(value: boolean) =>
} window.$message.info(
> `我是 RayCollapseGrid 组件${
{{ value ? '收起' : '展开'
action: () => ( }的回调函数`,
<> )
<NButton>搜索</NButton> }
<NButton>重置</NButton> >
</> {{
), action: () => (
default: () => ( <>
<> <NButton>搜索</NButton>
<NGridItem> <NButton>重置</NButton>
<NSelect /> </>
</NGridItem> ),
<NGridItem> default: () => (
<NInput /> <>
</NGridItem> <NGridItem>
<NGridItem> <NSelect />
<NDatePicker type="datetimerange" clearable /> </NGridItem>
</NGridItem> <NGridItem>
<NGridItem> <NInput />
<NInput /> </NGridItem>
</NGridItem> <NGridItem>
<NGridItem> <NDatePicker type="datetimerange" clearable />
<NInput /> </NGridItem>
</NGridItem> <NGridItem>
</> <NInput />
), </NGridItem>
}} <NGridItem>
</RayCollapseGrid> <NInput />
</NSpace> </NGridItem>
</>
),
}}
</RayCollapseGrid>
</NSpace>
),
}}
</NCard>
<NCard title="基础使用" style={['margin-top: 18px']}> <NCard title="基础使用" style={['margin-top: 18px']}>
<RayTable <RayTable
title="基础表格" title="基础表格"