浏览代码

修改 Dialog 组件按钮点击状态样式

Frans 7 年之前
父节点
当前提交
ec91324ae7
共有 4 个文件被更改,包括 28 次插入56 次删除
  1. 1 1
      package.json
  2. 15 19
      sites/demo/view/index.vue
  3. 2 3
      src/packages/dialog/demo.vue
  4. 10 33
      src/packages/dialog/dialog.scss

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "一套轻量级移动端Vue组件库",
   "typings": "dist/types/index.d.ts",
   "main": "dist/nutui.js",

文件差异内容过多而无法显示
+ 15 - 19
sites/demo/view/index.vue


文件差异内容过多而无法显示
+ 2 - 3
src/packages/dialog/demo.vue


+ 10 - 33
src/packages/dialog/dialog.scss

@@ -145,7 +145,7 @@ body.dialog-open {
     position: relative;
     flex: 1;
     font-size: $font-size-base;
-    border:none;
+    border: none;
     background: transparent;
     appearance: none;
     outline: none;
@@ -161,9 +161,6 @@ body.dialog-open {
         color: $primary-color;
         border-top: 1px solid $light-color;
     }
-    &:active {
-        background: $btn-gradient-active-bg;
-    }
 }
 
 .nut-dialog-ok {
@@ -171,38 +168,18 @@ body.dialog-open {
     background: $btn-gradient-bg;
     background-origin: border-box;
     color: $btn-gradient-color;
+    &:active {
+        background: $btn-gradient-active-bg;
+    }
 }
 
 .nut-dialog-cancel {
     border-radius: 0 0 0 5px;
     border-top: 1px solid $light-color;
     background: #FFF;
-}
-
-// .fade-enter-active {
-//     animation: zoomIn 0.3s forwards;
-// }
-// @keyframes zoomIn {
-//     0% {
-//         opacity: 0;
-//         transform: scale3d(1.3, 1.3, 1.3);
-//     }
-//     50% {
-//         opacity: 1;
-//     }
-// }
-// @keyframes zoomOut {
-//     0% {
-//         opacity: 1;
-//     }
-//     50% {
-//         opacity: 0;
-//         transform: scale3d(1.3, 1.3, 1.3);
-//     }
-//     100% {
-//         opacity: 0;
-//     }
-// }
-// .fade-leave-active {
-//     animation: zoomOut 0.3s forwards;
-// }
+    background-origin: border-box;
+    &:active {
+        border-top: 1px solid #CCC;
+        background: #CCC;
+    }
+}