no message
Former-commit-id: 85b7eab49c2dc78468172c3746fe9144b6eb3544 Former-commit-id: e6e5da925e91f568a3950b9e988b4d4996cf5bf5 Former-commit-id: 75fc437dff21eb7120b2518771d6bde731a5c75d
This commit is contained in:
@@ -7,6 +7,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
|
name: 'd2-demo-page-header',
|
||||||
props: {
|
props: {
|
||||||
title: {
|
title: {
|
||||||
type: String,
|
type: String,
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
|
|
||||||
Vue.component('PageHeader', () => import('@/components/demo/PageHeader'))
|
Vue.component('d2-demo-page-header', () => import('@/components/demo/d2-demo-page-header'))
|
||||||
Vue.component('PageIndexArticle', () => import('@/components/demo/PageIndexArticle'))
|
Vue.component('PageIndexArticle', () => import('@/components/demo/PageIndexArticle'))
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost" class="page">
|
<d2-container type="ghost" class="page">
|
||||||
<el-card>
|
<el-card>
|
||||||
<PageHeader title="数字动画组件"></PageHeader>
|
<d2-demo-page-header title="数字动画组件"/>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader slot="header" title="基本示例"></PageHeader>
|
<d2-demo-page-header slot="header" title="基本示例"/>
|
||||||
<d2-quill
|
<d2-quill
|
||||||
style="min-height: 200px;"
|
style="min-height: 200px;"
|
||||||
v-model="value"
|
v-model="value"
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader slot="header" title="基本示例"></PageHeader>
|
<d2-demo-page-header slot="header" title="基本示例"/>
|
||||||
<d2-mde
|
<d2-mde
|
||||||
v-model="text"
|
v-model="text"
|
||||||
class="mde"/>
|
class="mde"/>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader title="代码高亮组件"></PageHeader>
|
<d2-demo-page-header title="代码高亮组件"/>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<p slot="title">javascript</p>
|
<p slot="title">javascript</p>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader slot="header" title="图标组件"></PageHeader>
|
<d2-demo-page-header slot="header" title="图标组件"/>
|
||||||
<d2-icon/>
|
<d2-icon/>
|
||||||
<d2-icon name="github"/>
|
<d2-icon name="github"/>
|
||||||
<d2-icon name="github" style="font-size: 100px;"/>
|
<d2-icon name="github" style="font-size: 100px;"/>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader slot="header" title="图标选择器"></PageHeader>
|
<d2-demo-page-header slot="header" title="图标选择器"/>
|
||||||
<div class="title-group">
|
<div class="title-group">
|
||||||
<p class="title">一般用法</p>
|
<p class="title">一般用法</p>
|
||||||
<p class="sub-title">
|
<p class="sub-title">
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader slot="header" title="SVG图标组件"></PageHeader>
|
<d2-demo-page-header slot="header" title="SVG图标组件"/>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
|
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
|
||||||
<d2-icon-svg class="icon" :name="icon"/>
|
<d2-icon-svg class="icon" :name="icon"/>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader slot="header" title="基本示例"></PageHeader>
|
<d2-demo-page-header slot="header" title="基本示例"/>
|
||||||
<div style="height: 400px; margin: -16px;">
|
<div style="height: 400px; margin: -16px;">
|
||||||
<SplitPane :min-percent='20' :default-percent='30' split="vertical">
|
<SplitPane :min-percent='20' :default-percent='30' split="vertical">
|
||||||
<template slot="paneL"><div style="margin: 10px;">左</div></template>
|
<template slot="paneL"><div style="margin: 10px;">左</div></template>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader slot="header" title="效果演示"></PageHeader>
|
<d2-demo-page-header slot="header" title="效果演示"/>
|
||||||
<d2-markdown url="/static/md/组件 - markdown - 演示.md"/>
|
<d2-markdown url="/static/md/组件 - markdown - 演示.md"/>
|
||||||
</d2-container>
|
</d2-container>
|
||||||
</template>
|
</template>
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader slot="header" title="基本示例"></PageHeader>
|
<d2-demo-page-header slot="header" title="基本示例"/>
|
||||||
<el-row :gutter="10">
|
<el-row :gutter="10">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<div class="d2-mb">
|
<div class="d2-mb">
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader slot="header" title="导出表格"></PageHeader>
|
<d2-demo-page-header slot="header" title="导出表格"/>
|
||||||
<div class="d2-mb">
|
<div class="d2-mb">
|
||||||
<el-button type="primary" @click="exportCsv">
|
<el-button type="primary" @click="exportCsv">
|
||||||
<d2-icon name="download"/>
|
<d2-icon name="download"/>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader slot="header" title="导出文本"></PageHeader>
|
<d2-demo-page-header slot="header" title="导出文本"/>
|
||||||
<el-input
|
<el-input
|
||||||
type="textarea"
|
type="textarea"
|
||||||
:autosize="{minRows: 2, maxRows: 4}"
|
:autosize="{minRows: 2, maxRows: 4}"
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader slot="header" :title="`${$t('pub.pageHeader.demo')} 1`"></PageHeader>
|
<d2-demo-page-header slot="header" :title="`${$t('pub.pageHeader.demo')} 1`"/>
|
||||||
<DemoI18nControl></DemoI18nControl>
|
<DemoI18nControl></DemoI18nControl>
|
||||||
<DemoI18n></DemoI18n>
|
<DemoI18n></DemoI18n>
|
||||||
</d2-container>
|
</d2-container>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader slot="header" :title="`${$t('pub.pageHeader.demo')} 2`"></PageHeader>
|
<d2-demo-page-header slot="header" :title="`${$t('pub.pageHeader.demo')} 2`"/>
|
||||||
<DemoI18nControl></DemoI18nControl>
|
<DemoI18nControl></DemoI18nControl>
|
||||||
<DemoI18n></DemoI18n>
|
<DemoI18n></DemoI18n>
|
||||||
</d2-container>
|
</d2-container>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader slot="header" title="导入 csv"></PageHeader>
|
<d2-demo-page-header slot="header" title="导入 csv"/>
|
||||||
<div class="d2-mb">
|
<div class="d2-mb">
|
||||||
<el-button @click="download">
|
<el-button @click="download">
|
||||||
<d2-icon name="download"/>
|
<d2-icon name="download"/>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container>
|
<d2-container>
|
||||||
<PageHeader slot="header" title="导入 xlsx"></PageHeader>
|
<d2-demo-page-header slot="header" title="导入 xlsx"/>
|
||||||
<div class="d2-mb">
|
<div class="d2-mb">
|
||||||
<el-button @click="download">
|
<el-button @click="download">
|
||||||
<d2-icon name="download"/>
|
<d2-icon name="download"/>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader slot="header" title="基本示例"></PageHeader>
|
<d2-demo-page-header slot="header" title="基本示例"/>
|
||||||
<p class="d2-mt-0">基本读写删</p>
|
<p class="d2-mt-0">基本读写删</p>
|
||||||
<el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
|
<el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
|
||||||
<el-button type="info" @click="get('test-user-name')">get('test-user-name')</el-button>
|
<el-button type="info" @click="get('test-user-name')">get('test-user-name')</el-button>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader slot="header" title="数据占位符"></PageHeader>
|
<d2-demo-page-header slot="header" title="数据占位符"/>
|
||||||
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
|
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
|
||||||
</el-card>
|
</el-card>
|
||||||
<MockDemoCard
|
<MockDemoCard
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader slot="header" title="数据模板"></PageHeader>
|
<d2-demo-page-header slot="header" title="数据模板"/>
|
||||||
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
|
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
|
||||||
</el-card>
|
</el-card>
|
||||||
<MockDemoCard
|
<MockDemoCard
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<d2-container type="ghost">
|
<d2-container type="ghost">
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<PageHeader title="基本示例"></PageHeader>
|
<d2-demo-page-header title="基本示例"/>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card class="d2-mb">
|
<el-card class="d2-mb">
|
||||||
<div class="d2-text-center">
|
<div class="d2-text-center">
|
||||||
|
|||||||
Reference in New Issue
Block a user