|
|
@ -1,7 +1,7 @@
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
<el-tabs tab-position="left">
|
|
|
|
<el-tabs tab-position="left">
|
|
|
|
<el-tab-pane label="主题颜色">
|
|
|
|
<el-tab-pane label="主题颜色">
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<span>主要颜色</span>
|
|
|
|
<span>主要颜色</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -28,7 +28,7 @@
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<span>中性色</span>
|
|
|
|
<span>中性色</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -135,7 +135,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="Ajax调用">
|
|
|
|
<el-tab-pane label="Ajax调用">
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
|
|
|
|
|
|
|
|
<el-button type="primary" @click="doAjax">调用AJAX</el-button>
|
|
|
|
<el-button type="primary" @click="doAjax">调用AJAX</el-button>
|
|
|
|
|
|
|
|
|
|
|
@ -157,7 +157,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<el-upload
|
|
|
|
<el-upload
|
|
|
|
style="width: 300px;"
|
|
|
|
style="width: 300px;"
|
|
|
|
name="file"
|
|
|
|
name="file"
|
|
|
@ -196,7 +196,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="消息推送">
|
|
|
|
<el-tab-pane label="消息推送">
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
|
|
|
|
|
|
|
|
<el-button type="primary" @click="doPush">开始推送</el-button>
|
|
|
|
<el-button type="primary" @click="doPush">开始推送</el-button>
|
|
|
|
|
|
|
|
|
|
|
@ -216,19 +216,19 @@
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="自定义工具">
|
|
|
|
<el-tab-pane label="自定义工具">
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<el-button type="primary" @click="this.window.nav.i('消息')">普通消息</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.i('消息')">普通消息</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.e('错误')">错误消息</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.e('错误')">错误消息</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.s('成功')">成功消息</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.s('成功')">成功消息</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.w('警告')">警告消息</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.w('警告')">警告消息</el-button>
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<el-button type="primary" @click="this.window.nav.tipShow('加载中')">加载提示框</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.tipShow('加载中')">加载提示框</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.tipClose()">关闭提示框</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.tipClose()">关闭提示框</el-button>
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<el-button type="primary" @click="this.window.nav.barShow()">加载提示条</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.barShow()">加载提示条</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.barFinish()">成功</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.barFinish()">成功</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.barError()">失败</el-button>
|
|
|
|
<el-button type="primary" @click="this.window.nav.barError()">失败</el-button>
|
|
|
@ -236,7 +236,7 @@
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="Freemarker">
|
|
|
|
<el-tab-pane label="Freemarker">
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
|
|
|
|
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<span>占位输出</span>
|
|
|
|
<span>占位输出</span>
|
|
|
@ -268,7 +268,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
|
|
|
|
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<span>条件输出</span>
|
|
|
|
<span>条件输出</span>
|
|
|
@ -291,7 +291,7 @@
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
|
|
|
|
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<span>遍历集合</span>
|
|
|
|
<span>遍历集合</span>
|
|
|
@ -308,7 +308,7 @@
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="UI常用组件">
|
|
|
|
<el-tab-pane label="UI常用组件">
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>1、表单控件集合及验证</h3>
|
|
|
|
<h3>1、表单控件集合及验证</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -378,7 +378,7 @@
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>2、表格数据</h3>
|
|
|
|
<h3>2、表格数据</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -424,7 +424,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>3、分页</h3>
|
|
|
|
<h3>3、分页</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -437,7 +437,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 700px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 700px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>4、按钮</h3>
|
|
|
|
<h3>4、按钮</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -534,7 +534,7 @@
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>5、Link 文字链接</h3>
|
|
|
|
<h3>5、Link 文字链接</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -565,7 +565,7 @@
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>6、Tabs 标签页</h3>
|
|
|
|
<h3>6、Tabs 标签页</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -590,7 +590,7 @@
|
|
|
|
</el-tag>
|
|
|
|
</el-tag>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>7、弹框、对话框、通知</h3>
|
|
|
|
<h3>7、弹框、对话框、通知</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -645,7 +645,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>6、其他小控件</h3>
|
|
|
|
<h3>6、其他小控件</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -840,7 +840,7 @@
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="常见问题">
|
|
|
|
<el-tab-pane label="常见问题">
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>1、页面初始化前闪现源代码</h3>
|
|
|
|
<h3>1、页面初始化前闪现源代码</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -863,7 +863,7 @@
|
|
|
|
<p>${'</div>'?html}</p>
|
|
|
|
<p>${'</div>'?html}</p>
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>2、为什么Long类型返回json字符串变为String</h3>
|
|
|
|
<h3>2、为什么Long类型返回json字符串变为String</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -871,7 +871,7 @@
|
|
|
|
<p>因为Long可支持的长度比JavaScript中Number支持的位数更多,所以当Long数值很大时转为Json再转为Number就会丢失精度,造成难以发现的Bug,所以本系统默认处理了该问题。</p>
|
|
|
|
<p>因为Long可支持的长度比JavaScript中Number支持的位数更多,所以当Long数值很大时转为Json再转为Number就会丢失精度,造成难以发现的Bug,所以本系统默认处理了该问题。</p>
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>3、Date类型格式化问题</h3>
|
|
|
|
<h3>3、Date类型格式化问题</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -889,7 +889,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>4、权限问题</h3>
|
|
|
|
<h3>4、权限问题</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -918,7 +918,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
|
|
<el-card class="box-card" style="width: 600px;margin: 20px">
|
|
|
|
<el-card class="card" style="width: 600px;margin: 20px">
|
|
|
|
<div slot="header">
|
|
|
|
<div slot="header">
|
|
|
|
<h3>5、Token配置</h3>
|
|
|
|
<h3>5、Token配置</h3>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|