@zfqh/uniapp 0.1.1

package/lib/styles/border.scss

@@ -0,0 +1,218 @@
+.border {
+  border-width: 1px;
+  border-style: solid;
+  border-color: $uv-border-color;
+}
+.border-half {
+  border-width: 0.5px;
+  border-style: solid;
+  border-color: $uv-border-color;
+}
+.border-0 {
+  border-width: 0;
+}
+.border-t-0 {
+  border-top-width: 0;
+}
+.border-r-0 {
+  border-right-width: 0;
+}
+.border-b-0 {
+  border-bottom-width: 0;
+}
+.border-l-0 {
+  border-left-width: 0;
+}
+@for $i from 1 through 4 {
+  $s: $i * 2;
+  .border-width-#{$s}px {
+    border-width: #{$s}px;
+  }
+  .border-width-#{$s}rpx {
+    border-width: #{$s}rpx;
+  }
+  .border-t-width-#{$s}px {
+    border-top-width: #{$s}px;
+  }
+  .border-t-width-#{$s}rpx {
+    border-top-width: #{$s}rpx;
+  }
+  .border-r-width-#{$s}px {
+    border-right-width: #{$s}px;
+  }
+  .border-r-width-#{$s}rpx {
+    border-right-width: #{$s}rpx;
+  }
+  .border-b-width-#{$s}px {
+    border-bottom-width: #{$s}px;
+  }
+  .border-b-width-#{$s}rpx {
+    border-bottom-width: #{$s}rpx;
+  }
+  .border-l-width-#{$s}px {
+    border-left-width: #{$s}px;
+  }
+  .border-l-width-#{$s}rpx {
+    border-left-width: #{$s}rpx;
+  }
+  .border-x-width-#{$s}px {
+    border-left-width: #{$s}px;
+    border-right-width: #{$s}px;
+  }
+  .border-x-width-#{$s}rpx {
+    border-left-width: #{$s}rpx;
+    border-right-width: #{$s}rpx;
+  }
+  .border-y-width-#{$s}px {
+    border-top-width: #{$s}px;
+    border-bottom-width: #{$s}px;
+  }
+  .border-y-width-#{$s}rpx {
+    border-top-width: #{$s}rpx;
+    border-bottom-width: #{$s}rpx;
+  }
+}
+.border-solid {
+  border-style: solid;
+}
+.border-dashed {
+  border-style: dashed;
+}
+.border-dotted {
+  border-style: dotted;
+}
+.border-t {
+  border-top-width: 1px;
+  border-top-style: solid;
+  border-top-color: $uv-border-color;
+}
+.border-r {
+  border-right-width: 1px;
+  border-right-style: solid;
+  border-right-color: $uv-border-color;
+}
+.border-b {
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: $uv-border-color;
+}
+.border-l {
+  border-left-width: 1px;
+  border-left-style: solid;
+  border-left-color: $uv-border-color;
+}
+.border-x {
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-left-style: solid;
+  border-right-style: solid;
+  border-left-color: $uv-border-color;
+  border-right-color: $uv-border-color;
+}
+.border-y {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-bottom-style: solid;
+  border-top-color: $uv-border-color;
+  border-bottom-color: $uv-border-color;
+}
+.border-primary {
+  border-color: $uv-primary;
+}
+.border-warning {
+  border-color: $uv-warning;
+}
+.border-success {
+  border-color: $uv-success;
+}
+.border-error {
+  border-color: $uv-error;
+}
+.border-info {
+  border-color: $uv-info;
+}
+.border-main {
+  border-color: $uv-main-color;
+}
+.border-light {
+  border-color: $uv-light-color;
+}
+.border-content {
+  border-color: $uv-content-color;
+}
+.border-transparent {
+  border-color: transparent;
+}
+.rounded-0 {
+  border-radius: 0;
+}
+.rounded-full {
+  border-radius: 9999px;
+}
+
+@for $i from 1 through 50 {
+  $s: $i * 2;
+  .rounded-#{$s}px {
+    border-radius: #{$s}px;
+  }
+  .rounded-t-#{$s}px {
+    border-top-left-radius: #{$s}px;
+    border-top-right-radius: #{$s}px;
+  }
+  .rounded-b-#{$s}px {
+    border-bottom-left-radius: #{$s}px;
+    border-bottom-right-radius: #{$s}px;
+  }
+  .rounded-l-#{$s}px {
+    border-top-left-radius: #{$s}px;
+    border-bottom-left-radius: #{$s}px;
+  }
+  .rounded-r-#{$s}px {
+    border-top-right-radius: #{$s}px;
+    border-bottom-right-radius: #{$s}px;
+  }
+  .rounded-tl-#{$s}px {
+    border-top-left-radius: #{$s}px;
+  }
+  .rounded-tr-#{$s}px {
+    border-top-right-radius: #{$s}px;
+  }
+  .rounded-bl-#{$s}px {
+    border-bottom-left-radius: #{$s}px;
+  }
+  .rounded-br-#{$s}px {
+    border-bottom-right-radius: #{$s}px;
+  }
+  .rounded-#{$s}rpx {
+    border-radius: #{$s}rpx;
+  }
+  .rounded-t-#{$s}rpx {
+    border-top-left-radius: #{$s}rpx;
+    border-top-right-radius: #{$s}rpx;
+  }
+  .rounded-b-#{$s}rpx {
+    border-bottom-left-radius: #{$s}rpx;
+    border-bottom-right-radius: #{$s}rpx;
+  }
+  .rounded-l-#{$s}rpx {
+    border-top-left-radius: #{$s}rpx;
+    border-bottom-left-radius: #{$s}rpx;
+  }
+  .rounded-r-#{$s}rpx {
+    border-top-right-radius: #{$s}rpx;
+    border-bottom-right-radius: #{$s}rpx;
+  }
+  .rounded-tl-#{$s}rpx {
+    border-top-left-radius: #{$s}rpx;
+  }
+  .rounded-tr-#{$s}rpx {
+    border-top-right-radius: #{$s}rpx;
+  }
+  .rounded-bl-#{$s}rpx {
+    border-bottom-left-radius: #{$s}rpx;
+  }
+  .rounded-br-#{$s}rpx {
+    border-bottom-right-radius: #{$s}rpx;
+  }
+}

