Merge branch 'develop' of https://github.com/TaleLin/lin-cms-vue into multiple-input

Author: vanoneang

.env.development

@@ -1,3 +1,3 @@
 ENV = 'development'
 
-VUE_APP_BASE_URL = 'http://dev.lin.colorful3.com'
+VUE_APP_BASE_URL = 'http://localhost:5000/'

.env.production

@@ -1,3 +1,3 @@
 
 
-VUE_APP_BASE_URL = 'http://dev.koa.7yue.pro/'
+VUE_APP_BASE_URL = 'http://localhost:5000/'

README.md

@@ -6,26 +6,28 @@
 </p>
 
 <p align="center">
-  <a href="#简介">简介</a>&nbsp;|&nbsp;<a href="#快速上手">快速上手</a>&nbsp;|&nbsp;<a href="#下个版本开发计划">下个版本开发计划</a>
+  <a href="#简介">简介</a>&nbsp;|&nbsp;<a href="#快速上手">快速上手</a>&nbsp;|&nbsp;<a href="#版本日志">版本日志</a>
 </p>
 
-![](https://img.shields.io/badge/版本-0.0.1.alpha.1-3963bc.svg)
+![](https://img.shields.io/badge/版本-0.1.0.beta.2-3963bc.svg)
 ![](https://img.shields.io/badge/node-8.11.0+-3963bc.svg)
-![](https://img.shields.io/badge/vue-~2.5.17-3963bc.svg)
 ![](https://img.shields.io/badge/脚手架-vuecli3-3963bc.svg)
-![](https://img.shields.io/badge/element-~2.4.6-3963bc.svg)
 ![](https://img.shields.io/badge/license-MIT-3963bc.svg)
 ![](https://img.shields.io/badge/developer-@vanoneang-3963bc.svg)
 ![](https://img.shields.io/badge/developer-@GongJS-3963bc.svg)
-
+![](https://img.shields.io/badge/developer-@quanquan-3963bc.svg)
 
 ## 简介
 
 Lin-CMS 是林间有风团队经过大量项目实践所提炼出的一套**内容管理系统框架**。
 
 Lin-CMS 可以有效的帮助开发者提高 CMS 的开发效率。
 
-Lin-CMS 是一套前后端完整的解决方案，后端部署请移步[后端仓库](https://github.com/TaleLin/lin-cms-flask)。
+Lin-CMS 是一套前后端完整的解决方案，后端部署请移步：
+
+[lin-cms-flask](https://github.com/TaleLin/lin-cms-flask)
+
+[lin-cms-koa](https://github.com/TaleLin/lin-cms-koa)
 
 ### 文档地址
 
@@ -81,13 +83,39 @@ npm run serve or yarn (run) serve
 <br>
 <img class="QR-img" src="http://imglf6.nosdn0.126.net/img/YUdIR2E3ME5weEdlNThuRmI4TFh3UWhiNmladWVoaTlXUXpicEFPa1F6czFNYkdmcWRIbGRRPT0.jpg?imageView&thumbnail=500x0&quality=96&stripmeta=0&type=jpg" width="150" height="150" style='text-align:left;width: 100px;height: 100px'>
 
-QQ群搜索：Lin CMS 或 814597236
+QQ群搜索：林间有风 或 643205479
+
+<img src="https://consumerminiaclprd01.blob.core.chinacloudapi.cn/miniappbackground/sfgmember/lin/qrcode_1558012902375.jpg" width="150" height="205" >
+
+## 版本日志
+
+最新版本 `0.1.0-beta.2`
+
+### 0.1.0-beta.2
+
+1. `F` 修复无感知刷新令牌异常
+2. `A` 新增入场动画
+3. `A` 新增全屏功能
+2. `A` 新增Icon、Form组件
+
+### 0.1.0-beta.1
+
+1. `U` 新UI界面
+2. `A` button组件、table组件
+3. `F` 修复令牌刷新异常
+
+### 0.0.1-alpha.3
+
+1.  `A` 添加插件机制
+2.  `U` 重构路由设计
+2.  `A` 可配置三级路由导航
+
+### 0.0.1-alpha.2
 
-<img src="https://consumerminiaclprd01.blob.core.chinacloudapi.cn/miniappbackground/sfgmember/lin/qqgroup.jpg" width="150" height="205" >
+1.  `U` 升级到 `vue-cli3.4` 
+2.  `A` 慕课网专题插件
 
-## 下个版本开发计划
+### 0.0.1-alpha.1
 
-- [ ]  完成插件机制
-- [ ]  添加消息推送机制
-- [ ]  完善表单组件
+1.  `A` 初始化内测版
 

src/assets/img/about/icon.png

@@ -1,6 +1,6 @@
 <template>
   <div class="user">
-    <el-dropdown trigger="click">
+    <el-dropdown>
       <span class="el-dropdown-link">
         <div class="nav-avatar">
           <img :src="user.avatar || defaultAvatar" alt="头像">
@@ -152,7 +152,6 @@ export default {
     return {
       nickname: null,
       dialogFormVisible: false,
-      defaultAvatar,
       form: {
         old_password: '',
         new_password: '',
@@ -182,6 +181,7 @@ export default {
       croppa: {},
       imgInfo: null,
       quality: 1,
+      defaultAvatar,
     }
   },
   computed: {
@@ -213,9 +213,9 @@ export default {
         return
       }
       const imgFile = evt.target.files[0]
-      // 验证文件大小是否符合要求, 不大于2M
-      if (imgFile.size > 1024 * 1024 * 3) {
-        this.$message.error('文件过大超过3M')
+      // 验证文件大小是否符合要求, 不大于 5M
+      if (imgFile.size > 1024 * 1024 * 5) {
+        this.$message.error('文件过大超过5M')
         // 清空输入框
         this.clearFileInput(this.$refs.avatarInput)
         return
@@ -268,6 +268,8 @@ export default {
           file,
         },
       }).then((res) => {
+        // 清空输入框
+        this.clearFileInput(this.$refs.avatarInput)
         if (!Array.isArray(res) || res.length !== 1) {
           this.$message.error('头像上传失败, 请重试')
           return false
@@ -346,6 +348,10 @@ export default {
     resetForm(formName) {
       this.$refs[formName].resetFields()
     },
+    clearFileInput(ele) {
+      // eslint-disable-next-line
+      ele.value = ''
+    },
   },
 }
 </script>

src/components/layout/User.vue

@@ -68,7 +68,7 @@
           </div>
         </div>
         <div class="quantity-icon">
-          <img src="../../assets/img/about/icon1.png" alt="">
+          <img src="../../assets/img/about/icon.png" alt="">
         </div>
       </div>
       <div class="quantity-item">
@@ -80,7 +80,7 @@
           </div>
         </div>
         <div class="quantity-icon">
-          <img src="../../assets/img/about/icon2.png" alt="">
+          <img src="../../assets/img/about/icon.png" alt="">
         </div>
       </div>
       <div class="quantity-item">
@@ -92,7 +92,7 @@
           </div>
         </div>
         <div class="quantity-icon">
-          <img src="../../assets/img/about/icon3.png" alt="">
+          <img src="../../assets/img/about/icon.png" alt="">
         </div>
       </div>
       <div class="quantity-item">
@@ -104,7 +104,7 @@
           </div>
         </div>
         <div class="quantity-icon">
-          <img src="../../assets/img/about/icon4.png" alt="">
+          <img src="../../assets/img/about/icon.png" alt="">
         </div>
       </div>
     </div>
@@ -289,7 +289,7 @@ export default {
                 width: 14px;
                 height: 14px;
                 border-radius: 14px;
-                background-color: #DCE7FF;
+                background-color: #fff;
                 transform: translateY(2px);
 
                 .team-shadow {
@@ -408,8 +408,8 @@ export default {
         border-top-right-radius: 8px;
         border-bottom-right-radius: 8px;
         img {
-          width: 48px;
-          height: 48px;
+          width: 28px;
+          height: 33px;
         }
       }
     }