Parcourir la source

调整大小, 拖拽条等问题

zhengkaixin il y a 4 mois
Parent
commit
27cb3cb079
1 fichiers modifiés avec 8 ajouts et 7 suppressions
  1. 8 7
      src/views/startLottery.vue

+ 8 - 7
src/views/startLottery.vue

@@ -23,7 +23,7 @@
     <el-container>
       <!--           -->
       <el-container>
-        <el-aside width="36vw" style="text-align:left;padding:0;">
+        <div class="el-aside" width="36vw" style="text-align:left;padding:0;">
           <div class="leftRegion leftRegionA ">
             <H1 style="text-align:center">抽奖活动</H1>
             <div class="leftMain">
@@ -92,10 +92,10 @@
               </div>
             </div>
           </div>
-        </el-aside>
+        </div>
         <el-main>
           <div class="leftRegion leftRegionB">
-            <div style="text-align:center;">
+            <div style="text-align:center;padding-bottom:2vh ">
               <el-image
                 :src="require('@/assets/img/zjmd.png')"
                 style="width:15vw;height:3vw"
@@ -106,7 +106,8 @@
               v-for="(item, index) in awardWinningInfoList"
               v-bind:key="index"
             >
-              <div style="    display: flex;align-items: center;">
+			 <el-divider v-if="index!=0"></el-divider>
+              <div style="    display: flex;align-items: center;padding-bottom:2vh ;">
                 <el-image
                   :src="require('@/assets/img/min.png')"
                   style="width:2vw;height:2vw"
@@ -115,7 +116,7 @@
                 <span>{{ item.name }}:{{ item.num }}人</span>
               </div>
 
-              <el-divider></el-divider>
+             
               <div style="margin-bottom:1.5vw;">
                 <div
                   class="imgText"
@@ -123,10 +124,10 @@
                   v-bind:key="index1"
                 >
                   <el-image
-                    style="width: 4vw; height: 4vw;"
+                    :style="item.winningInfoList.length<5?'width: 6vw; height: 6vw;': 'width: 4vw; height: 4vw;' "
                     :src="item1.lotteryPersonnelImage"
                   ></el-image>
-                  <div style="font-size:0.6vw">
+                  <div :style="item.winningInfoList.length<5?'font-size:1vw':'font-size:0.6vw'">
                     {{ item1.lotteryPersonnelPhone }}
                   </div>
                 </div>