package/lib/styles/flex-nvue.scss

@@ -0,0 +1,64 @@
+.flex {
+  flex-direction: row;
+  align-items: center;
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+@for $n from 0 through 5 {
+  .flex-#{$n} {
+    flex: $n;
+  }
+}
+.flex-none {
+  flex: 0;
+}
+.items-start {
+  align-items: flex-start;
+}
+.items-end {
+  align-items: flex-end;
+}
+.items-center {
+  align-items: center;
+}
+.items-stretch {
+  align-items: stretch;
+}
+.items-baseline {
+  align-items: flex-end;
+}
+.justify-start {
+  justify-content: flex-start;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.justify-around {
+  justify-content: space-around;
+}
+

package/lib/styles/flex-vue.scss

@@ -0,0 +1,75 @@
+page {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .flex {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .flex-inline {
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .flex-row {
+    flex-direction: row;
+  }
+  .flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  @for $n from 0 through 5 {
+    .flex-#{$n} {
+      flex: $n;
+    }
+  }
+  .flex-none {
+    flex: 0;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .items-end {
+    align-items: flex-end;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-stretch {
+    align-items: stretch;
+  }
+  .items-baseline {
+    align-items: baseline;
+  }
+  .justify-start {
+    justify-content: flex-start;
+  }
+  .justify-end {
+    justify-content: flex-end;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-around {
+    justify-content: space-around;
+  }
+}
+

package/lib/styles/font.scss

@@ -0,0 +1,59 @@
+.font-sans {
+  font-family: system-ui, sans-serif;
+}
+.font-thin {
+  font-weight: 100;
+}
+.font-extralight {
+  font-weight: 200;
+}
+.font-light {
+  font-weight: 300;
+}
+.font-normal {
+  font-weight: 400;
+}
+.font-medium {
+  font-weight: 500;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.font-bold {
+  font-weight: 700;
+}
+.font-extrabold {
+  font-weight: 800;
+}
+.font-black {
+  font-weight: 900;
+}
+@each $w in (100, 200, 300, 400, 500, 600, 700, 800, 900) {
+  .font-#{$w} {
+    font-weight: $w;
+  }
+}
+.italic {
+  font-style: italic;
+}
+.not-italic {
+  font-style: normal;
+}
+.leading-none {
+  line-height: 1;
+}
+.leading-tight {
+  line-height: 1.25;
+}
+.leading-snug {
+  line-height: 1.375;
+}
+.leading-normal {
+  line-height: 1.5;
+}
+.leading-relaxed {
+  line-height: 1.625;
+}
+.leading-loose {
+  line-height: 2;
+}

package/lib/styles/index.scss

@@ -0,0 +1,25 @@
+@import '@gmcb/uv-ui/index.scss';
+@import './font.scss';
+@import './spacing.scss';
+@import './opacity.scss';
+@import './sizing.scss';
+@import './layout.scss';
+@import './shadow.scss';
+@import './border.scss';
+@import './bg.scss';
+@import './text.scss';
+@import './animate.scss';
+/* #ifndef APP-NVUE */
+@import './reset-vue.scss';
+@import './flex-vue.scss';
+@import './layout-vue.scss';
+@import './sizing-vue.scss';
+@import './text-vue.scss';
+@import './bg-vue.scss';
+@import './animate-vue.scss';
+/* #endif */
+/* #ifdef APP-NVUE */
+@import './flex-nvue.scss';
+@import './layout-nvue.scss';
+@import './text-nvue.scss';
+/* #endif */

package/lib/styles/layout-nvue.scss

@@ -0,0 +1,24 @@
+.relative {
+  position: relative;
+}
+.absolute {
+  position: absolute;
+}
+.fixed {
+  position: fixed;
+}
+.sticky {
+  position: sticky;
+}
+.sticky-top {
+  position: sticky;
+  top: 0;
+  z-index: 9;
+}
+.sticky-bottom {
+  position: sticky;
+  bottom: 0;
+  z-index: 9;
+}
+
+

package/lib/styles/layout-vue.scss

@@ -0,0 +1,30 @@
+page {
+  .relative {
+    position: relative;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .sticky {
+    position: sticky;
+  }
+  .sticky-top {
+    position: sticky;
+    top: var(--window-top);
+    z-index: 9;
+  }
+  .sticky-bottom {
+    position: sticky;
+    bottom: var(--window-bottom);
+    z-index: 9;
+  }
+}
+.overflow-auto {
+  overflow: auto;
+}
+.overflow-scroll {
+  overflow: scroll;
+}

package/lib/styles/layout.scss

@@ -0,0 +1,76 @@
+.overflow-hidden {
+  overflow: hidden;
+}
+.inset-0 {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.inset-x-0 {
+  left: 0;
+  right: 0;
+}
+.inset-y-0 {
+  top: 0;
+  bottom: 0;
+}
+@for $i from 0 through 50 {
+  $s: $i * 2;
+  .top-#{$s}px {
+    top: #{$s}px;
+  }
+  .right-#{$s}px {
+    right: #{$s}px;
+  }
+  .bottom-#{$s}px {
+    bottom: #{$s}px;
+  }
+  .left-#{$s}px {
+    left: #{$s}px;
+  }
+  .top-#{$s}rpx {
+    top: #{$s}rpx;
+  }
+  .right-#{$s}rpx {
+    right: #{$s}rpx;
+  }
+  .bottom-#{$s}rpx {
+    bottom: #{$s}rpx;
+  }
+  .left-#{$s}rpx {
+    left: #{$s}rpx;
+  }
+}
+@for $i from 1 through 50 {
+  $s: $i * 2;
+  .-top-#{$s}px {
+    top: -#{$s}px;
+  }
+  .-right-#{$s}px {
+    right: -#{$s}px;
+  }
+  .-bottom-#{$s}px {
+    bottom: -#{$s}px;
+  }
+  .-left-#{$s}px {
+    left: -#{$s}px;
+  }
+  .-top-#{$s}rpx {
+    top: -#{$s}rpx;
+  }
+  .-right-#{$s}rpx {
+    right: -#{$s}rpx;
+  }
+  .-bottom-#{$s}rpx {
+    bottom: -#{$s}rpx;
+  }
+  .-left-#{$s}rpx {
+    left: -#{$s}rpx;
+  }
+}
+@for $n from 0 through 10 {
+  .z-#{$n} {
+    z-index: $n;
+  }
+}

