金豆文章样式

src/views/consume/bean/articleVideo.vue

@@ -468,17 +468,17 @@ const getTagText = (state) => {
       <div style="display:flex">
         <div style="width: 13vw; display:flex; align-items:center; justify-content: center;">
           <el-text>精网号：</el-text>
-          <el-input v-model="beanConsumeArticle.jwcode" style="width:8vw;" placeholder="请输入精网号" clearable />
+          <el-input v-model="beanConsumeArticle.jwcode" style="width:8vw;margin-left: 0.5vw;" placeholder="请输入精网号" clearable />
         </div>
         <div style="width: 13vw; display:flex; align-items:center; justify-content: center;">
           <el-text>地区：</el-text>
-          <el-select v-model="beanConsumeArticle.dept" style="width:8vw;" placeholder="请选择地区" clearable>
+          <el-select v-model="beanConsumeArticle.dept" style="width:8vw; margin-left: 0.5vw;" placeholder="请选择地区" clearable>
             <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item" />
           </el-select>
         </div>
         <div style="width: 13vw; display:flex;align-items:center; justify-content: center;">
           <el-text>类型：</el-text>
-          <el-select v-model="beanConsumeArticle.payMode" style="width:8vw;" placeholder="请选择类型" clearable @change="handlePayModeChange">
+          <el-select v-model="beanConsumeArticle.payMode" style="width:8vw; margin-left: 0.5vw;" placeholder="请选择类型" clearable @change="handlePayModeChange">
             <el-option label="打赏" value="0" />
             <el-option label="付费购买" value="1" />
             <el-option label="其他" value="2" />
@@ -486,15 +486,15 @@ const getTagText = (state) => {
         </div>
         <div style="width: 15vw; display:flex; align-items:center; justify-content: center;">
           <el-text>文章/视频ID:</el-text>
-          <el-input v-model="beanConsumeArticle.articleId" style="width:8vw;" placeholder="请输入文章/视频ID" clearable />
+          <el-input v-model="beanConsumeArticle.articleId" style="width:8vw; margin-left: 0.5vw;" placeholder="请输入文章/视频ID" clearable />
         </div>
         <div style="width: 16vw; display:flex; align-items:center; justify-content: center;">
            <el-text>文章/视频标题：</el-text>
-          <el-input v-model="beanConsumeArticle.articleName" style="width:9vw;" placeholder="请输入文章/视频标题" clearable />
+          <el-input v-model="beanConsumeArticle.articleName" style="width:9vw; margin-left: 0.5vw;" placeholder="请输入文章/视频标题" clearable />
         </div>
         <div style="width: 12vw; display:flex; align-items:center; justify-content: center;">
           <el-text>作者：</el-text>
-          <el-input v-model="beanConsumeArticle.author"style="width:8vw;" placeholder="请输入作者" clearable />
+          <el-input v-model="beanConsumeArticle.author"style="width:8vw; margin-left: 0.5vw;" placeholder="请输入作者" clearable />
         </div>
       </div>
     </el-col>