分享标题输入

src/components/ShareSetting.vue

@@ -8,7 +8,8 @@
       <div class="share-title">分享设置</div>
       <div class="share-titleBox">
         <div class="top">
-          <span class="title">h5测试分享标题</span><span class="count">8/30</span>
+          <el-input type="text" placeholder="h5测试分享标题" v-model="text" maxlength="30" show-word-limit>
+          </el-input>
         </div>
         <div class="content">
           <el-input class="input" type="textarea" :rows="3" placeholder="请输入内容" v-model="textarea" maxlength="30"
@@ -39,6 +40,7 @@
 export default {
   data() {
     return {
+      text: "",
       textarea: ""
     };
   },
@@ -106,7 +108,7 @@ export default {
     }
     .share-titleBox {
       margin: 0px 12px;
-      height: 130px;
+      height: 150px;
       border-radius: 4px;
       border: 1px solid rgba(204, 204, 204, 1);
       .top {
@@ -114,18 +116,6 @@ export default {
         flex-direction: row;
         justify-content: space-between;
         margin: 10px;
-        .title {
-          font-size: 14px;
-          font-family: MicrosoftYaHei;
-          color: rgba(51, 51, 51, 1);
-          line-height: 19px;
-        }
-        .count {
-          font-size: 14px;
-          font-family: MicrosoftYaHei;
-          color: rgba(153, 160, 182, 1);
-          line-height: 19px;
-        }
       }
       .content {
         display: flex;