no message

resources/assets/js/components/DrawerOverlay/index.vue

@@ -102,7 +102,7 @@ export default {
             if (this.transitions.length > 0) {
                 return this.transitions
             }
-            return [$A.isAndroid() ? '' : `drawer-slide-${this.placementName}`, '']
+            return [`drawer-slide-${this.placementName}`, '']
         },
         className() {
             const array = []

resources/assets/js/components/MicroApps.vue

@@ -3,8 +3,8 @@
         ref="drawer"
         v-model="appConfig.isOpen"
         placement="right"
-        modal-class="micro-app-modal"
+        :modal-class="modalClass"
-        drawer-class="micro-app-drawer"
+        :drawer-class="drawerClass"
         :transitions="transitions"
         :force-fullscreen="appConfig.forceFullscreen"
         :size="1200">
@@ -39,6 +39,18 @@
     }
 }
 
+.micro-app-transparent {
+    .ivu-modal,
+    .ivu-modal-content {
+        background: transparent;
+    }
+    .overlay-body {
+        .overlay-content {
+            background: transparent;
+        }
+    }
+}
+
 .micro-app-wrapper {
     .micro-app-load {
         position: absolute;
@@ -81,7 +93,7 @@ export default {
     mounted() {
         microApp.start({
             'iframe': true,
-            'router-mode': 'state',     // 路由设置为state模式
+            'router-mode': 'state',
         })
 
         emitter.on('openMicroApp', this.openMicroApp);
@@ -105,8 +117,16 @@ export default {
             'themeName',
         ]),
 
+        modalClass() {
+            return this.appConfig.transparent ? 'micro-app-modal micro-app-transparent' : 'micro-app-modal'
+        },
+
+        drawerClass() {
+            return this.appConfig.transparent ? 'micro-app-drawer micro-app-transparent' : 'micro-app-drawer'
+        },
+
         transitions() {
-            return this.appConfig.forceFullscreen ? ['', ''] : []
+            return this.appConfig.transparent ? ['', ''] : []
         },
 
         appData() {
@@ -216,7 +236,9 @@ export default {
                 appName: 'micro-app',       // 微应用唯一标识名称
                 appUrl: null,               // 微应用的入口URL地址
                 initialData: {},            // 初始化时传递给微应用的数据对象
+
                 forceFullscreen: false,     // 是否强制全屏(true/false)，默认自动适应
+                transparent: false,         // 是否透明(true/false)，默认不透明
                 keepAlive: true,            // 是否开启微应用保活(true/false)，默认开启
 
                 isLoading: true,            // 私有参数，是否显示加载状态(true/false)

resources/assets/js/store/actions.js

@@ -4678,6 +4678,7 @@ export default {
                     id: value,
                 },
                 forceFullscreen: true,
+                transparent: true,
             });
         } else {
             // 打开列表、统计