@netang/quasar 0.2.31 → 0.2.32

package/sass/common.scss

@@ -1,184 +1,184 @@
-/**
- * 亮色
- */
-.body--light {
-    // 反色
-    --n-reverse-color: var(--q-dark);
-    // 反色 rgb(亮色是黑色)
-    --n-reverse-color-rgb: 0, 0, 0;
-    // 主题颜色
-    --n-mode-color: #ffffff;;
-    // 占位符颜色
-    --n-placeholder-color: rgba(0, 0, 0, 0.5);
-}
-
-/**
- * 暗色
- */
-.body--dark {
-    // 反色
-    --n-reverse-color: #ffffff;
-    // 反色 rgb(暗色是白色)
-    --n-reverse-color-rgb: 255, 255, 255;
-    // 主题颜色
-    --n-mode-color: var(--q-dark);
-    // 占位符颜色
-    --n-placeholder-color: rgba(255, 255, 255, 0.5);
-}
-
-body {
-    --n-bg-grey-1: rgba(var(--n-reverse-color-rgb), 0.02);
-    --n-bg-grey-2: rgba(var(--n-reverse-color-rgb), 0.04);
-    --n-bg-grey-3: rgba(var(--n-reverse-color-rgb), 0.07);
-    --n-bg-grey-4: rgba(var(--n-reverse-color-rgb), 0.12);
-    --n-bg-grey-5: rgba(var(--n-reverse-color-rgb), 0.26);
-    --n-bg-grey-6: rgba(var(--n-reverse-color-rgb), 0.38);
-    --n-bg-grey-7: rgba(var(--n-reverse-color-rgb), 0.54);
-    --n-bg-grey-8: rgba(var(--n-reverse-color-rgb), 0.62);
-    --n-bg-grey-9: rgba(var(--n-reverse-color-rgb), 0.75);
-    --n-bg-grey-10: rgba(var(--n-reverse-color-rgb), 0.86);
-}
-
-// 隐藏横向滚动条
-.n-overflow-hidden-x {
-    overflow-x: hidden !important;
-}
-
-// 自动显示横向滚动条
-.n-overflow-auto-x {
-    overflow-x: auto !important;
-}
-
-// 自动显示竖向滚动条
-.n-overflow-auto-y {
-    overflow-y: auto !important;
-}
-
-// 字体大小 12 像素
-.n-font-size-12 {
-    font-size: 12px;
-}
-// 字体大小 13 像素
-.n-font-size-13 {
-    font-size: 13px;
-}
-// 字体大小 14 像素
-.n-font-size-14 {
-    font-size: 14px;
-}
-// 字体大小 15 像素
-.n-font-size-15 {
-    font-size: 15px;
-}
-// 字体大小 16 像素
-.n-font-size-16 {
-    font-size: 16px;
-}
-
-// 占位符
-.n-placeholder {
-    color: var(--n-placeholder-color);
-}
-
-// 不可点击
-.n-pointer-none {
-    pointer-events: none;
-}
-
-// 文本下划线
-.n-text-underline {
-    text-decoration: underline;
-}
-
-//.n-color-primary,
-//.n-color-main {
-//    color: var(--q-primary);
-//}
-//.n-color-success {
-//    color: var(--q-positive);
-//}
-//.n-color-warning {
-//    color: var(--q-warning);
-//}
-//.n-color-danger {
-//    color: var(--q-negative);
-//}
-//.n-color-info {
-//    color: var(--q-info);
-//}
-
-// flex 1
-.n-flex-1 {
-    flex: 1;
-}
-
-// 网格行填充
-.n-col-space {
-    width: 100%;
-    padding: 0;
-    margin: 0;
-}
-
-.n-bg-grey-1 {
-    background-color: var(--n-bg-grey-1)
-}
-.n-bg-grey-2 {
-    background-color: var(--n-bg-grey-2)
-}
-.n-bg-grey-3 {
-    background-color: var(--n-bg-grey-3)
-}
-.n-bg-grey-4 {
-    background-color: var(--n-bg-grey-4)
-}
-.n-bg-grey-5 {
-    background-color: var(--n-bg-grey-5)
-}
-.n-bg-grey-6 {
-    background-color: var(--n-bg-grey-6)
-}
-.n-bg-grey-7 {
-    background-color: var(--n-bg-grey-7)
-}
-.n-bg-grey-8 {
-    background-color: var(--n-bg-grey-8)
-}
-.n-bg-grey-9 {
-    background-color: var(--n-bg-grey-9)
-}
-.n-bg-grey-10 {
-    background-color: var(--n-bg-grey-10)
-}
-
-/**
- * 桌面
- */
-body.desktop {
-    ::-webkit-scrollbar {
-        height: 10px;
-        width: 10px;
-        overflow: visible;
-    }
-    ::-webkit-scrollbar-button {
-        height: 0;
-        width: 0;
-    }
-    ::-webkit-scrollbar-corner {
-        background: transparent;
-    }
-    ::-webkit-scrollbar-thumb,
-    ::-webkit-scrollbar-track {
-        border-radius: 0;
-        border: none;
-        background-clip: padding-box;
-    }
-
-    ::-webkit-scrollbar-thumb,
-    ::-webkit-scrollbar-track,
-    ::-webkit-scrollbar-thumb:hover {
-        background-color: rgba(var(--n-reverse-color-rgb), 0.2);
-    }
-    ::-webkit-scrollbar-track {
-        background-color: rgba(var(--n-reverse-color-rgb), 0.05);
-    }
-}
+/**
+ * 亮色
+ */
+.body--light {
+    // 反色
+    --n-reverse-color: var(--q-dark);
+    // 反色 rgb(亮色是黑色)
+    --n-reverse-color-rgb: 0, 0, 0;
+    // 主题颜色
+    --n-mode-color: #ffffff;;
+    // 占位符颜色
+    --n-placeholder-color: rgba(0, 0, 0, 0.5);
+}
+
+/**
+ * 暗色
+ */
+.body--dark {
+    // 反色
+    --n-reverse-color: #ffffff;
+    // 反色 rgb(暗色是白色)
+    --n-reverse-color-rgb: 255, 255, 255;
+    // 主题颜色
+    --n-mode-color: var(--q-dark);
+    // 占位符颜色
+    --n-placeholder-color: rgba(255, 255, 255, 0.5);
+}
+
+body {
+    --n-bg-grey-1: rgba(var(--n-reverse-color-rgb), 0.02);
+    --n-bg-grey-2: rgba(var(--n-reverse-color-rgb), 0.04);
+    --n-bg-grey-3: rgba(var(--n-reverse-color-rgb), 0.07);
+    --n-bg-grey-4: rgba(var(--n-reverse-color-rgb), 0.12);
+    --n-bg-grey-5: rgba(var(--n-reverse-color-rgb), 0.26);
+    --n-bg-grey-6: rgba(var(--n-reverse-color-rgb), 0.38);
+    --n-bg-grey-7: rgba(var(--n-reverse-color-rgb), 0.54);
+    --n-bg-grey-8: rgba(var(--n-reverse-color-rgb), 0.62);
+    --n-bg-grey-9: rgba(var(--n-reverse-color-rgb), 0.75);
+    --n-bg-grey-10: rgba(var(--n-reverse-color-rgb), 0.86);
+}
+
+// 隐藏横向滚动条
+.n-overflow-hidden-x {
+    overflow-x: hidden !important;
+}
+
+// 自动显示横向滚动条
+.n-overflow-auto-x {
+    overflow-x: auto !important;
+}
+
+// 自动显示竖向滚动条
+.n-overflow-auto-y {
+    overflow-y: auto !important;
+}
+
+// 字体大小 12 像素
+.n-font-size-12 {
+    font-size: 12px;
+}
+// 字体大小 13 像素
+.n-font-size-13 {
+    font-size: 13px;
+}
+// 字体大小 14 像素
+.n-font-size-14 {
+    font-size: 14px;
+}
+// 字体大小 15 像素
+.n-font-size-15 {
+    font-size: 15px;
+}
+// 字体大小 16 像素
+.n-font-size-16 {
+    font-size: 16px;
+}
+
+// 占位符
+.n-placeholder {
+    color: var(--n-placeholder-color);
+}
+
+// 不可点击
+.n-pointer-none {
+    pointer-events: none;
+}
+
+// 文本下划线
+.n-text-underline {
+    text-decoration: underline;
+}
+
+//.n-color-primary,
+//.n-color-main {
+//    color: var(--q-primary);
+//}
+//.n-color-success {
+//    color: var(--q-positive);
+//}
+//.n-color-warning {
+//    color: var(--q-warning);
+//}
+//.n-color-danger {
+//    color: var(--q-negative);
+//}
+//.n-color-info {
+//    color: var(--q-info);
+//}
+
+// flex 1
+.n-flex-1 {
+    flex: 1;
+}
+
+// 网格行填充
+.n-col-space {
+    width: 100%;
+    padding: 0;
+    margin: 0;
+}
+
+.n-bg-grey-1 {
+    background-color: var(--n-bg-grey-1)
+}
+.n-bg-grey-2 {
+    background-color: var(--n-bg-grey-2)
+}
+.n-bg-grey-3 {
+    background-color: var(--n-bg-grey-3)
+}
+.n-bg-grey-4 {
+    background-color: var(--n-bg-grey-4)
+}
+.n-bg-grey-5 {
+    background-color: var(--n-bg-grey-5)
+}
+.n-bg-grey-6 {
+    background-color: var(--n-bg-grey-6)
+}
+.n-bg-grey-7 {
+    background-color: var(--n-bg-grey-7)
+}
+.n-bg-grey-8 {
+    background-color: var(--n-bg-grey-8)
+}
+.n-bg-grey-9 {
+    background-color: var(--n-bg-grey-9)
+}
+.n-bg-grey-10 {
+    background-color: var(--n-bg-grey-10)
+}
+
+/**
+ * 桌面
+ */
+body.desktop {
+    ::-webkit-scrollbar {
+        height: 10px;
+        width: 10px;
+        overflow: visible;
+    }
+    ::-webkit-scrollbar-button {
+        height: 0;
+        width: 0;
+    }
+    ::-webkit-scrollbar-corner {
+        background: transparent;
+    }
+    ::-webkit-scrollbar-thumb,
+    ::-webkit-scrollbar-track {
+        border-radius: 0;
+        border: none;
+        background-clip: padding-box;
+    }
+
+    ::-webkit-scrollbar-thumb,
+    ::-webkit-scrollbar-track,
+    ::-webkit-scrollbar-thumb:hover {
+        background-color: rgba(var(--n-reverse-color-rgb), 0.2);
+    }
+    ::-webkit-scrollbar-track {
+        background-color: rgba(var(--n-reverse-color-rgb), 0.05);
+    }
+}

