@el-plus/theme-chalk 0.0.1 → 0.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@el-plus/theme-chalk",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
   "main": "index.css",
   "keywords": [],

package/src/base.scss

@@ -1,11 +1,2 @@
 @use 'common/var.scss' as *;
-
-.red {
-  color: red;
-  display: flex; /* 每个属性单独写，不层叠 */
-  -webkit-box-display: flex;
-  -ms-flexbox-display: flex;
-  -webkit-display: flex;
-  -webkit-transform: rotate(10deg);
-  transform: rotate(10deg); /* 没有缩进 */
-}
+@use 'common/transition.scss';

package/src/common/transition.scss

@@ -0,0 +1,9 @@
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}

package/src/dialog.scss

@@ -0,0 +1,47 @@
+@use 'mixins/mixins.scss' as *;
+@use 'common/var.scss' as *;
+
+@include b(dialog) {
+    padding: 20px 25px 40px;
+
+    .el-dialog__headerbtn {
+        height: 56px;
+
+        .el-dialog__close {
+            transform: scale(1.3);
+        }
+    }
+
+    .el-dialog__header {
+        .el-dialog__title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #505050;
+            margin: 4px;
+            line-height: 24px;
+        }
+    }
+
+    .el-dialog__body {
+        padding: 25px 0 0
+    }
+
+    @include e(footer) {
+        padding: 14px 0 0 0;
+        text-align: right;
+
+        button {
+            font-size: 12px;
+        }
+    }
+
+}
+
+@include b(choose-dialog) {
+    @include e(selected-count) {
+        float: left;
+        color: $color-priamy;
+        line-height: 32px;
+        font-size: 16px;
+    }
+}

package/src/header.scss

@@ -0,0 +1,12 @@
+@use 'mixins/mixins.scss' as *;
+@use 'common/var.scss' as *;
+
+@include b(header) {
+    display: flex;
+    .el-page-header{
+        .el-page-header__left{
+            margin-right: -10px;
+            margin-top:4px
+        }
+    }
+}

package/src/index.scss

@@ -1,4 +1,8 @@
+@use './base.scss';
 @use './form.scss';
 @use './table.scss';
 @use './buttons.scss';
-@use './search-list-page.scss';
+@use './search-list-page.scss';
+@use './title.scss';
+@use './header.scss';
+@use './dialog.scss';

package/src/title.scss

@@ -0,0 +1,47 @@
+@use 'mixins/mixins.scss' as *;
+@use 'common/var.scss' as *;
+
+@include b(title) {
+    @include e(header) {
+        overflow: hidden;
+        line-height: 50px;
+    }
+
+    @include e(title) {
+        font-size: 15px;
+        font-weight: 500;
+        float: left;
+    }
+
+    @include e(toggle) {
+        display: inline-block;
+        font-weight: 400;
+        color: $color-priamy;
+        cursor: pointer;
+        font-size: 14px;
+        margin-left: 10px;
+        display: inline-block;
+        white-space: nowrap;
+        .el-icon{
+            vertical-align: -2px;
+            transition: transform  .3s;
+        }
+        
+    }
+     @include is(expanded) {
+            // display: none;
+            .el-icon{
+                transform: rotate(-180deg);
+            }
+        }
+
+    @include e(buttons) {
+        float: right;
+    }
+
+    @include e(content) {
+        overflow: hidden;
+        transition: max-height 0.3s ease-in-out;
+       
+    }
+}