package/lib/styles/opacity.scss

@@ -0,0 +1,10 @@
+.opacity-0 {
+  opacity: 0;
+}
+@for $i from 1 through 10 {
+  $o: $i * 10;
+  .opacity-#{$o} {
+    opacity: $o * 0.01;
+  }
+}
+

package/lib/styles/reset-vue.scss

@@ -0,0 +1,46 @@
+:root {
+  /* #ifndef H5 */
+  --window-bottom: 0px;
+  --window-top: 0px;
+  /* #endif */
+  --window-height: 100vh;
+  --window-width: 100vw;
+}
+
+page {
+  width: 100%;
+  height: 100%;
+  font-family: Microsoft YaHei;
+  color: $uv-main-color;
+}
+
+view,
+text,
+image {
+  box-sizing: border-box;
+}
+
+.uni-scroll-view-refresher {
+  background-color: transparent !important;
+}
+
+.ql-editor.ql-blank:before {
+  color: $uv-disabled-color;
+  font-size: 30rpx;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.uv-toast {
+  &__content {
+    &__text {
+      line-height: 18px !important;
+      font-size: 13px !important;
+      word-break: break-all;
+    }
+    &.uv-type-default {
+      background-color: rgba(17, 17, 17, 0.7);
+      text-align: center;
+    }
+  }
+}

package/lib/styles/shadow.scss

@@ -0,0 +1,12 @@
+.shadow {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+.shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.shadow-md {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+.shadow-lg {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+}

package/lib/styles/sizing-vue.scss

@@ -0,0 +1,21 @@
+.w-full {
+  width: 100%;
+}
+.h-full {
+  height: 100%;
+}
+@for $i from 1 through 10 {
+  $s: $i * 10;
+  .w-#{$s}vw {
+    width: #{$s}vw;
+  }
+  .h-#{$s}vh {
+    height: #{$s}vh;
+  }
+}
+.box-border {
+  box-sizing: border-box;
+}
+.box-content {
+  box-sizing: content-box;
+}

package/lib/styles/sizing.scss

@@ -0,0 +1,21 @@
+.w-0 {
+  width: 0;
+}
+.h-0 {
+  height: 0;
+}
+@for $i from 1 through 80 {
+  $s: $i * 2;
+  .w-#{$s}px {
+    width: #{$s}px;
+  }
+  .h-#{$s}px {
+    height: #{$s}px;
+  }
+  .w-#{$s}rpx {
+    width: #{$s}rpx;
+  }
+  .h-#{$s}rpx {
+    height: #{$s}rpx;
+  }
+}