package/sass/index.scss

@@ -1,12 +1,12 @@
-@import "~quasar/dist/quasar.sass";
-
-@import "quasar/common";
-@import "quasar/btn";
-@import "quasar/drawer";
-@import "quasar/field";
-@import "quasar/loading";
-@import "quasar/table";
-@import "quasar/toolbar";
-
-@import "common";
-@import "line";
+@import "~quasar/dist/quasar.sass";
+
+@import "quasar/common";
+@import "quasar/btn";
+@import "quasar/drawer";
+@import "quasar/field";
+@import "quasar/loading";
+@import "quasar/table";
+@import "quasar/toolbar";
+
+@import "common";
+@import "line";

package/sass/line.scss

@@ -1,39 +1,39 @@
-/**
- * 极细线
- */
-.n-line {
-    border: 1px solid $separator-color;
-    &--top {
-        border-top: 1px solid $separator-color;
-    }
-    &--right {
-        border-right: 1px solid $separator-color;
-    }
-    &--bottom {
-        border-bottom: 1px solid $separator-color;
-    }
-    &--left {
-        border-left: 1px solid $separator-color;
-    }
-}
-
-/**
- * 暗色
- */
-.body--dark {
-    .n-line {
-        border-color: $separator-dark-color;
-        &--top {
-            border-top-color: $separator-dark-color;
-        }
-        &--right {
-            border-right-color: $separator-dark-color;
-        }
-        &--bottom {
-            border-bottom-color: $separator-dark-color;
-        }
-        &--left {
-            border-left-color: $separator-dark-color;
-        }
-    }
-}
+/**
+ * 极细线
+ */
+.n-line {
+    border: 1px solid $separator-color;
+    &--top {
+        border-top: 1px solid $separator-color;
+    }
+    &--right {
+        border-right: 1px solid $separator-color;
+    }
+    &--bottom {
+        border-bottom: 1px solid $separator-color;
+    }
+    &--left {
+        border-left: 1px solid $separator-color;
+    }
+}
+
+/**
+ * 暗色
+ */
+.body--dark {
+    .n-line {
+        border-color: $separator-dark-color;
+        &--top {
+            border-top-color: $separator-dark-color;
+        }
+        &--right {
+            border-right-color: $separator-dark-color;
+        }
+        &--bottom {
+            border-bottom-color: $separator-dark-color;
+        }
+        &--left {
+            border-left-color: $separator-dark-color;
+        }
+    }
+}

