|
@@ -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>
|