样式

src/views/consume/bean/articleVideo.vue

@@ -463,8 +463,8 @@ const getTagText = (state) => {
 </script>
 
 <template>
-  <el-card style="margin-bottom: 10px;margin-top:10px">
-    <el-col style="margin-bottom: 10px; ">
+  <el-card style="margin-bottom: 1vh">
+    <el-col style="margin-bottom: 1vh; ">
       <div style="display:flex">
         <div style="width: 13vw; display:flex; align-items:center; justify-content: center;">
           <el-text>精网号：</el-text>
@@ -485,16 +485,16 @@ const getTagText = (state) => {
           </el-select>
         </div>
         <div style="width: 15vw; display:flex; align-items:center; justify-content: center;">
-          <el-text>文章/视频ID：</el-text>
+          <el-text>文章/视频ID:</el-text>
           <el-input v-model="beanConsumeArticle.articleId" style="width:8vw;" placeholder="请输入文章/视频ID" clearable />
         </div>
-        <div style="width: 18vw; display:flex; align-items:center; justify-content: center;">
+        <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 />
         </div>
-        <div style="width: 13vw; display:flex; align-items:center; justify-content: center;">
+        <div style="width: 12vw; display:flex; align-items:center; justify-content: center;">
           <el-text>作者：</el-text>
-          <el-input v-model="beanConsumeArticle.author"style="width:6vw;" placeholder="请输入作者" clearable />
+          <el-input v-model="beanConsumeArticle.author"style="width:8vw;" placeholder="请输入作者" clearable />
         </div>
       </div>
     </el-col>
@@ -523,7 +523,7 @@ const getTagText = (state) => {
       免费金豆数：{{ format3(Math.abs(freeBean)) }}
     </div>
     <div style="overflow-y: auto">
-      <el-table :data="tableData" style="width: 100%" height="550px" @sort-change="handleSortChange">
+      <el-table :data="tableData" style="width: 82vw" height="55vh" @sort-change="handleSortChange">
         <el-table-column type="index" label="序号" width="80px" fixed="left">
           <template #default="scope">
             <span>{{

src/views/workspace/index.vue

@@ -15,7 +15,7 @@
         <div class="card-title">当前金币余量</div>
         <div>
           <span style="font-weight: bold">{{ currentGold / 100
-          }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;较前一日
+          }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;较前一日
           {{ dailyChange / 100 }}
           <template v-if="dailyChange > 0">
             <el-icon style="color:red">
@@ -124,9 +124,9 @@
       </div>
       <div class="condition">
         <div class="stats">合计&nbsp;&nbsp;
-          <span>永久金币:</span> {{ activeTab === 'recharge' ? sumRechargePermanent / 100 : sumConsumePermanent / 100 }}&nbsp;&nbsp;
-          <span>免费金币:</span> {{ activeTab === 'recharge' ? sumRechargeFree / 100 : sumConsumeFree / 100 }}&nbsp;&nbsp;
-          <span>任务金币:</span> {{ activeTab === 'recharge' ? sumRechargeTask / 100 : sumConsumeTask / 100 }}&nbsp;&nbsp;
+          永久金币: {{ activeTab === 'recharge' ? sumRechargePermanent / 100 : sumConsumePermanent / 100 }}&nbsp;&nbsp;
+          免费金币: {{ activeTab === 'recharge' ? sumRechargeFree / 100 : sumConsumeFree / 100 }}&nbsp;&nbsp;
+          任务金币: {{ activeTab === 'recharge' ? sumRechargeTask / 100 : sumConsumeTask / 100 }}&nbsp;&nbsp;
           <div v-if="activeTab === 'consume'">合计 {{ sumConsume / 100 }}</div>
         </div>
         <div>
@@ -142,9 +142,10 @@
           </el-button>
         </div>
         <div>
-          <el-date-picker size="small" v-model="dateRange" type="datetimerange" range-separator="→" start-placeholder="开始时间"
-            end-placeholder="结束时间" format="YYYY-MM-DD HH:mm:ss" style="width:20vw;margin-left:0.5vw;" value-format="YYYY-MM-DD HH:mm:ss"
-            :default-time="defaultTime" :disabled-date="disabledDate" @change="handleDatePickerChange"/>
+          <el-date-picker size="small" v-model="dateRange" type="datetimerange" range-separator="→"
+            start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD HH:mm:ss"
+            style="width:20vw;margin-left:0.5vw;" value-format="YYYY-MM-DD HH:mm:ss" :default-time="defaultTime"
+            :disabled-date="disabledDate" @change="handleDatePickerChange" />
           <el-button type="primary" size="small" style="margin-left: 0.5vw" @click="getChartData">查询</el-button>
         </div>
       </div>
@@ -808,14 +809,15 @@ onUnmounted(() => {
 <style scoped>
 .top {
   height: 5.5vh;
-  width:80vw;
+  width: 80vw;
   display: flex;
   margin-bottom: 0.5vh;
-  .text{
-    margin-left:2vw;
-    width:20vw;
-    display: flex; 
-    align-items: center; 
+
+  .text {
+    margin-left: 2vw;
+    width: 20vw;
+    display: flex;
+    align-items: center;
     font-size: 18px;
   }
 }
@@ -837,10 +839,11 @@ onUnmounted(() => {
     height: 1%;
     display: flex;
     align-items: center;
-    .stats{
-      display:flex;
-      align-items:center;
-      width:35vw;
+
+    .stats {
+      display: flex;
+      align-items: center;
+      width: 35vw;
       font-size: 15px;
     }
   }