1、index优化

Former-commit-id: 96143c51e4c8b12b882546d0b65d32d1b302d07a
master
wangbing 5 years ago
parent 79fed885b3
commit 50585b2f9b

@ -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>

Loading…
Cancel
Save

Powered by TurnKey Linux.