no message

Former-commit-id: 4fc9727ef5f915e04a11715584c727f5fee6172c
Former-commit-id: 43c98fa8c29c8b3c5a1e47e35dae3b436a8dc1e4
Former-commit-id: 0d53dcd51b5fd664ed1a67bd5811065be417951a
This commit is contained in:
liyang
2018-05-26 20:53:56 +08:00
parent 34637a5963
commit ababe28604
4 changed files with 94 additions and 8 deletions

View File

@@ -4,6 +4,8 @@
基于 `vue.js``ElementUI` 的管理系统前端解决方案
欢迎大家一起维护
<p>
<a href="https://github.com/vuejs/vue">
<img src="https://img.shields.io/badge/vue-2.5.2-brightgreen.svg" alt="vue">
@@ -24,7 +26,7 @@
## 功能
* 首屏加载等待动画
* 首屏加载等待动画 避免首次加载白屏尴尬
* 简约主题
* 每个插件和组件都配有介绍文档
* 图片资源 sketch 源文件( 可以在这个文件内重新生成所有图片资源
@@ -34,7 +36,7 @@
* 多国语言支持
* 富文本编辑器
* Markdown 编辑器
* 全屏
* 全屏功能
* Fontawesome 图标库
* Fontawesome 图标选择器(组件)
* 自动引入下载的 SVG 图标
@@ -57,3 +59,88 @@
* markdown 内代码高亮
* 为 markdown 扩展了百度云链接解析和优化显示
## 预览
登陆
![Snip20180526_1](http://fairyever.qiniudn.com/Snip20180526_1.png)
主界面
![Snip20180526_2](http://fairyever.qiniudn.com/Snip20180526_2.png)
模拟数据
![Snip20180526_3](http://fairyever.qiniudn.com/Snip20180526_3.png)
可拖拽卡片
![Snip20180526_4](http://fairyever.qiniudn.com/Snip20180526_4.png)
可拖拽调节的布局
![Snip20180526_5](http://fairyever.qiniudn.com/Snip20180526_5.png)
多国语言支持
![Snip20180526_6](http://fairyever.qiniudn.com/Snip20180526_6.png)
封装导入 `csv` `xlsx`
封装导出 `csv` `xlsx` 以及纯文本
![Snip20180526_7](http://fairyever.qiniudn.com/Snip20180526_7.png)
![Snip20180526_8](http://fairyever.qiniudn.com/Snip20180526_8.png)
四种页面容器组件
![Snip20180526_9](http://fairyever.qiniudn.com/Snip20180526_9.png)
集成富文本编辑器
![Snip20180526_10](http://fairyever.qiniudn.com/Snip20180526_10.png)
集成 markdown 编辑器
![Snip20180526_11](http://fairyever.qiniudn.com/Snip20180526_11.png)
集成图标库
![Snip20180526_12](http://fairyever.qiniudn.com/Snip20180526_12.png)
封装图标组件
![Snip20180526_13](http://fairyever.qiniudn.com/Snip20180526_13.png)
支持自动导入文件夹下的 svg 图标,并通过组件使用
![Snip20180526_14](http://fairyever.qiniudn.com/Snip20180526_14.png)
图标选择器组件
![Snip20180526_15](http://fairyever.qiniudn.com/Snip20180526_15.png)
集成 markdown 渲染功能
并且优化了百度云分享链接在渲染结果的显示
![Snip20180526_16](http://fairyever.qiniudn.com/Snip20180526_16.png)
集成数字动画插件
![Snip20180526_17](http://fairyever.qiniudn.com/Snip20180526_17.png)
代码高亮显示
![Snip20180526_18](http://fairyever.qiniudn.com/Snip20180526_18.png)
集成图表
![Snip20180526_19](http://fairyever.qiniudn.com/Snip20180526_19.png)
支持图表拖拽调整大小,以及拖放位置
![Snip20180526_20](http://fairyever.qiniudn.com/Snip20180526_20.png)
单独图表示例
![Snip20180526_21](http://fairyever.qiniudn.com/Snip20180526_21.png)

View File

@@ -0,0 +1 @@
012a2863160f3ce8e0388970b446a3f349a003eb

View File

@@ -48,6 +48,8 @@ Vue.use(pluginExport)
Vue.config.productionTip = false
Vue.prototype.$env = process.env.NODE_ENV === 'development'
/* eslint-disable no-new */
new Vue({
el: '#app',

View File

@@ -1,12 +1,8 @@
<template>
<Container type="card-full">
<template slot="header">
多环境发布 测试
多环境发布
</template>
<el-row>
<el-col :span="8">8</el-col>
<el-col :span="8">8</el-col>
<el-col :span="8">8</el-col>
</el-row>
<p>当前是{{$env ? '开发' : '生产'}}环境</p>
</Container>
</template>