init

src/components/HelloWorld.vue

@@ -91,7 +91,7 @@
       </el-form-item>
       <template v-for="(item,index) in hotelList">
         <el-card class="card" shadow="hover" style="margin-top: 20px" :key="'hotel'+index">
-          <el-row type="flex" justify="end" v-if="item.editType=='add'">
+          <el-row style="margin-bottom: 20px" type="flex" justify="end" v-if="item.editType=='add'">
             <!--            <i class="el-icon-circle-close" @click="delSinHotel(index)"></i>-->
             <el-button @click="delSinHotel(index)" type="danger">删除</el-button>
 
@@ -109,7 +109,7 @@
       </el-form-item>
       <template v-for="(item,index) in hotelotherList">
         <el-card class="card" shadow="hover" style="margin-top: 20px" :key="'hotelother'+index">
-          <el-row type="flex" justify="end" v-if="item.editType=='add'">
+          <el-row style="margin-bottom: 20px" type="flex" justify="end" v-if="item.editType=='add'">
             <!--            <i class="el-icon-circle-close" @click="delSinHotelOther(index)"></i>-->
             <el-button @click="delSinHotelOther(index)" type="danger">删除</el-button>
           </el-row>

src/components/hotel.vue

@@ -3,7 +3,7 @@
     <el-collapse v-model="opened" v-if="type=='view'">
       <el-collapse-item name="1">
         <template slot="title">
-          <el-row style="width:100%;margin-top:10px;margin-bottom:10px;padding-right: 20px;background-color: #9fd8fc"
+          <el-row style="width:100%;margin-top:10px;margin-bottom:10px;padding-right: 20px;"
                   type="flex"
                   justify="space-between" align="middle">
             <el-col :span="2">
@@ -686,6 +686,9 @@
   .card /deep/ .el-collapse-item__header {
     height: auto;
   }
+  /deep/ .el-collapse-item__header {
+    background-color: #9fd8fc
+  }
 
   .left {
     text-align: left;

src/components/hotelother.vue

@@ -3,7 +3,7 @@
     <el-collapse v-model="opened" v-if="type=='view'">
       <el-collapse-item name="1">
         <template slot="title">
-          <el-row style="width:100%;margin-top:10px;margin-bottom:10px;padding-right: 20px;;background-color: #9fd8fc"
+          <el-row style="width:100%;margin-top:10px;margin-bottom:10px;padding-right: 20px;"
                   type="flex"
                   justify="space-between" align="middle">
             <el-col :span="2">
@@ -553,6 +553,9 @@
   .card /deep/ .el-collapse-item__header {
     height: auto;
   }
+  /deep/ .el-collapse-item__header {
+    background-color: #9fd8fc
+  }
 
   .left {
     text-align: left;