guoxiaohuan 4 gadi atpakaļ
vecāks
revīzija
31c42388d7

+ 24 - 3
src/components/Rotation/src/rotation.vue

@@ -4,7 +4,7 @@
 *@info:图片轮播
 */
 <template>
-    <div class='rotation'>
+    <div class='rotation' :class='{rotationFull:type}'>
         <div v-if='rotationImg.length==1' class='rotationCon'>
             <!-- <img
                 src='https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1592807833&di=5adf17cda9f46c37696da5b1d0aec9dc&src=http://a3.att.hudong.com/14/75/01300000164186121366756803686.jpg'
@@ -22,7 +22,7 @@
 <script>
 export default {
     name: 'Rotation',
-    props: ['rotationImg'],
+    props: ['rotationImg', 'type'],
     data() {
         return {
             rotationImgs: [{ url: require('@/assets/images/login_back.png') }]
@@ -51,7 +51,28 @@ export default {
         // margin: auto;
         width: 100%;
         height: 100%;
-        object-fit: fill;
+        object-fit: cover;
+    }
+}
+.rotationFull {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .rotationCon {
+        height: 100%;
+        width: 100%;
+        // display: flex;
+    }
+    img {
+        // max-width: 100%;
+        // max-height: 100%;
+        // display: block;
+        // margin: auto;
+        width: 100%;
+        height: 100%;
     }
 }
 </style>

+ 1 - 1
src/views/overview/picModal.vue

@@ -5,7 +5,7 @@
                 src='https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1592807833&di=5adf17cda9f46c37696da5b1d0aec9dc&src=http://a3.att.hudong.com/14/75/01300000164186121366756803686.jpg'
                 alt
             />-->
-            <rotation v-if='rotationImg.length>0' :rotationImg='rotationImg' style='height:100%;'></rotation>
+            <rotation :type='1' v-if='rotationImg.length>0' :rotationImg='rotationImg' style='height:100%;'></rotation>
             <span class='close' @click='close'>X</span>
         </el-dialog>
     </div>