提交代码

src/pages/classroom/Scheduling.vue

@@ -5,14 +5,17 @@
             <div class="classroom-box">
               <div v-for="(_item,_index) in item.RoomList" :key="item.RoomId" >
              <div class="classroom-item q-mr-lg q-mb-lg" :class="{'classroom-item-noUse':_item.UserRate==0}" >
-                 <div @click="goUrl(item,_item)">
-                      <el-image class="classroom-img" :src="_item.RoomPicList[0]" fit="contain" >
+              
+                     <div @click="goUrl(item,_item)">
+                          <div class="divCalssRoom"> <el-image class="classroom-img" :src="_item.RoomPicList[0]" fit="contain" >
                             <div slot="error" class="image-slot">
                                <img src="../../assets/images/classroom/bg-img.jpg" alt="" srcset="" style=" opacity: 0.8;">
                             </div>
-                      </el-image>
+                      </el-image></div>
+                     
                  </div>
-                
+              
+               
                  <div class="classroom-name" >{{_item.RoomName}}
                      <!-- <img src="../../assets/images/classroom/warning.png" class="q-ml-sm" v-if="_item.warn">
                      <img src="../../assets/images/classroom/normal.png" class="q-ml-sm" v-if="!_item.warn"> -->
@@ -165,12 +168,18 @@ import {
             .classroom-img{
                 display: block;
                 width: 390px;
-                height: 160px;
-                border-radius: 16px;
+               // height: 160px;
+              //  border-radius: 16px;
                 background-color: #333;
                 overflow: hidden;
               
             }
+            .divCalssRoom{
+
+                height: 160px;
+                border-radius: 16px;
+                overflow: hidden;
+            }
             .classroom-name{
                 position: absolute;
                 top: 20px;