package/sass/quasar/btn.scss

@@ -1,46 +1,46 @@
-/**
- * 按钮
- */
-.q-btn {
-    &.disabled {
-        opacity: 0.5 !important;
-    }
-
-    // 线条默认按钮
-    &--outline {
-        &.text-default {
-            &:before {
-                border-color: rgba(var(--n-reverse-color-rgb), 0.2);
-            }
-        }
-    }
-}
-
-.n-button {
-    // 带图标的按钮
-    &-icon {
-        .q-icon {
-            font-size: 1.315em;
-        }
-        .on-left {
-            margin-right: 5px;
-        }
-        .on-right {
-            margin-left: 5px;
-        }
-    }
-}
-
-
-
-// 亮色
-.body--light {
-    .q-btn {
-        // 线条默认按钮
-        &--outline {
-            &.text-default {
-                background: #ffffff !important;
-            }
-        }
-    }
-}
+/**
+ * 按钮
+ */
+.q-btn {
+    &.disabled {
+        opacity: 0.5 !important;
+    }
+
+    // 线条默认按钮
+    &--outline {
+        &.text-default {
+            &:before {
+                border-color: rgba(var(--n-reverse-color-rgb), 0.2);
+            }
+        }
+    }
+}
+
+.n-button {
+    // 带图标的按钮
+    &-icon {
+        .q-icon {
+            font-size: 1.315em;
+        }
+        .on-left {
+            margin-right: 5px;
+        }
+        .on-right {
+            margin-left: 5px;
+        }
+    }
+}
+
+
+
+// 亮色
+.body--light {
+    .q-btn {
+        // 线条默认按钮
+        &--outline {
+            &.text-default {
+                background: #ffffff !important;
+            }
+        }
+    }
+}

package/sass/quasar/common.scss

@@ -1,3 +1,3 @@
-//.q-page-container {
-//    position: relative;
-//}
+//.q-page-container {
+//    position: relative;
+//}

package/sass/quasar/drawer.scss

@@ -1,6 +1,6 @@
-/**
- * 布局侧滑菜单
- */
-.q-drawer__opener {
-    display: none !important;
-}
+/**
+ * 布局侧滑菜单
+ */
+.q-drawer__opener {
+    display: none !important;
+}