幸运25-调整样式

src/views/luckGift/lucky25Arrange.vue

@@ -28,18 +28,25 @@
       </span>
     </div>
 
-    <!-- 数组设置 -->
-    <div class="arrSet">数组设置：</div>
+    <!-- 按钮 -->
+    <div class="but">
+      <el-button class="primary" type="primary" @click="saveFun()"
+      >保存
+      </el-button>
+    </div>
 
     <!-- 数组内容 -->
     <div class="boxs">
       <div class="arrContent" v-for="(item, index) in arr" :key="index">
         <div class="arrBox">
           <div class="left">
-            <div class="left_in1">
+            <div class="left_id">
+              id: <b class="b2">{{ item.id }}</b> ,
+            </div>
+            <div class="left_expect">
               期望: <b class="b1">{{ item.expect }}</b> ,
             </div>
-            <div class="left_in2">
+            <div class="left_winRate">
               得到率: <b class="b2">{{ (item.winRate * 100).toFixed(2) }}%</b> ,
             </div>
           </div>
@@ -56,12 +63,6 @@
       </div>
     </div>
 
-    <!-- 按钮 -->
-    <div class="but">
-      <el-button class="primary" type="primary" @click="saveFun()"
-        >保存
-      </el-button>
-    </div>
   </div>
 </template>
 <script>
@@ -190,7 +191,7 @@ export default {
     .arrContent {
       // margin-bottom: 20px;
       width: 190px;
-      height: 395px;
+      //height: 395px;
       line-height: 30px;
       margin-bottom: 20px;
       .arrBox {