no message
Former-commit-id: a8eedd7adb445496ea8c379c44d345177e48ba7e Former-commit-id: ee9798c5c6e9aec53895e9c83f605ce5052321c2 Former-commit-id: 4b13e4bf2f99ca15163fdc85eae32c561d55d3bc
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
{{title}}
|
||||
<span class="dd-fr">
|
||||
<span class="d2-fr">
|
||||
<Icon
|
||||
class="chart-card-header-icon"
|
||||
:class="{active}"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost" :responsive="true">
|
||||
<ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<G2PieBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2PieBase>
|
||||
</ChartDemoCard>
|
||||
<el-card>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost" :responsive="true">
|
||||
<ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<G2AreaBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2AreaBase>
|
||||
</ChartDemoCard>
|
||||
<el-card>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost" :responsive="true">
|
||||
<ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<G2BarBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2BarBase>
|
||||
</ChartDemoCard>
|
||||
<el-card>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost" :responsive="true">
|
||||
<ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<G2ColumnBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2ColumnBase>
|
||||
</ChartDemoCard>
|
||||
<el-card>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost" :responsive="true">
|
||||
<ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<G2LineBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2LineBase>
|
||||
</ChartDemoCard>
|
||||
<el-card>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost" :responsive="true">
|
||||
<ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<G2LineStep slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2LineStep>
|
||||
</ChartDemoCard>
|
||||
<el-card>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost" :responsive="true">
|
||||
<ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<G2NightingaleRoseBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2NightingaleRoseBase>
|
||||
</ChartDemoCard>
|
||||
<el-card>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost" :responsive="true">
|
||||
<ChartDemoCard class="dd-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
|
||||
<G2RadarBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2RadarBase>
|
||||
</ChartDemoCard>
|
||||
<el-card>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
{{title}}
|
||||
<span class="dd-fr">
|
||||
<span class="d2-fr">
|
||||
<Icon
|
||||
class="chart-card-header-icon"
|
||||
:class="{active}"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="基本示例"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="基本示例"
|
||||
|
||||
@@ -1,30 +1,30 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
title="代码高亮组件"
|
||||
url="https://github.com/isagalaev/highlight.js">
|
||||
</PageHeader>
|
||||
</el-card>
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">javascript</p>
|
||||
<Highlight :code="codeJavascript"></Highlight>
|
||||
</el-card>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="8">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">css</p>
|
||||
<Highlight :code="codeCSS"></Highlight>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">scss</p>
|
||||
<Highlight :code="codeSCSS"></Highlight>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<p slot="title">html</p>
|
||||
<Highlight :code="codeHTML"></Highlight>
|
||||
</el-card>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="图标组件"
|
||||
|
||||
@@ -15,10 +15,10 @@
|
||||
<el-alert
|
||||
title="点击图标复制代码"
|
||||
type="info"
|
||||
class="dd-m-10"
|
||||
class="d2-m-10"
|
||||
style="width: auto;">
|
||||
</el-alert>
|
||||
<el-col v-for="(iconItem, iconIndex) in iconShow.icon" :key="iconIndex" :span="6" class="dd-p-10">
|
||||
<el-col v-for="(iconItem, iconIndex) in iconShow.icon" :key="iconIndex" :span="6" class="d2-p-10">
|
||||
<IconCell :icon="iconItem"></IconCell>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="图标选择器"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="SVG图标组件">
|
||||
|
||||
@@ -14,9 +14,9 @@
|
||||
<el-card>
|
||||
<el-tag size="mini" type="info" slot="header">Card {{item.i}}</el-tag>
|
||||
<template v-if="item.i === '0'">
|
||||
<div class="dd-mb">拖拽卡片调整位置</div>
|
||||
<div class="dd-mb">拖拽卡片右下角的手柄调整卡片大小</div>
|
||||
<div class="dd-mb">在控制台打印出数据变化</div>
|
||||
<div class="d2-mb">拖拽卡片调整位置</div>
|
||||
<div class="d2-mb">拖拽卡片右下角的手柄调整卡片大小</div>
|
||||
<div class="d2-mb">在控制台打印出数据变化</div>
|
||||
<GithubLinkButton
|
||||
name="vue-grid-layout"
|
||||
url="https://github.com/jbaysolutions/vue-grid-layout"
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
</PageHeader>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12">
|
||||
<div class="dd-mb">
|
||||
<div class="d2-mb">
|
||||
<el-input v-model="text" style="width: 200px;"></el-input>
|
||||
<el-button @click="copyText()">将左侧输入框内的文字复制进剪贴板</el-button>
|
||||
</div>
|
||||
@@ -15,12 +15,12 @@
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-alert
|
||||
class="dd-mb"
|
||||
class="d2-mb"
|
||||
title="只有在 IE 浏览器下你才可以通过下面这两个按钮获取剪贴板数据"
|
||||
type="warning"
|
||||
show-icon>
|
||||
</el-alert>
|
||||
<div class="dd-mb">
|
||||
<div class="d2-mb">
|
||||
<el-tooltip content="需要 IE 浏览器" placement="top">
|
||||
<el-button @click="readText">readText( )</el-button>
|
||||
</el-tooltip>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
slot="header"
|
||||
title="导出表格">
|
||||
</PageHeader>
|
||||
<div class="dd-mb">
|
||||
<div class="d2-mb">
|
||||
<el-button type="primary" @click="exportCsv">
|
||||
<Icon name="download"></Icon>
|
||||
导出 CSV
|
||||
@@ -14,7 +14,7 @@
|
||||
导出 Excel
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table v-bind="table" style="width: 100%" class="dd-mb">
|
||||
<el-table v-bind="table" style="width: 100%" class="d2-mb">
|
||||
<el-table-column
|
||||
v-for="(item, index) in table.columns"
|
||||
:key="index"
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
placeholder="请输入内容 然后点击保存按钮导出文本文档"
|
||||
v-model="text">
|
||||
</el-input>
|
||||
<div class="dd-mt dd-mb">
|
||||
<div class="d2-mt d2-mb">
|
||||
<el-button type="primary" @click="exportTxt">
|
||||
<Icon name="download"></Icon>
|
||||
保存为 txt
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="dd-mb">
|
||||
<div class="d2-mb">
|
||||
<el-radio-group v-model="lang" @change="handleChange">
|
||||
<el-radio-button label="cn">中文</el-radio-button>
|
||||
<el-radio-button label="ja">日本語</el-radio-button>
|
||||
|
||||
@@ -5,13 +5,13 @@
|
||||
title="导入 csv"
|
||||
url="https://github.com/mholt/PapaParse">
|
||||
</PageHeader>
|
||||
<div class="dd-mb">
|
||||
<div class="d2-mb">
|
||||
<el-button @click="download">
|
||||
<Icon name="download"></Icon>
|
||||
下载演示 .csv 表格
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="dd-mb">
|
||||
<div class="d2-mb">
|
||||
<el-upload :before-upload="handleUpload" action="default">
|
||||
<el-button type="success">
|
||||
<Icon name="file-o"></Icon>
|
||||
@@ -19,7 +19,7 @@
|
||||
</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
<el-table v-bind="table" class="dd-mb">
|
||||
<el-table v-bind="table" class="d2-mb">
|
||||
<el-table-column
|
||||
v-for="(item, index) in table.columns"
|
||||
:key="index"
|
||||
|
||||
@@ -5,13 +5,13 @@
|
||||
title="导入 xlsx"
|
||||
url="https://github.com/SheetJS/js-xlsx">
|
||||
</PageHeader>
|
||||
<div class="dd-mb">
|
||||
<div class="d2-mb">
|
||||
<el-button @click="download">
|
||||
<Icon name="download"></Icon>
|
||||
下载演示 .xlsx 表格
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="dd-mb">
|
||||
<div class="d2-mb">
|
||||
<el-upload :before-upload="handleUpload" action="default">
|
||||
<el-button type="success">
|
||||
<Icon name="file-o"></Icon>
|
||||
@@ -19,7 +19,7 @@
|
||||
</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
<el-table v-bind="table" class="dd-mb">
|
||||
<el-table v-bind="table" class="d2-mb">
|
||||
<el-table-column
|
||||
v-for="(item, index) in table.columns"
|
||||
:key="index"
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="基本示例"
|
||||
url="https://github.com/js-cookie/js-cookie">
|
||||
</PageHeader>
|
||||
<p class="dd-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="info" @click="get('test-user-name')">get('test-user-name')</el-button>
|
||||
<el-button type="error" @click="remove('test-user-name')">remove('test-user-name')</el-button>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<div slot="header">
|
||||
<el-button @click="ajax">发送请求</el-button>
|
||||
</div>
|
||||
<el-table v-bind="table" style="width: 100%" class="dd-mb">
|
||||
<el-table v-bind="table" style="width: 100%" class="d2-mb">
|
||||
<el-table-column
|
||||
v-for="(item, index) in table.columns"
|
||||
:key="index"
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<el-card class="dd-mb">
|
||||
<div slot="header" class="dd-clearfix">
|
||||
<el-card class="d2-mb">
|
||||
<div slot="header" class="d2-clearfix">
|
||||
<el-button type="text" size="mini">{{title}}</el-button>
|
||||
<el-tooltip content="重新 mock 数据" placement="top-end">
|
||||
<el-button type="primary" size="mini" @click="$emit('reload')" class="dd-fr">刷新</el-button>
|
||||
<el-button type="primary" size="mini" @click="$emit('reload')" class="d2-fr">刷新</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<el-row :gutter="10">
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="数据占位符"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
slot="header"
|
||||
title="数据模板"
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
<template>
|
||||
<Container type="ghost">
|
||||
<el-card class="dd-mb">
|
||||
<el-card class="d2-mb">
|
||||
<PageHeader
|
||||
title="基本示例"
|
||||
url="https://github.com/hustcc/timeago.js">
|
||||
</PageHeader>
|
||||
</el-card>
|
||||
<el-card class="dd-mb">
|
||||
<div class="dd-text-center">
|
||||
<el-card class="d2-mb">
|
||||
<div class="d2-text-center">
|
||||
<h1 style="font-size: 30px;">您在{{openPageDateAgo}}打开的此页面</h1>
|
||||
<p style="font-size: 10px;">请稍等一下 10秒后会开始自动刷新</p>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="dd-mb">
|
||||
<div class="dd-text-center">
|
||||
<el-card class="d2-mb">
|
||||
<div class="d2-text-center">
|
||||
<h1 style="font-size: 30px;">{{dateTimeRangeAgo}}</h1>
|
||||
<el-date-picker
|
||||
v-model="dateTimeRange"
|
||||
|
||||
Reference in New Issue
Block a user