金豆样式

src/views/consume/bean/articleVideo.vue

@@ -466,15 +466,15 @@ const getTagText = (state) => {
       <el-card style="margin-bottom: 10px;margin-top:10px">
         <el-col style="margin-bottom: 10px">
           <el-text>精网号：</el-text>
-          <el-input v-model="beanConsumeArticle.jwcode" placeholder="请输入精网号" style="width: 200px;margin-right: 20px" clearable />
+          <el-input v-model="beanConsumeArticle.jwcode" placeholder="请输入精网号" style="width: 12vh;margin-right: 1vh" clearable />
           
           <el-text>地区：</el-text>
-          <el-select v-model="beanConsumeArticle.dept" placeholder="请选择地区" style="width: 200px;margin-right: 20px" clearable>
+          <el-select v-model="beanConsumeArticle.dept" placeholder="请选择地区" style="width: 13vh;margin-right: 1vh" clearable>
             <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item" />
           </el-select>
 
           <el-text>类型：</el-text>
-          <el-select v-model="beanConsumeArticle.payMode" placeholder="请选择类型" style="width: 200px;margin-right: 20px" clearable
+          <el-select v-model="beanConsumeArticle.payMode" placeholder="请选择类型" style="width: 13vh;margin-right: 1vh" clearable
             @change="handlePayModeChange">
             <el-option label="打赏" value="0" />
             <el-option label="付费购买" value="1" />
@@ -482,15 +482,14 @@ const getTagText = (state) => {
           </el-select>
 
           <el-text>文章/视频ID：</el-text>
-          <el-input v-model="beanConsumeArticle.articleId" placeholder="请输入文章/视频ID" style="width: 200px;margin-right: 20px" clearable />
+          <el-input v-model="beanConsumeArticle.articleId" placeholder="请输入文章/视频ID" style="width: 15vh;margin-right: 1vh" clearable />
 
           <el-text>文章/视频标题：</el-text>
-          <el-input v-model="beanConsumeArticle.articleName" placeholder="请输入文章/视频标题" style="width: 200px" clearable />
+          <el-input v-model="beanConsumeArticle.articleName" placeholder="请输入文章/视频标题" style="width: 16vh;margin-right: 1vh"  clearable />
+            <el-text>作者：</el-text>
+            <el-input v-model="beanConsumeArticle.author" placeholder="请输入作者" style="width: 12vh;" clearable />
         </el-col>
         <el-col>
-            <el-text>作者：</el-text>
-            <el-input v-model="beanConsumeArticle.author" placeholder="请输入作者" style="width: 200px;margin-right: 20px" clearable />
-
             <el-text>付费时间：</el-text>
             <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
               end-placeholder="结束时间" style="width: 400px;margin-right: 10px" @change="handleDatePickerChange"