Bläddra i källkod

update TextCard.vue

reghao 7 månader sedan
förälder
incheckning
2647b4f895
1 ändrade filer med 22 tillägg och 7 borttagningar
  1. 22 7
      src/components/card/TextCard.vue

+ 22 - 7
src/components/card/TextCard.vue

@@ -1,22 +1,28 @@
 <template>
-  <el-card :body-style="{ padding: '0px' }" class="card">
+  <el-card :body-style="{ padding: '5px' }" class="card">
     <el-input
       v-model="textarea"
       type="textarea"
+      maxlength="200"
+      @blur="handleBlur"
       :rows="3"
       placeholder="有什么新鲜事想分享给大家?"
+      style="padding: 5px"
     />
-    <el-upload
+<!--    <el-upload
       :action="actionUrl"
+      style="padding: 5px"
     >
-      <el-button><i class="el-icon-picture-outline">图片</i></el-button>
-    </el-upload>
-    <el-dialog :visible.sync="dialogVisible">
-      <img width="100%" :src="dialogImageUrl" alt="">
-    </el-dialog>
+    </el-upload>-->
+    <el-button style="padding: 5px" icon="el-icon-picture" @click="onImage">图片</el-button>
+    <el-button style="padding: 5px" icon="el-icon-tickets" @click="onVote">投票</el-button>
     <el-row style="text-align: right">
       <el-button round type="submit" @click="onSubmit">发送</el-button>
     </el-row>
+
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt="">
+    </el-dialog>
   </el-card>
 </template>
 
@@ -41,6 +47,15 @@ export default {
     },
     onSubmit() {
       console.log('发送状态')
+    },
+    onImage() {
+      this.$message.info('image')
+    },
+    onVote() {
+      this.$message.info('vote')
+    },
+    handleBlur() {
+      this.$message.info(this.textarea)
     }
   }
 }