[新增] 移动端Diaglog改造，对话框底部按钮样式适配移动端，关联了RDC:RAIS-129138

Change-Id: I04c9625223276697808a97820a600233c7b1a70d

Author: 陈世润10283558

src/jigsaw/common/components/base/dialog/dialog.scss

@@ -66,10 +66,6 @@
                 display: flex;
                 align-items: center;
             }
-
-            jigsaw-button, jigsaw-mobile-button, jm-button, j-button {
-                margin-right: 8px;
-            }
         }
     }
 
@@ -89,4 +85,4 @@
             }
         }
     }
-}
+}

src/jigsaw/mobile-components/dialog/dialog.scss

@@ -1,4 +1,25 @@
 $jigsaw-dialog: #{$jigsaw-prefix}-dialog;
-$jigsaw-mobile-dialog-selector: jigsaw-mobile-dialog;
+$jigsaw-dialog-selector: #{$jigsaw-prefix}-dialog;
 
-@import "../../common/components/base/dialog/dialog";
+@import "../../common/components/base/dialog/dialog";
+
+.#{$jigsaw-dialog-selector}-host {
+    .#{$jigsaw-dialog} {
+        [jigsaw-mobile-button-bar] jigsaw-mobile-button,jm-button {
+            border-radius: 0 !important;
+            flex: 1;
+            margin: 0;
+            box-sizing: border-box;
+            width: 100%;
+        }
+        
+        [jigsaw-mobile-button-bar] {
+            display: flex;
+            width: 100%;
+            position: absolute;
+            bottom: 0;
+            padding: 0;
+            margin: 0;
+        }   
+    }
+}

src/jigsaw/pc-components/dialog/dialog.scss

@@ -1,3 +1,17 @@
 $jigsaw-dialog: #{$jigsaw-prefix}-dialog;
 $jigsaw-dialog-selector: #{$jigsaw-prefix}-dialog;
-@import "../../common/components/base/dialog/dialog";
+@import "../../common/components/base/dialog/dialog";
+
+
+.#{$jigsaw-dialog-selector}-host {
+    .#{$jigsaw-dialog} {
+        .#{$jigsaw-dialog}-button-group {
+            & > div {
+                jigsaw-button,
+                j-button {
+                    margin-right: 8px;
+                }
+            }
+        }
+    }
+}