优化代码

PeakTai · Aug 9, 2016 · 0c7b05f · 0c7b05f
1 parent 9021d59
commit 0c7b05f
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 89 deletions.
diff --git a/src/buttons.less b/src/buttons.less
diff --git a/src/dashboard/color.less b/src/dashboard/color.less
diff --git a/src/dashboard/color.vue b/src/dashboard/color.vue
@@ -1,4 +1,12 @@
-<style lang="less" src="./color.less"></style>
+<style>
+    .vue-html5-editor .color-card {
+        margin: 2px;
+        width: 30px;
+        height: 30px;
+        float: left;
+        cursor: pointer;
+    }
+</style>
 <template>
     <div>
         <div v-for="color in colors" :style="{'background-color':color}" class="color-card" @click="changeColor(color)">
@@ -20,8 +28,7 @@
         },
         methods: {
             changeColor(color){
-                var parent = this.$parent
-                parent.execCommand("foreColor", color)
+                this.$parent.execCommand("foreColor", color)
             }
         }
     }

diff --git a/src/dashboard/link.vue b/src/dashboard/link.vue
@@ -1,17 +1,16 @@
 <template>
-    <form @submit="createLink">
-        <input type="text" placeholder="输入链接地址" v-model="url">
+    <form @submit.prevent="createLink">
+        <input type="text" placeholder="输入链接地址" v-model="url" maxlength="1024">
         <button type="submit">生成链接</button>
     </form>
 </template>
 <script>
     export default {
         data(){
-            return {url: ""}
+            return {url: null}
         },
         methods: {
-            createLink(e){
-                e.preventDefault()
+            createLink(){
                 if (!this.url) {
                     return
                 }

diff --git a/src/dashboard/table.vue b/src/dashboard/table.vue
@@ -1,12 +1,12 @@
 <template>
-    <form @submit="insertTable">
+    <form @submit.prevent="insertTable">
         <label>
             行数
-            <input type="number" style="width: 60px" maxlength="2" min="2" v-model="rows">
+            <input type="number" style="width: 60px" maxlength="2" min="2" max="10" v-model="rows">
         </label>
         <label>
             列数
-            <input type="number" style="width: 60px" maxlength="2" min="2" v-model="cols">
+            <input type="number" style="width: 60px" maxlength="2" min="2" max="10" v-model="cols">
         </label>
 
         <button type="submit">确定</button>
@@ -24,13 +24,12 @@
             }
         },
         methods: {
-            insertTable(e){
-                e.preventDefault()
+            insertTable(){
                 let component = this
-                if (component.rows < 2) {
+                if (component.rows < 2 || component.rows > 10) {
                     return
                 }
-                if (component.cols < 2) {
+                if (component.cols < 2 || component.cols > 10) {
                     return
                 }
                 let table = "<table style='border-spacing: 0px; border-collapse: collapse; width: 100%; max-width: 100%; margin-bottom: 0px; border: 1px solid rgb(221, 221, 221); color: rgb(51, 51, 51); font-size: 14px; line-height: 20px; background-color: transparent;'><tbody>"