Browse Source

wip:按钮

wangshan 4 months ago
parent
commit
ec4669244d
1 changed files with 6 additions and 5 deletions
  1. 6 5
      src/views/huiju/wechatEdit.vue

+ 6 - 5
src/views/huiju/wechatEdit.vue

@@ -6,7 +6,7 @@
         <el-button type="danger" @click="goToIndex">首页</el-button>
         <el-button type="danger" @click="goToIndex">首页</el-button>
       </div>
       </div>
     </div>
     </div>
-    <el-form :model="form" ref="postForm" :rules="rules" label-width="120px" :show-message="false">
+    <el-form :model="form" ref="postForm" :rules="rules" label-width="100px" :show-message="false">
       <el-form-item label="选择图文:" prop="mediaId">
       <el-form-item label="选择图文:" prop="mediaId">
         <div class="content-wrapper">
         <div class="content-wrapper">
           <div class="main-content">
           <div class="main-content">
@@ -15,7 +15,7 @@
                 <div v-for="(article, index) in paginatedArticles" :key="article.id" class="article-item">
                 <div v-for="(article, index) in paginatedArticles" :key="article.id" class="article-item">
                   <div class="article-content">
                   <div class="article-content">
                     <el-radio :label="String(article.id)">
                     <el-radio :label="String(article.id)">
-                      剑鱼标讯公众号图文信息这个是标题{{ article.title }} - {{ article.date }}
+                      {{ article.title }} - {{ article.date }}
                     </el-radio>
                     </el-radio>
                     <el-button type="text" size="small" @click="previewArticle(article.url)">预览</el-button>
                     <el-button type="text" size="small" @click="previewArticle(article.url)">预览</el-button>
                   </div>
                   </div>
@@ -68,7 +68,7 @@
 
 
       <el-form-item>
       <el-form-item>
         <div class="button-container">
         <div class="button-container">
-          <el-button @click="goBack">取消</el-button>
+          <el-button type="info" @click="goBack">取消</el-button>
           <el-button type="success" @click="savePost(true)">发送</el-button>
           <el-button type="success" @click="savePost(true)">发送</el-button>
         </div>
         </div>
       </el-form-item>
       </el-form-item>
@@ -399,10 +399,11 @@ export default {
 }
 }
 .button-container {
 .button-container {
   display: flex;
   display: flex;
-  justify-content: flex-end;
+  justify-content: center; /* 居中显示 */
+  gap: 20px; /* 按钮间距 */
 }
 }
 .error-message {
 .error-message {
-  width: 200px;
+  width: 130px;
   color: #f56c6c;
   color: #f56c6c;
   padding: 10px;
   padding: 10px;
   text-align: left;
   text-align: left;