build

lib/miniprogram_npm/lin-ui/price/index.less

@@ -0,0 +1,12 @@
+@import "../styles/_base.less";
+
+.price-del{
+  text-decoration: line-through !important;
+}
+
+.price-container{
+  display: inline-block;
+  text-align: center;
+  color: @theme-color;
+  font-size: 28rpx;
+}

lib/miniprogram_npm/lin-ui/progress/index.less

@@ -0,0 +1,43 @@
+/* components/progress/index.wxss */
+@import "../styles/_base.less";
+
+.container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.progress {
+    position: relative;
+    width: 100%;
+    transition: all 0.25s ease-in-out;
+}
+
+.percent {
+    position: absolute;
+    z-index: 1;
+}
+
+.active {
+    background-color: @progress-active-color;
+}
+
+.text {
+    color: @progress-active-color;
+    font-size: 30rpx;
+}
+
+.background {
+    position: absolute;
+    width: 100%;
+}
+
+.header {
+    position: absolute !important;
+    z-index: 2;
+}
+
+.slot {
+    position: absolute;
+    z-index: 2;
+}

lib/miniprogram_npm/lin-ui/radio-group/index.less

@@ -0,0 +1,13 @@
+.radio-group {
+  width: 100%;
+
+  &-row {
+    display       : flex;
+    flex-direction: row;
+  }
+
+  &-column {
+    display       : flex;
+    flex-direction: column;
+  }
+}

lib/miniprogram_npm/lin-ui/radio/index.less

@@ -0,0 +1,46 @@
+.label {
+  display    : flex;
+  flex       : 1;
+  align-items: center;
+  font-size  : 30rpx;
+  color      : #333;
+  width      : 100%;
+
+  &-left {
+    flex-direction: row;
+  }
+
+  &-right {
+    flex-direction : row-reverse;
+    justify-content: space-between;
+  }
+
+  &-disabled {
+    color: #ccc;
+  }
+}
+
+.radio {
+  margin-right: 20rpx;
+}
+
+.iconfont {
+  font-family            : "iconfont" !important;
+  display                : inline-flex;
+  font-style             : normal;
+  -webkit-font-smoothing : antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+@font-face {
+  font-family: "iconfont";
+  src        : url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMMAAsAAAAABwQAAAK9AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBaIFyATYCJAMMCwgABCAFhG0HOxs9BsgekiQlqiBBkCKqgBDbFA9f+72eu7sf0SUKUEYCjq8CJBWhqlrpakx5POtO5RtaczeTEm4dEZ0nl3vZ/P4QsbZQwBuhkJZZe0ElkSkAzf+5nN4oP2/Mb1kucw086gUYBxToHtgmK5FAPIXhtYt1GOcJtC1qIDsxOz1Aq6DTAvGYpZNAm4sqilRoCvWatUW8V9NMb9Mt4F34/firLbQktYzOPXN3MgNGfhz/9uXVatVlHyGbzw1pExlbgEJcrfWep4izWxTahlppdgJ1RUhzJaqKUGrq6zv94yWijtZ3wRo06aZkroDgZ58ENGRb3WvkdwEvYZyONecufVjvlP/yCN9e6dcv/syKok+S/ILg5fk4v+4VjvzShk88ZPlDX7WRthx5hXV881Hg5krDX9Z84j7MqK4cjZR1JuLFnjJtMX7ePssP3xVQnfFiKPkScCUeVTcdonq0qYhT/P/M8y4Q5ZkuBeY3m1/gqWk5FFo2LcA/s72GnXZzDSQAVPNPvhv+Qobg0R/V/2uDnX/NTgHftl/fyIRqAfkuAJr34wv+r6xnVzEV1JaLLnWltj9bvld3AmI5oEKDYy/j9bPeaUIzJ5MgaViArGkJLdQtqOnYhrqmfWjbZNncMYEpRGlhwxaBMHQNSd8HyIbqaKE+Q83cH9QNQwFtZ2OyZ8dKsPpjjJIEZWBqDrLpUpFyHEQfNboQPZVP4qwiZPsQ5tgEbG1qKRYsqIjwHAu4abqNEApSuFSAZnIZyudLsIxLWZQmTQwh5b7mZqruTU3pUgHoHcOQJALJgFLmQKy0kiLK70/oS593QWhT8pJwC6kh7INgHHZ4qFWTlh6oRVvsRbqXazjTaG0IggJRsJICyExGIXl5JVC5flQWkkY0YUaky/o0s15UX23T+vrC9x2ANrogR4ocRfNNkUP5u9SpAwsAAAAA') format('woff2')
+}
+
+.icon-unselect:before {
+  content: "\e6a1";
+}
+
+.icon-select:before {
+  content: "\e73a";
+}

lib/miniprogram_npm/lin-ui/rate/index.less

@@ -0,0 +1,17 @@
+.l-rate-star,.l-rate {
+    display: inline-flex;
+}
+.l-rate-star {
+    position: relative;
+}
+
+.icon-checked {
+    position: absolute;
+    overflow: hidden;
+    display: flex;
+}
+
+.image-item {
+    width: 80rpx;
+    height: 80rpx;
+}

lib/miniprogram_npm/lin-ui/search-bar/index.less

@@ -0,0 +1,90 @@
+.search-bar {
+  display       : flex;
+  flex-direction: row;
+  align-items   : center;
+  padding       : 0 20rpx;
+  box-sizing    : border-box;
+  width         : 100%;
+}
+
+.search-input {
+  height          : 60rpx;
+  background-color: #f3f3f3;
+  display         : flex;
+  flex-direction  : row;
+  flex            : 1;
+  align-items     : center;
+  padding-left    : 30rpx;
+  box-sizing      : border-box
+}
+
+.search-input-primary {
+  border-radius: 8rpx
+}
+
+.search-input-circle {
+  border-radius: 30rpx
+}
+
+.cancel {
+  font-size      : 28rpx;
+  color          : #666;
+  display        : flex;
+  align-items    : center;
+  width          : 60rpx;
+  justify-content: center;
+  height         : 60rpx;
+  margin-left    : 15rpx;
+}
+
+.input {
+  height     : 40rpx;
+  line-height: 40rpx;
+  flex       : 1;
+  margin-left: 15rpx;
+  font-size  : 28rpx;
+  color      : #666;
+}
+
+.input-center {
+  text-align: center
+}
+
+.input-left {
+  text-align: left
+}
+
+.close-wrap {
+  padding: 10rpx;
+}
+
+.close {
+  height         : 30rpx;
+  width          : 30rpx;
+  background     : #ddd;
+  display        : flex;
+  align-items    : center;
+  justify-content: center;
+  border-radius  : 50%;
+  padding-top    : 3rpx;
+  box-sizing     : border-box;
+  margin-right   : 15rpx;
+}
+
+.pls-class {
+  color    : #bdbdbd;
+  font-size: 28rpx
+}
+
+.icon-container {
+  display       : flex;
+  flex-direction: row;
+  align-items   : center;
+  margin-right  : 15rpx;
+}
+
+.city {
+  font-size   : 28rpx;
+  color       : #333;
+  margin-right: 10rpx
+}

lib/miniprogram_npm/lin-ui/segment/index.less

@@ -0,0 +1,289 @@
+/* components/tabs/index.wxss */
+.l-tabs {
+    overflow: auto;
+    width: 100%;
+    // IOS 下开启惯性滚动
+    -webkit-overflow-scrolling: touch
+}
+.l-tabs-header {
+    display: flex;
+    width: 100%;
+    flex-direction: row;
+    align-items: center;
+
+    .l-tabs-item {
+        font-size: 28rpx;
+        text-align: center;
+        box-sizing: border-box;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .l-icon-active,
+    .l-tabs-active {
+        color: #333333;
+
+    }
+
+    .l-icon-active,
+    .l-icon-inactive {
+        font-size: 28rpx;
+    }
+
+    .l-icon-inactive,
+    .l-tabs-inactive {
+        color: #bbbbbb;
+    }
+
+    .l-tabsitems-row {
+        flex-direction: row;
+
+        .l-icon-inactive,
+        .l-icon-active {
+            margin-right: 10rpx;
+        }
+    }
+
+    .l-tabsitems-row-reverse {
+        flex-direction: row-reverse;
+
+        .l-icon-inactive,
+        .l-icon-active {
+            margin-left: 10rpx;
+        }
+    }
+}
+
+
+.l-placement-top,
+.l-placement-bottom {
+    height: 80rpx;
+    .l-tabs-header {
+        height: 100%;
+
+        .l-tabs-item {
+            min-height: 100%;
+        }
+    }
+}
+
+.l-placement-right {
+    flex-direction: row-reverse;
+}
+
+.l-placement-bottom {
+    flex-direction: column-reverse;
+}
+
+//  滚动标签栏-水平
+.l-tabs-scroll.l-tabs-horizontal {
+    .l-tabs-header {
+        -webkit-overflow-scrolling: touch;
+        white-space: nowrap;
+
+        .l-tabs-item {
+            overflow: visible;
+        }
+    }
+}
+
+.l-tabs-vertical {
+    width: 160rpx;
+    .l-tabsscroll {
+        width: 160rpx;
+        box-sizing: border-box;
+    }
+
+    .l-tabs-equal-header {
+        height: 100%;
+    }
+
+    .l-tabs-header {
+        width: 100%;
+
+        flex-direction: column;
+        -webkit-overflow-scrolling: touch;
+        white-space: nowrap;
+        overflow-x: hidden;
+
+        .l-tabs-item.l-tabs-active {
+            background: #fff;
+        }
+
+        .l-tabs-unequal-width {
+            height: 80rpx;
+        }
+
+        .l-tabs-equal-width {
+            // flex: 1;
+        }
+
+        .l-tabs-item {
+            overflow: visible;
+            background: #f6f8fa;
+            width: 100%;
+        }
+
+
+    }
+}
+
+// 下划线
+.l-tabs-item {
+    position: relative;
+}
+
+.l-tab-line {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background: #000;
+}
+
+.l-tabs-horizontal {
+
+    .l-tabs-equal-width {
+        flex: 1;
+    }
+
+    .l-tabs-unequal-width {
+        padding: 0 20rpx;
+    }
+
+    .l-tabsscroll {
+        height: 100%;
+        box-sizing: border-box;
+    }
+    .l-tab-line {
+        height: 4rpx;
+        width: 0;
+        left: 100%;
+        right: 0;
+        margin: 0 auto;
+
+    }
+
+    .l-line-aminmated {
+        transition: 0.2s all linear;
+    }
+
+    .l-tabs-active.l-tabs-item~.l-tabs-item {
+        .l-tab-line {
+            left: 0;
+        }
+
+    }
+
+    .l-tabs-active {
+        .l-tab-line {
+            width: 100%;
+            left: 0;
+        }
+
+        .l-line-aminmated {
+            transition-delay: 0.1s;
+        }
+    }
+
+}
+
+.l-placement-top {
+    .l-tab-line {
+        bottom: 0;
+        transform: translateY(-100%)
+    }
+
+    .l-tabs-header-line {
+        border-bottom: 1px solid #F3F3F3
+    }
+}
+
+.l-placement-bottom {
+    .l-tab-line {
+        top: 0
+    }
+
+    .l-tabs-header-line {
+        border-top: 1px solid #F3F3F3
+    }
+}
+
+.l-tabs-vertical {
+    .l-tab-line {
+        width: 6rpx;
+        height: 0;
+        border-radius: 0 6rpx 6rpx 0;
+        top: 0;
+        margin: auto 0;
+    }
+
+    .l-line-aminmated {
+        transition: 0.2s all linear;
+    }
+
+    .l-tabs-active {
+        .l-tab-line {
+            height: 40rpx;
+        }
+
+        .l-line-aminmated {
+            transition-delay: 0.1s;
+        }
+    }
+
+    .l-tabs-active.l-tabs-item~.l-tabs-item {
+        .l-tab-line {
+            height: 0;
+            top: 0;
+        }
+    }
+
+}
+
+.l-placement-left {
+    .l-tab-line {
+        // left: 0;
+        right: auto;
+    }
+
+    .l-tabs-header-line {
+        border-left: 1px solid #F3F3F3
+    }
+}
+
+.l-placement-right {
+    .l-tab-line {
+        right: 0;
+        left: auto;
+    }
+
+    .l-tabs-header-line {
+        border-right: 1px solid #F3F3F3
+    }
+}
+
+.l-tab-image {
+    width: 100rpx;
+    height: 100rpx;
+}
+
+.l-tab-image-placement-top {
+    flex-direction: column;
+}
+
+.l-tab-image-placement-bottom {
+    flex-direction: column-reverse;
+}
+
+.l-tab-image-placement-left {
+    flex-direction: row;
+}
+
+.l-tab-image-placement-right {
+    flex-direction: row-reverse;
+}
+
+.l-tabs-header .badge-view {
+    top: -20rpx
+}

lib/miniprogram_npm/lin-ui/skeleton/index.less

@@ -0,0 +1,60 @@
+.l-skeleton {
+
+  &-container {
+    width         : 100%;
+    display       : flex;
+    flex-direction: row;
+    box-sizing    : border-box;
+  }
+
+  &-avatar {
+    height       : 72rpx;
+    width        : 72rpx;
+    margin-right : 20rpx;
+
+    &-circle{
+      border-radius: 50%;
+    }
+  }
+
+  &-right {
+    display       : flex;
+    flex-direction: column;
+    flex          : 1;
+  }
+
+  &-title {
+    width : 100%;
+    height: 34rpx;
+
+    &-container {
+      height     : 72rpx;
+      width      : 50%;
+      display    : flex;
+      align-items: center;
+    }
+  }
+
+  &-rows {
+    margin-top: 20rpx;
+  }
+}
+
+.bg {
+  background     : linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+}
+
+.active {
+  animation: loading 1.4s ease infinite;
+}
+
+@keyframes loading {
+  0% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0 50%;
+  }
+}

lib/miniprogram_npm/lin-ui/slide-view/index.less

@@ -0,0 +1,11 @@
+/* slide-view/slide-view.wxss */
+.movable-content{
+  display: flex;
+  direction: row;
+  overflow: hidden;
+}
+
+.container {
+  overflow: hidden;
+}
+

lib/miniprogram_npm/lin-ui/spin/index.less

@@ -0,0 +1,194 @@
+@import "../styles/_base.less";
+
+.spinner{
+  &-flash{
+    &-default{
+      width: 60rpx;
+      height: 60rpx;
+    }
+    &-mini{
+      width: 40rpx;
+      height: 40rpx;
+    }
+    &-large{
+      width: 80rpx;
+      height: 80rpx;
+    }
+  }
+  &-flip{
+    &-default{
+      width: 60rpx;
+      height: 60rpx;
+    }
+    &-mini{
+      width: 40rpx;
+      height: 40rpx;
+    }
+    &-large{
+      width: 80rpx;
+      height: 80rpx;
+    }
+  }
+  &-change{
+    &-default{
+      width: 50rpx;
+      height: 50rpx;
+    }
+    &-mini{
+      width: 30rpx;
+      height: 30rpx;
+    }
+    &-large{
+      width: 70rpx;
+      height: 70rpx;
+    }
+  }
+}
+
+/*flash */
+
+.flash-spinner {
+  position: relative;
+}
+
+.flash-bounce1, .flash-bounce2 {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background-color: @default-color;
+  opacity: 0.6;
+  position: absolute;
+  top: 0;
+  left: 0;
+  -webkit-animation: bounce 2.0s infinite ease-in-out;
+  animation: bounce 2.0s infinite ease-in-out;
+}
+
+.flash-bounce2 {
+  -webkit-animation-delay: -1.0s;
+  animation-delay: -1.0s;
+}
+
+@-webkit-keyframes bounce {
+  0%, 100% {
+    -webkit-transform: scale(0.0);
+  }
+
+  50% {
+    -webkit-transform: scale(1.0);
+  }
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: scale(0.0);
+    -webkit-transform: scale(0.0);
+  }
+
+  50% {
+    transform: scale(1.0);
+    -webkit-transform: scale(1.0);
+  }
+}
+
+/*flip  */
+
+.flip-bounce1 {
+  background-color: @default-color;
+  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
+  animation: rotateplane 1.2s infinite ease-in-out;
+}
+
+@-webkit-keyframes rotateplane {
+  0% {
+    -webkit-transform: perspective(120px);
+  }
+
+  50% {
+    -webkit-transform: perspective(120px) rotateY(180deg);
+  }
+
+  100% {
+    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
+  }
+}
+
+@keyframes rotateplane {
+  0% {
+    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
+  }
+
+  50% {
+    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+  }
+
+  100% {
+    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
+  }
+}
+
+/* change */
+
+.change-spinner {
+  width: 240rpx;
+  text-align: center;
+}
+
+.change-bounce1 {
+  background-color: @default-color;
+  border-radius: 100%;
+  display: inline-block;
+  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
+  animation: bouncedelay 1.4s infinite ease-in-out;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: -0.32s;
+  animation-delay: -0.32s;
+}
+
+.change-bounce2 {
+  background-color: @default-color;
+  border-radius: 100%;
+  display: inline-block;
+  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
+  animation: bouncedelay 1.4s infinite ease-in-out;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: -0.16s;
+  animation-delay: -0.16s;
+}
+
+.change-bounce3 {
+  background-color: @default-color;
+  border-radius: 100%;
+  display: inline-block;
+  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
+  animation: bouncedelay 1.4s infinite ease-in-out;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+
+@-webkit-keyframes bouncedelay {
+  0%, 80%, 100% {
+    -webkit-transform: scale(0.0);
+  }
+
+  40% {
+    -webkit-transform: scale(1.0);
+  }
+}
+
+@keyframes bouncedelay {
+  0%, 80%, 100% {
+    transform: scale(0.0);
+    -webkit-transform: scale(0.0);
+  }
+
+  40% {
+    transform: scale(1.0);
+    -webkit-transform: scale(1.0);
+  }
+}

lib/miniprogram_npm/lin-ui/status-show/index.less

@@ -0,0 +1,44 @@
+.l-status-container {
+  background-color: #fff;
+  flex-direction: column;
+  display: flex;
+  justify-content: center;
+}
+
+.content {
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: #fff;
+  height: 100%;
+  width: 100%;
+}
+
+.ad-img {
+  width: 198rpx !important;
+  height: 204rpx !important
+}
+
+.top-img {
+  width: 264rpx;
+  height: 204rpx
+}
+
+.left-img {
+  width: 120rpx;
+  height: 184rpx;
+}
+
+.image_margin_top {
+  margin-top: -250rpx;
+}
+
+.status-text {
+  font-size: 30rpx;
+  color: #45526b;
+  margin-top: 40rpx;
+}
+
+.button_margin_top {
+  margin-top: 80rpx;
+}

lib/miniprogram_npm/lin-ui/step/index.less

@@ -0,0 +1,183 @@
+@import "../styles/_base.less";
+
+.step {
+  display : flex;
+  position: relative;
+
+  &-custom {
+    z-index: 2;
+  }
+
+  &-row {
+    flex-direction: column;
+    align-items   : center;
+  }
+
+  &-column {
+    flex-direction: row;
+    padding-left  : 30rpx;
+    box-sizing    : border-box;
+  }
+
+  &-container {
+    display         : flex;
+    justify-content : center;
+    z-index         : 2;
+    align-items     : center;
+    background-color: #fff;
+
+    &-row {
+      width : 70rpx;
+      height: 40rpx;
+    }
+
+    &-column {
+      height: 60rpx;
+      width : 40rpx;
+    }
+  }
+
+  &-icon {
+    width          : 40rpx;
+    height         : 40rpx;
+    display        : flex;
+    align-items    : center;
+    justify-content: center;
+    font-size      : 22rpx;
+    transition     : 0.5s;
+    box-sizing     : border-box;
+  }
+
+  &-process {
+    color           : #fff;
+    background-color: @step-active-color;
+    border-radius   : 50%;
+  }
+
+  &-error {
+    background-color: #fff;
+    border          : 1px solid @error-color;
+    color           : @error-color;
+    border-radius   : 50%;
+  }
+
+  &-finish {
+    background-color: #fff;
+    color           : @step-active-color;
+    border          : 1px solid @step-active-color;
+    border-radius   : 50%;
+  }
+
+  &-wait {
+    background-color: #fff;
+    color           : @step-color;
+    border          : 1px solid @step-color;
+    border-radius   : 50%;
+  }
+
+  &-dot {
+    width        : 24rpx;
+    height       : 24rpx;
+    border-radius: 50%;
+    transition   : 0.5s;
+
+    &-process {
+      background-color: @step-active-color;
+    }
+
+    &-wait {
+      background-color: @step-color;
+    }
+
+    &-error {
+      background-color: @error-color;
+    }
+
+    &-finish {
+      background-color: @step-active-color;
+    }
+  }
+
+  &-line {
+    background: @step-color;
+    transition: 0.5s;
+    position  : absolute;
+    z-index   : 0;
+
+    &-row {
+      height: 2rpx;
+      width : 100%;
+      left  : 50%;
+      top   : 18rpx;
+    }
+
+    &-column {
+      width : 2rpx;
+      height: 100%;
+      top   : 20rpx;
+      left  : 48rpx;
+    }
+
+    &-wait {
+      background-color: #e8e8e8;
+    }
+
+    &-finish {
+      background-color: @step-active-color;
+    }
+  }
+
+  &-content {
+    display       : flex;
+    flex-direction: column;
+
+    &-row {
+      align-items: center;
+      width      : 100%;
+    }
+
+    &-column {
+      margin-left: 15rpx;
+    }
+  }
+
+  &-title {
+    color      : #595959;
+    font-size  : 26rpx;
+    line-height: 40rpx;
+    margin     : 10rpx 0;
+
+    &-process {
+      color      : #333333;
+      font-size  : 28rpx;
+      line-height: 40rpx;
+      margin     : 10rpx 0;
+    }
+  }
+
+  &-describe {
+    color    : #8C98AE;
+    font-size: 22rpx;
+  }
+}
+
+@font-face {
+  font-family: "iconfont";
+  src        : url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAK8AAsAAAAABpQAAAJvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgp8gQsBNgIkAwwLCAAEIAWEbQc2G9EFyK4wbuGJaCgrSmkBCSe/ZeUtviBzEXztx/bd3f+oNEiuzaerJhKN6WQSJFqlZELxTOZqTS9l0hsflgVC/bD3z/dzv8lMXAksyeryeByfVkhgV93EvwdIwC+b/hetH5jPyAA+z+X0JtCBXONbltMcw496AcYBBbYnRoEEXEQBcAqyOwK15PsEmg2KiewMTy6yCoWzLBD3lqGwilJKUaRqo1C37C3iRaUxPaUnPMffj18LUUFSZc7a3bshnfV++DD/2GVISBPo4QoZU5hCXLeWThULiSvWbCrpb64VIS2VhYlVpqU+6B8vETWnsxWM0XLiI19G8OGABDKoy5VBzDRje98gRHertt+2fLx2cdC6ZJwcnK226Ifh0uzy4vzK8sLSytxprqHAHexGbz8/6za6C3ePjwW29viP3ailnm7Zz+SntAd5IV0IBHuvvy3Xd/41thTw/osdBRahcefh4Gepwb5iah13LrrKV9mRrBsIJKhCjvrnxLq9Trf0wb2ERn0TIg0GcmSNhsjCTqHSYgm1RutoNmnkcIseUrEoTZiwRRA63SBp94as0zNZ2BdU+v2h1hnFaHYczWe2GAmrakCiQqiDmgdLEz73vFSVdM+jkXUVWdTG/DLK0MpCOpGqVkfQR7nEhjBnZIg4cCk8GCaPoesKCKSwUaOESRS0J5O87UUJTXisyjYJKQjSAVUesGgEHw+Hk6ra5+chQ5ZLIXsEDfllSApZ44O0hBRAjph8SPAoz4RyDBmEcICTBA8YJrOQyyWAoH2WDWlIgjmhEGiXdAdx1JTY3uL93xFo5kzMkSJHUT+g+5BNxVpWMAYAAA==') format('woff2')
+}
+
+.iconfont {
+  font-family            : "iconfont" !important;
+  font-size              : 24rpx;
+  font-style             : normal;
+  -webkit-font-smoothing : antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-finish:before {
+  content: "\e600";
+}
+
+.icon-error:before {
+  content: "\e6cf";
+}

lib/miniprogram_npm/lin-ui/steps/index.less

@@ -0,0 +1,20 @@
+.steps-container {
+  display: flex;
+  width: 100%;
+
+  &-row {
+    flex-direction: row;
+
+    &-reverse {
+      flex-direction: row-reverse;
+    }
+  }
+
+  &-column {
+    flex-direction: column;
+
+    &-reverse {
+      flex-direction: column-reverse;
+    }
+  }
+}

lib/miniprogram_npm/lin-ui/sticky-item/index.less

@@ -0,0 +1,25 @@
+.l-sticky-item{
+  display: flex;
+  flex-direction: column;
+}
+
+.l-sticky-wrapper{
+  overflow: visible;
+}
+
+.l-sticky-item-header{
+  width: 100%;
+}
+
+.l-sticky-item-header-fixed{
+  position: fixed;
+  top: 0;
+}
+
+/* 判断当前webview内核是否支持sticky属性 */
+@supports(position: sticky){
+  .l-sticky-item-header-sticky{
+    position: sticky;
+  }
+}
+

lib/miniprogram_npm/lin-ui/styles/_base.less

@@ -0,0 +1,95 @@
+@import "../../../config/styles/mp/index.less";
+
+// Color 
+@theme-color: @oak-color-primary;
+@default-color    : @oak-color-primary;
+@success-color    : @oak-color-success;
+@warning-color    : @oak-color-warning;
+@error-color      : @oak-color-error;
+@disabled-color   : fade(@oak-color-info, 80%);
+@selected-color   : fade(@default-color, 90%);
+@tooltip-color    : #fff;
+@subsidiary-color : fade(@oak-color-primary, 60%);
+@rate-star-color  : #f5a623;
+@active-color     : #333;
+
+// steps
+
+@step-color        : #C4C9D2;
+@step-active-color : @theme-color;
+
+// Text
+@title-color : @oak-text-color-secondary;
+@text-color  : @oak-text-color-primary;
+
+// Background Color
+@background-color-base : @oak-bg-color-page; // base
+
+// Border color
+@border-color-base  : #dddee1; // outside
+@border-color-split : #e9eaec; // inside
+
+// Size
+@size-grid-icon  : 28rpx;
+@size-font-base  : 28rpx;
+@size-font-mini  : 24rpx;
+@size-font-large : 32rpx;
+
+// Button
+@btn-font-weight        : normal;
+@btn-font-size          : 24rpx;
+@btn-font-size-large    : 32rpx;
+@btn-border-color       : rgba(0, 0, 0, 0.1);
+@btn-border-radius      : 8rpx;
+@btn-border-radius-small: 6rpx;
+@btn-group-border       : shade(@default-color, 5%);
+@btn-text-color         : #fff;
+@btn-disable-color      : #DEE2E6;
+@btn-disable-bg         : @background-color-base;
+@btn-disable-border     : @border-color-base;
+@btn-default-color      : @text-color;
+@btn-default-bg         : @background-color-base;
+@btn-default-border     : @border-color-base;
+@btn-primary-color      : #fff;
+@btn-primary-bg         : @default-color;
+@btn-ghost-color        : @text-color;
+@btn-ghost-bg           : transparent;
+@btn-ghost-border       : @border-color-base;
+@btn-height             : 72rpx;
+@btn-width              : 180rpx;
+@btn-height-large       : 88rpx;
+@btn-width-large        : 710rpx;
+@btn-height-mini        : 60rpx;
+@btn-width-mini         : 140rpx;
+@btn-loading-color      : #fff;
+@btn-circle-size        : 40rpx;
+@btn-circle-size-mini   : 30rpx;
+@btn-circle-size-large  : 48rpx;
+
+
+// icon
+@icon-font-size       : 32px; // 图标字体大小        默认
+@icon-font-size-large : 42px; // 图标字体大小        大号
+@icon-font-size-small : 22px; // 图标字体大小        小号
+@icon-font-color      : #80848f;
+
+
+// Avatar
+@avatar-bg             : #ccc;
+@avatar-color          : #fff;
+@avatar-size-base      : 32px;
+@avatar-size-lg        : 40px;
+@avatar-size-sm        : 24px;
+@avatar-font-size-base : 18px;
+@avatar-font-size-lg   : 24px;
+@avatar-font-size-sm   : 14px;
+@avatar-border-radius  : @border-radius-small;
+@border-radius-small   : 4px;
+
+// Animation
+@animation-time  : .3s;
+@transition-time : .2s;
+@ease-in-out     : ease-in-out;
+
+// Progress
+@progress-active-color : @theme-color;

lib/miniprogram_npm/lin-ui/styles/_mixins.less

@@ -0,0 +1,36 @@
+@import "./_base.less";
+
+.hairline() {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 200%;
+    height: 200%;
+    transform: scale(.5);
+    transform-origin: 0 0;
+    pointer-events: none;
+    box-sizing: border-box;
+    border: 0 solid @border-color-split;
+}
+
+.active() {
+    opacity: 0.15;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    height: 100%;
+    border: inherit;
+    border-radius: inherit; /* inherit parent's border radius */
+    transform: translate(-50%, -50%);
+    content: ' ';
+    background-color: @active-color;
+    border-color: @active-color;
+}
+
+// 解决全屏幕机型底部适配问题
+.safe-area-inset-bottom() {
+    padding-bottom: constant(safe-area-inset-bottom) !important; /* 兼容 iOS < 11.2 */
+    padding-bottom: env(safe-area-inset-bottom) !important; /* 兼容 iOS >= 11.2 */
+}

lib/miniprogram_npm/lin-ui/styles/_theme.less

@@ -0,0 +1,4 @@
+@import "../../../config/styles/mp/index.less";
+
+// Color 
+@theme-color: @oak-color-primary;

lib/miniprogram_npm/lin-ui/switch/index.less

@@ -0,0 +1,35 @@
+.switch {
+  position: relative;
+  display: inline-block;
+  box-sizing: content-box;
+  width: 2em;
+  height: 1em;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 1em;
+  transition: background-color 0.3s;
+  
+  &-node {
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 100%;
+    z-index: 1;
+    width: 1em;
+    height: 1em;
+    background-color: #fff;
+    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05),
+      0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
+    transition: 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
+  }
+
+  &-on {
+    .switch-node {
+      transform: translateX(calc(1em));
+    }
+  }
+
+  &-disabled {
+    opacity: 0.5;
+  }
+}

lib/miniprogram_npm/lin-ui/tab-bar/index.less

@@ -0,0 +1,51 @@
+@import "../styles/_mixins.less";
+
+// 红点颜色
+@red-dot-color: #ff474b;
+@component: lu-tab-bar;
+
+.@{component} {
+  left: 0;
+  right: 0;
+  bottom: 0;
+  position: fixed;
+  z-index: 9999;
+
+  width: 750rpx;
+  height: 106rpx;
+  display: flex;
+  background-color: white;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  .safe-area-inset-bottom();
+}
+
+.@{component}__item-wrapper {
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  .safe-area-inset-bottom();
+}
+
+.@{component}__item-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.@{component}__item-image {
+  display: block;
+  width: 52rpx;
+  height: 52rpx;
+}
+
+.@{component}__item-text {
+  margin-top: 4rpx;
+  font-size: 24rpx;
+  line-height: 1;
+}
+
+.@{component}__item-text--selected {
+  color: @theme-color;
+}

lib/miniprogram_npm/lin-ui/tabpanel/index.less

@@ -0,0 +1,6 @@
+/* components/tab/index.wxss */
+
+.l-tabpanel-content {
+  width: 100%;
+  height: 100%;
+}

lib/miniprogram_npm/lin-ui/tabs/index.less

@@ -0,0 +1,330 @@
+/* components/tabs/index.wxss */
+.l-tabs {
+  display: flex;
+  border-radius: 8rpx;
+  box-sizing: border-box;
+  overflow: hidden;
+  flex-direction: column;
+  height: 100%;
+
+  .l-tabs-header {
+    display: flex;
+    width: 100%;
+    flex-direction: row;
+    background: rgba(255, 255, 255, 1);
+    align-items: center;
+
+    .l-tabs-item {
+      font-size: 28rpx;
+      text-align: center;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .l-tabs-equal-width {
+      flex: 1;
+    }
+
+    .l-tabs-unequal-width {
+      padding: 0 20rpx;
+    }
+
+    .l-icon-active,
+    .l-tabs-active {
+      color: #333333;
+      font-size: 28rpx;
+    }
+
+    .l-icon-inactive,
+    .l-tabs-inactive {
+      font-size: 28rpx;
+      color: #bbbbbb;
+    }
+
+    .l-tabsitems-row {
+      flex-direction: row;
+
+      .l-icon-inactive,
+      .l-icon-active {
+        margin-right: 10rpx;
+      }
+    }
+
+    .l-tabsitems-row-reverse {
+      flex-direction: row-reverse;
+
+      .l-icon-inactive,
+      .l-icon-active {
+        margin-left: 10rpx;
+      }
+    }
+  }
+}
+
+.l-placement-top,
+.l-placement-bottom {
+  .l-tabs-header {
+    height: 80rpx;
+
+    .l-tabs-item {
+      min-height: 100%;
+    }
+  }
+}
+
+.l-placement-left,
+.l-placement-right {
+  flex-direction: row;
+
+  .l-tabs-header {
+    flex-direction: column;
+    width: 160rpx;
+
+    & > .l-tabs-item {
+      width: 100%;
+      height: 80rpx;
+      background: #f6f8fa;
+    }
+
+    & > .l-tabs-active {
+      background: #fff;
+    }
+  }
+}
+
+.l-placement-right {
+  flex-direction: row-reverse;
+}
+
+.l-placement-bottom {
+  flex-direction: column-reverse;
+}
+
+.l-tabpanel-content {
+  display: flex;
+}
+
+.l-placement-left .l-tabpanel-content,
+.l-placement-right .l-tabpanel-content {
+  width: 100%;
+  flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column;
+  position: relative;
+  will-change: transform;
+  will-change: transform;
+  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+
+.l-placement-top .l-tabpanel-content,
+.l-placement-bottom .l-tabpanel-content {
+  width: 100%;
+  min-height: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.l-aminmated.l-placement-top .l-tabpanel-content,
+.l-aminmated.l-placement-bottom .l-tabpanel-content {
+  will-change: margin-left;
+  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+
+.l-tabpanel {
+  width: 100%;
+  height: 100%;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  opacity: 1;
+  text-overflow: ellipsis;
+}
+
+.l-tabpanel-inactive {
+  opacity: 0;
+  height: 0;
+  padding: 0 !important;
+  pointer-events: none;
+}
+
+//  滚动标签栏-水平
+.l-tabs-scroll.l-tabs-horizontal {
+  .l-tabs-header {
+    -webkit-overflow-scrolling: touch;
+    white-space: nowrap;
+
+    .l-tabs-item {
+      overflow: visible;
+    }
+  }
+}
+
+
+.l-tabs-vertical {
+  .l-tabsscroll {
+    width: 160rpx;
+  }
+
+  .l-tabs-header {
+    height: 100%;
+    min-height: 80rpx;
+    -webkit-overflow-scrolling: touch;
+    white-space: nowrap;
+
+    .l-tabs-item {
+      overflow: visible;
+      min-height: 80rpx;
+    }
+  }
+}
+
+// 下划线
+.l-tabs-item {
+  position: relative;
+}
+
+.l-tab-line {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: #000;
+}
+
+.l-tabs-horizontal {
+  .l-tab-line {
+    height: 4rpx;
+    width: 0;
+    left: 100%;
+    right: 0;
+    margin: 0 auto;
+  }
+
+  .l-line-aminmated {
+    transition: 0.2s all linear;
+  }
+
+  .l-tabs-active.l-tabs-item ~ .l-tabs-item {
+    .l-tab-line {
+      left: 0;
+    }
+  }
+
+  .l-tabs-active {
+    .l-tab-line {
+      width: 100%;
+      left: 0;
+    }
+
+    .l-line-aminmated {
+      transition-delay: 0.1s;
+    }
+  }
+}
+
+.l-placement-top {
+  .l-tab-line {
+    bottom: 0;
+  }
+
+  .l-tabs-header-line {
+    border-bottom: 1px solid #f3f3f3;
+  }
+}
+
+.l-placement-bottom {
+  .l-tab-line {
+    top: 0;
+  }
+
+  .l-tabs-header-line {
+    border-top: 1px solid #f3f3f3;
+  }
+}
+
+.l-tabs-vertical {
+  .l-tab-line {
+    width: 6rpx;
+    height: 0;
+    border-radius: 0 6rpx 6rpx 0;
+    top: 0;
+    margin: auto 0;
+  }
+
+  .l-line-aminmated {
+    transition: 0.2s all linear;
+  }
+
+  .l-tabs-active {
+    .l-tab-line {
+      height: 40rpx;
+    }
+
+    .l-line-aminmated {
+      transition-delay: 0.1s;
+    }
+  }
+
+  .l-tabs-active.l-tabs-item ~ .l-tabs-item {
+    .l-tab-line {
+      height: 0;
+      top: 0;
+    }
+  }
+}
+
+.l-placement-left {
+  .l-tab-line {
+    // left: 0;
+    right: auto;
+  }
+
+  .l-tabs-header-line {
+    border-left: 1px solid #f3f3f3;
+  }
+}
+
+.l-placement-right {
+  .l-tab-line {
+    right: 0;
+    left: auto;
+  }
+
+  .l-tabs-header-line {
+    border-right: 1px solid #f3f3f3;
+  }
+}
+
+.l-tab-image {
+  width: 100rpx;
+  height: 100rpx;
+}
+
+.l-tab-image-placement-top {
+  flex-direction: column;
+}
+
+.l-tab-image-placement-bottom {
+  flex-direction: column-reverse;
+}
+
+.l-tab-image-placement-left {
+  flex-direction: row;
+}
+
+.l-tab-image-placement-right {
+  flex-direction: row-reverse;
+}
+.l-tabs-header .badge-view {
+    top: -20rpx
+}

lib/miniprogram_npm/lin-ui/tag/index.less

@@ -0,0 +1,143 @@
+@import "../styles/_base.less";
+
+.l-tag{
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  background-color: @theme-color;
+
+  &-touch{
+    min-width: 80rpx;
+  }
+
+  // Size
+  &-super-mini{
+    height: 32rpx;
+    font-size: 20rpx;
+  }
+
+  &-mini{
+    height: 42rpx;
+    font-size: 20rpx;
+  }
+
+  &-medium{
+    height: 50rpx;
+    font-size: 24rpx;
+    letter-spacing: 2rpx;
+  }
+
+  &-large{
+    height: 60rpx;
+    font-size: 24rpx;
+    letter-spacing: 2rpx;
+  }
+
+  // Shape
+  &-super-mini-square{
+    border-radius: 2rpx;
+    padding: 0 6rpx;
+  }
+
+  &-mini-square{
+    border-radius: 2rpx;
+    padding: 0 12rpx;
+  }
+
+  &-medium-square{
+    border-radius: 2rpx;
+    padding: 0 16rpx;
+  }
+
+  &-large-square{
+    border-radius: 2rpx;
+    padding: 0 18rpx;
+  }
+
+  &-super-mini-circle{
+    border-radius: 16rpx;
+    padding: 0 12rpx;
+  }
+
+  &-mini-circle{
+    border-radius: 21rpx;
+    padding: 0 16rpx;
+  }
+
+  &-medium-circle{
+    border-radius: 25rpx;
+    padding: 0 20rpx;
+  }
+
+  &-large-circle{
+    border-radius: 30rpx;
+    padding: 0 24rpx;
+  }
+
+  &-plain{
+    background-color: #ffffff;
+    color: @theme-color;
+    border: 2rpx solid @theme-color;
+
+    &-super-mini{
+      height: 28rpx;
+      font-size: 20rpx;
+    }
+  
+    &-mini{
+      height: 38rpx;
+      font-size: 20rpx;
+    }
+  
+    &-medium{
+      height: 46rpx;
+      font-size: 24rpx;
+      letter-spacing: 2rpx;
+    }
+  
+    &-large{
+      height: 56rpx;
+      font-size: 24rpx;
+      letter-spacing: 2rpx;
+    }
+  }
+
+  &-disable{
+    background-color: @disabled-color;
+    color:#ffffff;
+    border-color: @disabled-color;
+  }
+
+}
+
+.select{
+  background-color: @theme-color;
+  color: #ffffff;
+  // border: 2rpx solid @theme-color; 
+}
+
+.content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.content-l {
+  display: inline-flex;
+  flex-direction: row-reverse;
+  align-items: center;
+  justify-content: center;
+}
+
+.tag-image {
+  &-mini{
+    width: 20rpx;
+    height: 20rpx;
+  }
+
+  &-large{
+    width: 24rpx;
+    height: 24rpx;
+  }
+}

lib/miniprogram_npm/lin-ui/textarea/index.less

@@ -0,0 +1,81 @@
+/* input/input.wxss */
+
+
+.form-item{
+  position: relative;
+  font-size: 28rpx;
+  color: #333;
+  width: 100%;
+  //width: 700rpx;
+  // background: #f6f6f6;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  // border-bottom: 1rpx solid #f3f3f3;
+  box-sizing: border-box;
+}
+
+.disabled{
+  color: #9a9a9a !important
+}
+
+.mask{
+  position: absolute;
+  z-index: 999;
+  height: 100%;
+  width: 100%;
+}
+
+.textarea{
+  width: 100%;
+  //padding: 25rpx;
+  box-sizing: border-box;
+  font-size: 28rpx;
+  color: #333;
+  height: 200rpx;
+  line-height: 40rpx;
+  flex: 1;
+  min-height: 88rpx;
+}
+
+.textarea-auto-height{
+  width: 100%;
+  //padding: 0 25rpx;
+  box-sizing: border-box;
+  font-size: 28rpx;
+  //line-height: 36rpx;
+  color: #333;
+  //line-height: 40rpx;
+  //flex: 1;
+}
+
+.default-border {
+  position: relative;
+  font-size: 28rpx;
+  color: #333;
+  width: 100%;
+  // background: #f6f6f6;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  // border-bottom: 1rpx solid #f3f3f3;
+  box-sizing: border-box;
+  padding: 25rpx;
+}
+
+.border {
+  border-radius: 4rpx;
+  border: 1rpx solid #d8dee5;
+
+}
+
+.pls-class{
+  color: #9a9a9a
+}
+
+.indicator{
+  width: 95%;
+  text-align: right;
+  margin-bottom: 15rpx;
+  color: #9a9a9a;
+}

lib/miniprogram_npm/lin-ui/toast/index.less

@@ -0,0 +1,103 @@
+.container {
+  position: fixed;
+}
+
+.containerNoMask {
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%)
+}
+
+.containerShowMask {
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  z-index: 999
+}
+
+.container .toast-bg {
+  height: 100%;
+  width: 100%;
+  background: rgba(255, 255, 255, .5);
+  position: absolute;
+  top: 0;
+  left: 0
+}
+
+.container .toast-top {
+  flex-direction: column-reverse
+}
+
+.container .toast-right {
+  flex-direction: row
+}
+
+.container .toast-bottom {
+  flex-direction: column
+}
+
+.container .toast-left {
+  flex-direction: row-reverse
+}
+
+.container .toast {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 400rpx;
+  min-width: 280rpx;
+  min-height: 88rpx;
+  background: rgba(0, 0, 0, .7);
+  border-radius: 12rpx;
+  color: #fff;
+  font-size: 28rpx;
+  line-height: 40rpx;
+  box-sizing: border-box;
+  padding: 30rpx 50rpx;
+  z-index: 999
+}
+
+.container .toast .toast-icon {
+  margin-top: 20rpx;
+  margin-bottom: 20rpx
+}
+
+.container .toast .toast-icon-loading {
+  animation: loading-fadein 1.5s linear 0s infinite
+}
+
+.container .toast .toast-text {
+  display: inline-block;
+  text-align: center
+}
+
+.container .toast .toast-text-right {
+  display: inline-block;
+  text-align: center;
+  margin-left: 20rpx
+}
+
+.container .toast .toast-text-left {
+  display: inline-block;
+  text-align: center;
+  margin-right: 20rpx
+}
+
+.container .toast .toast-text-top {
+  margin-bottom: 10rpx
+}
+
+@keyframes loading-fadein {
+  0% {
+      transform: rotate(0)
+  }
+
+  100% {
+      transform: rotate(360deg)
+  }
+}

lib/miniprogram_npm/lin-ui/transition/index.less

@@ -0,0 +1,79 @@
+.l-transition {
+  transition-timing-function: ease;
+}
+
+.l-fade-enter-active,
+.l-fade-leave-active {
+  transition-property: opacity;
+}
+
+.l-fade-enter,
+.l-fade-leave-to {
+  opacity: 0;
+}
+
+.l-fade-up-enter-active,
+.l-fade-up-leave-active,
+.l-fade-down-enter-active,
+.l-fade-down-leave-active,
+.l-fade-left-enter-active,
+.l-fade-left-leave-active,
+.l-fade-right-enter-active,
+.l-fade-right-leave-active {
+  transition-property: opacity, transform;
+}
+
+.l-fade-up-enter,
+.l-fade-up-leave-to {
+  transform: translate3d(0, 100%, 0);
+  opacity: 0;
+}
+
+.l-fade-down-enter,
+.l-fade-down-leave-to {
+  transform: translate3d(0, -100%, 0);
+  opacity: 0;
+}
+
+.l-fade-left-enter,
+.l-fade-left-leave-to {
+  transform: translate3d(-100%, 0, 0);
+  opacity: 0;
+}
+
+.l-fade-right-enter,
+.l-fade-right-leave-to {
+  transform: translate3d(100%, 0, 0);
+  opacity: 0;
+}
+
+.l-slide-up-enter-active,
+.l-slide-up-leave-active,
+.l-slide-down-enter-active,
+.l-slide-down-leave-active,
+.l-slide-left-enter-active,
+.l-slide-left-leave-active,
+.l-slide-right-enter-active,
+.l-slide-right-leave-active {
+  transition-property: transform;
+}
+
+.l-slide-up-enter,
+.l-slide-up-leave-to {
+  transform: translate3d(0, 100%, 0);
+}
+
+.l-slide-down-enter,
+.l-slide-down-leave-to {
+  transform: translate3d(0, -100%, 0);
+}
+
+.l-slide-left-enter,
+.l-slide-left-leave-to {
+  transform: translate3d(-100%, 0, 0);
+}
+
+.l-slide-right-enter,
+.l-slide-right-leave-to {
+  transform: translate3d(100%, 0, 0);
+}

lib/miniprogram_npm/lin-ui/water-flow/index.less

@@ -0,0 +1,10 @@
+.water-flow-container {
+  display   : flex;
+  width     : 100%;
+  box-sizing: border-box;
+  background: transparent
+}
+
+.water-column {
+  flex: 1
+}

lib/pages/address/list/index.less

@@ -0,0 +1,43 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: @bg-color-block;
+  box-sizing: border-box;
+  .safe-area-inset-bottom();
+}
+
+.item-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin: @spacer;
+  padding: @spacer;
+  margin-bottom: 0rpx;
+  background-color: #fff;
+}
+
+.phone {
+  size: @font-size-base;
+  margin-left: @spacer;
+}
+.area {
+  margin-left: @spacer;
+  color:@text-level-3-color;
+}
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.btn-view {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

lib/pages/address/list/web.module.less

@@ -0,0 +1,9 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}

lib/pages/address/upsert/index.less

@@ -0,0 +1,20 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: @bg-color-block;
+  box-sizing: border-box;
+  .safe-area-inset-bottom();
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  margin: 0rpx @spacer;
+  justify-content: space-between;
+}

lib/pages/address/upsert/web.module.less

@@ -0,0 +1,7 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}

lib/pages/application/config/upsert/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/application/detail/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/application/list/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/application/upsert/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/article/detail/index.less

@@ -0,0 +1 @@
+/**  index.wxss  **/

lib/pages/article/detail/web.module.less

@@ -0,0 +1,42 @@
+.container {
+    background-color: var(--oak-bg-color-page);
+    // padding: 30px 32px;
+}
+
+
+.content {
+    background-color: var(--oak-bg-color-page);
+    position: relative;
+    width: 100%
+}
+
+.editorContainer {
+    // width: 100%;
+    margin: 30px auto 50px auto;
+    background: var(--oak-bg-color-container);
+    padding: 20px 50px 50px 50px;
+    box-shadow: 0 2px 10px rgb(0 0 0 / 12%);
+}
+
+.titleContainer {
+    padding: 5px 0 10px 0;
+}
+
+.authorContainer {
+    padding: 5px 0 10px 0;
+}
+
+.title {
+    font-size: 18px !important;
+    font-weight: bold !important;
+}
+
+.author {
+    color: var(--oak-text-color-brand);
+    font-size: 14px;
+}
+
+.abstract {
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+}

lib/pages/article/list/index.less

@@ -0,0 +1 @@
+/**  index.wxss  **/

lib/pages/article/list/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/article/preview/index.less

@@ -0,0 +1 @@
+/**  index.wxss  **/

lib/pages/article/preview/web.module.less

@@ -0,0 +1,42 @@
+.container {
+    background-color: var(--oak-bg-color-page);
+    padding: 30px 32px;
+    height: 100%;
+}
+
+
+.content {
+    background-color: var(--oak-bg-color-page);
+    width: 100%
+}
+
+.editorContainer {
+    // width: 100%;
+    margin: 30px auto 50px auto;
+    background: var(--oak-bg-color-container);
+    padding: 20px 50px 50px 50px;
+    box-shadow: 0 2px 10px rgb(0 0 0 / 12%);
+}
+
+.titleContainer {
+    padding: 5px 0 10px 0;
+}
+
+.authorContainer {
+    padding: 5px 0 10px 0;
+}
+
+.title {
+    font-size: 18px !important;
+    font-weight: bold !important;
+}
+
+.author {
+    color: var(--oak-text-color-brand);
+    font-size: 14px;
+}
+
+.abstract {
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+}

lib/pages/article/upsert/index.less

@@ -0,0 +1 @@
+/**  index.wxss  **/

lib/pages/article/upsert/web.module.less

@@ -0,0 +1,73 @@
+.container {
+    background-color: var(--oak-bg-color-page);
+    // padding: 30px 32px;
+}
+
+
+.content {
+    background-color: var(--oak-bg-color-page);
+    // height: calc(100% - 40px);
+    //overflow-y: auto;
+    position: relative;
+}
+
+.editorContainer {
+    width: 850px;
+    margin: 30px auto 50px auto;
+    background: var(--oak-bg-color-container);
+    padding: 20px 50px 50px 50px;
+    box-shadow: 0 2px 10px rgb(0 0 0 / 12%);
+}
+
+.titleContainer {
+    padding: 5px 0;
+    border-bottom: 1px solid #e8e8e8;
+}
+
+.authorContainer {
+    padding: 5px 0;
+    //border-bottom: 1px solid #e8e8e8;
+}
+
+.input {
+    border: unset !important;
+    box-shadow: none !important;
+}
+
+.titleInput {
+    border: unset !important;
+    box-shadow: none !important;
+    font-size: 18px !important;
+    font-weight: bold !important;
+}
+
+.input:hover {
+    border: unset !important;
+}
+
+.abstract {
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+}
+
+.card {
+    :global {
+        .ant-card-head {
+            border: none;
+        }
+    }
+}
+
+.footer {
+    // position: absolute;
+    bottom: 0;
+    height: 50px;
+}
+
+.contentNumber {
+    display: flex;
+    min-height: 32px;
+    flex-direction: column;
+    justify-content: center;
+    color: var(--oak-text-color-secondary);
+}

lib/pages/domain/detail/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/domain/list/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/domain/upsert/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/login/index.less

@@ -0,0 +1,17 @@
+
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  background-color: @bg-color-block;
+  .safe-area-inset-bottom();
+}
+

lib/pages/login/web.module.less

@@ -0,0 +1,98 @@
+.loginbox {
+  &-main {
+    height: 100vh;
+    display: flex;
+    flex: 1;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    background: var(--oak-bg-color-container);
+  }
+
+  &-logo {
+    width: 194px;
+    margin-bottom: 20px;
+  }
+
+  &-wrap {
+    width: 400px;
+    display: block;
+    background: var(--oak-bg-color-container);
+    border-radius: 4px;
+    overflow: hidden;
+    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 0 4px rgb(0 0 0 / 8%);
+  }
+
+  &-hd {
+    padding: 32px;
+  }
+
+  &-bd {
+    height: 310px;
+  }
+
+  &-only {
+    padding-top: 32px !important;
+  }
+
+  &-mobile {
+    position: relative;
+    padding: 0 32px;
+  }
+
+  &-password {
+    position: relative;
+    padding: 0 32px;
+  }
+
+  &-qrcode {
+    padding: 0 32px;
+    font-size: 14px;
+
+    &__sociallogin {
+      text-align: center;
+      color: #999;
+    }
+
+
+    &__refresh {
+      color: var(--oak-text-color-brand);
+      margin-left: 10px;
+      cursor: pointer;
+
+      &-icon {
+        color: var(--oak-text-color-brand);
+        font-size: 14px;
+        margin-left: 4px;
+      }
+    }
+
+    &__iframe {
+      position: relative;
+      width: 300px;
+      margin: 0 auto;
+    }
+  }
+
+  &-input {
+    // background-color: rgba(0, 0, 0, .04) !important;
+  }
+
+  &-ft {
+    height: 54px;
+    border-top: 1px solid #f2f3f5;
+    font-size: 14px;
+
+    &__btn {}
+  }
+
+  &-protocal {
+    padding: 20px 32px;
+  }
+
+  &-current {
+    color: var(--oak-text-color-brand) !important;
+    cursor: default;
+    background-color: #fff;
+  }
+}

lib/pages/mobile/login/index.less

@@ -0,0 +1,17 @@
+
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  background-color: @oak-bg-color-page;
+  .safe-area-inset-bottom();
+}
+

lib/pages/mobile/login/web.module.less

@@ -0,0 +1,111 @@
+
+
+.loginbox-main {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  background: var(--oak-bg-color-container);
+}
+
+.loginbox-wrap {
+  width: 400px;
+  display: block;
+  background: var(--oak-bg-color-container);
+  border-radius: 4px;
+  overflow: hidden;
+  box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 0 4px rgb(0 0 0 / 8%);
+}
+
+.loginbox-hd {
+  padding: 32px;
+
+  &__tab {
+    width: 100%;
+    height: 38px;
+    background-color: rgba(0, 0, 0, .04) !important;
+  }
+
+  &__tabcon {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+}
+
+.loginbox-bd {
+  height: 310px;
+}
+
+.loginbox-only {
+  padding-top: 32px !important;
+}
+
+.loginbox-mobile {
+  position: relative;
+  padding: 0 32px;
+}
+
+.loginbox-password {
+  position: relative;
+  padding: 0 32px;
+}
+
+.loginbox-qrcode {
+  padding: 0 32px;
+  font-size: 14px;
+
+  &__sociallogin {
+    margin-bottom: 15px;
+    text-align: center;
+    color: #999;
+
+  }
+
+
+  &__refresh {
+    color: var(--oak-text-color-brand);
+    margin-left: 10px;
+    cursor: pointer;
+
+    &-icon {
+      color: var(--oak-text-color-brand)
+    }
+  }
+
+  &__iframe {
+    position: relative;
+    width: 160px;
+    height: 160px;
+    margin: 0 auto;
+    border: #999 solid 1px;
+  }
+}
+
+
+.current {
+  color: var(--oak-text-color-brand) !important;
+  cursor: default;
+  background-color: #fff;
+  border-radius: 4px;
+}
+
+.loginbox-input {
+  .t-input {
+    background-color: rgba(0, 0, 0, .04) !important;
+  }
+}
+
+.loginbox-ft {
+  height: 54px;
+  border-top: 1px solid #f2f3f5;
+  font-size: 14px;
+
+  &__btn {}
+}
+
+.loginbox-protocal {
+  padding: 20px 32px;
+}

lib/pages/mobile/me/index.less

@@ -0,0 +1,30 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  background-color: @oak-bg-color-page;
+  .safe-area-inset-bottom();
+}
+
+.container {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.card {
+  min-width: 480rpx;
+  text-align: center;
+}
+
+.list {
+  flex: 1;
+}

lib/pages/mobile/me/web.module.less

@@ -0,0 +1,25 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.list {
+  :global {
+    .t-list-item__meta {
+
+      &-avatar {
+        width: auto !important;
+        height: auto !important;
+        background: transparent;
+        border-radius: unset;
+      }
+      &-title {
+        margin: 0 !important;
+
+      }
+    }
+  }
+}

lib/pages/pickers/area/index.less

@@ -0,0 +1,10 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+

lib/pages/pickers/area/web.module.less

@@ -0,0 +1,7 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}

lib/pages/platform/config/upsert/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/platform/detail/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/platform/list/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/platform/upsert/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/system/config/upsert/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/system/detail/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/system/list/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/system/upsert/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/token/me/index.less

@@ -0,0 +1,31 @@
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: @oak-bg-color-page
+}
+
+.userInfo {
+  padding: 14rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.nickname {
+  font-size: 30rpx;
+  color: @oak-text-color-secondary;
+  padding-top: 14rpx;
+  padding-bottom: 14rpx;
+}
+
+
+.cell {
+  background-color: @oak-bg-color-component;
+  flex: 1;
+  padding: 10rpx;
+}

lib/pages/token/me/web.module.less

@@ -0,0 +1,54 @@
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+    background-color: var(--oak-bg-color-page);
+}
+
+.userInfo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px 10px 10px 10px;
+  margin-bottom: 10px;
+  background-color: var(--oak-bg-color-container);
+
+  .avatar {
+    width: 48px;
+    height: 48px;
+    background-color: var(--oak-color-primary);
+        margin-bottom: 10px;
+  }
+
+  .nickname {
+    margin-bottom: 10px;
+  }
+
+  .userIcon {
+    height: 24px;
+    width: 24px;
+    color: #fff;
+  }
+}
+
+.list {
+  :global {
+    .t-list-item__meta {
+
+      &-avatar {
+        width: auto !important;
+        height: auto !important;
+        background: transparent;
+        border-radius: unset;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      &-title {
+        margin: 0 !important;
+
+      }
+    }
+  }
+}

lib/pages/user/manage/detail/index.less

@@ -0,0 +1,59 @@
+/**  index.wxss  **/
+@import "../../../../config/styles/mp/index.less";
+@import "../../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: @oak-bg-color-page;
+  box-sizing: border-box;
+  .safe-area-inset-bottom();
+}
+
+
+.avatar {
+  font-size: 128rpx;
+  color: @oak-text-color-secondary;
+  height: 140rpx;
+  width: 140rpx;
+  border-radius: 14rpx;
+}
+
+.nickname {
+  font-size: 44rpx;
+  font-weight: bold;
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+  padding: 0rpx 10rpx;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: #fff;
+}
+
+.avatar {
+  font-size: 188rpx;
+  color: @oak-text-color-secondary;
+  height: 200rpx;
+  width: 200rpx;
+  border-radius: 20rpx;
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.userInfo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 300rpx;
+}
+
+.btn-view {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

lib/pages/user/manage/detail/web.module.less

@@ -0,0 +1,21 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+    background-color: var(--oak-bg-color-page);
+}
+
+
+.list {
+  :global {
+    .t-list-item__meta {
+
+      &-title {
+        margin: 0 !important;
+
+      }
+    }
+  }
+}

lib/pages/user/manage/index.less

@@ -0,0 +1,76 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: @oak-bg-color-page;
+  box-sizing: border-box;
+  .safe-area-inset-bottom();
+}
+
+.user-list {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.user-info {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-left: 38rpx;
+  flex: 1;
+}
+
+.cell {
+  display: flex;
+  align-items: center;
+  padding: 26rpx;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: #fff;
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  min-width: 300rpx;
+  justify-content: space-between;
+  margin-bottom: 20rpx;
+
+  .primary {
+    background-color: @oak-color-primary;
+  }
+
+  .success {
+    background-color: @oak-color-success;
+  }
+
+  .danger {
+    background-color: @oak-color-error;
+  }
+}
+
+.row2 {
+  display: flex;
+  align-items: center;
+  font-size: small;
+  .label {
+    min-width: 140rpx;
+    color: @oak-text-color-secondary;
+  }
+  .value {
+    color: @oak-text-color-primary;
+    margin-left: 30rpx;
+  }
+}
+
+.add {
+  position: fixed;
+  bottom: 20rpx;
+  right: 20rpx;
+  z-index: 10;
+}

lib/pages/user/manage/mobile.module.less

@@ -0,0 +1,41 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--oak-bg-color-page);
+}
+
+
+.avatar {
+  height: 56px;
+  width: 56px;
+  background-color: var(--oak-color-primary);
+
+  .text {
+    color: #fff;
+    font-size: 16px;
+  }
+}
+
+.description {
+  .row {
+    .label {
+      color: var(--oak-text-color-secondary);
+      font-size: 12px;
+    }
+
+    .value {
+      color: var(--oak-text-color-primary);
+        font-size: 12px;
+    }
+  }
+}
+
+.fab {
+  position: fixed;
+  bottom: 50px;
+  right: 10px;
+  z-index: 1;
+}

lib/pages/user/manage/upsert/index.less

@@ -0,0 +1,37 @@
+/**  index.wxss  **/
+@import "../../../../config/styles/mp/index.less";
+@import "../../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: @oak-bg-color-page;
+  box-sizing: border-box;
+  .safe-area-inset-bottom();
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+.pannel-item {
+  display: flex;
+  align-items: center;
+  height: 96rpx;
+  padding: 0 32rpx;
+  font-size: 32rpx;
+  background-color: #fff;
+}
+
+.pannel-label {
+  width: 160rpx;
+  margin-right: 32rpx;
+}
+
+.pannel-text {
+  flex: 1;
+  opacity: 0.9;
+}

lib/pages/user/manage/upsert/web.module.less

@@ -0,0 +1,14 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--oak-bg-color-container);
+
+  padding: 10px 10px 0 10px;
+}
+
+.radio {
+  margin-right: 10px;
+}

lib/pages/user/manage/web.module.less

@@ -0,0 +1,7 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}

lib/pages/user/search/index.less

@@ -0,0 +1,84 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+page {
+  height: 100%;
+  background-color: @bg-color-fade;
+}
+
+.container {
+  height: 100%;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  padding: 0;
+  .safe-area-inset-bottom();
+}
+
+.search-bar {
+  display: flex;
+  height: 40px;
+  background-color: #fff;
+  z-index: 1;
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 3;
+}
+
+.col {
+  padding: @font-size-base;
+  display: flex;
+  flex-direction: column;
+}
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.title {
+  font-size: @font-size-base;
+  margin-bottom: @font-size-base;
+}
+.drawer-view {
+  position: fixed;
+  top: 40px;
+  width: 100%;
+  background-color: @bg-color-fade;
+  z-index: 4;
+}
+.drawer-item {
+  display: flex;
+  align-items: center;
+  height: 38px;
+  color: @text-level-3-color;
+  margin-top: 1px;
+  padding: 0rpx @font-size-base;
+  background-color: #fff;
+}
+.search-value {
+  color: @error-color;
+}
+.null {
+  text-align: center;
+}
+.delete-btn {
+  padding: @font-size-base;
+  font-size: @font-size-base;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: @primary-color;
+}
+.tag {
+  margin: 4rpx;
+}

lib/pages/user/search/web.module.less

@@ -0,0 +1,7 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}

lib/pages/userEntityGrant/confirm/index.less

@@ -0,0 +1,45 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  flex: 1;
+  flex-direction: column;
+  background-color: @bg-color-fade;
+  box-sizing: border-box;
+  .safe-area-inset-bottom();
+}
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+.circle-view {
+  margin-top: @spacer;
+  padding: @spacer;
+  width: 200rpx;
+  height: 200rpx;
+  border-radius: 50%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+}
+.text {
+  font-size: @font-size-base;
+  color: @text-level-3-color;
+}
+.relation {
+  font-size: @font-size-base;
+}
+.btn-view {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

lib/pages/userEntityGrant/confirm/web.module.less

@@ -0,0 +1,41 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  padding: 30px 32px;
+
+}
+
+.content {
+    display: flex;
+      flex-direction: column;
+      align-items: center;
+
+
+      .icon {
+
+        font-size: 72px;
+
+        color: var(--oak-color-primary);
+
+      }
+
+            .title {
+              font-weight: 500;
+              font-size: 16px;
+              line-height: 28px;
+              margin-top: 8px;
+              color: var(--oak-text-color-primary);
+            }
+      
+            .description {
+              margin-top: 8px;
+              font-size: 14px;
+              line-height: 22px;
+              color: var(--oak-text-color-secondary);
+            }
+
+      margin-bottom: 30px;
+}

lib/pages/userEntityGrant/detail/index.less

@@ -0,0 +1,74 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  flex: 1;
+  flex-direction: column;
+  background-color: @primary-color;
+  box-sizing: border-box;
+  .safe-area-inset-bottom();
+}
+.qrcode_view {
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+  margin: 0 @spacer-1;
+  padding: @spacer-1;
+  border-radius: 8px;
+  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
+}
+.icon-view {
+  position: absolute;
+  right: 0;
+      width: 50rpx;
+      height: 50rpx;
+      display: flex;
+    align-items: center;
+    justify-content: center;
+      background: @bg-color-fade;
+      border-radius: 50%;
+}
+.icon-view2 {
+      width: 100rpx;
+      height: 100rpx;
+      display: flex;
+    align-items: center;
+    justify-content: center;
+      border-radius: 50%;
+}
+.image {
+  width: 400rpx;
+  height: 400rpx;
+  margin: @spacer-1 0rpx;
+  background-color: @bg-color-fade;
+}
+.row {
+  position: relative;
+  margin-bottom: @spacer-1;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+}
+.col {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+}
+.text {
+  color: @text-level-3-color;
+  font-size: 36rpx;
+}
+.tip {
+  color: @primary-color;
+  font-size: 30rpx;
+}
+.relation {
+  font-size: 60rpx;
+  font-weight: bolder;
+}

lib/pages/userEntityGrant/detail/mobile.module.less

@@ -0,0 +1,7 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}

lib/pages/userEntityGrant/detail/web.module.less

@@ -0,0 +1,8 @@
+
+
+.container {
+  background: var(--oak-bg-color-container);
+  box-shadow: 0 2px 3px #0000001a;
+  border-radius: 3px;
+  padding: 30px 32px;
+}

lib/pages/userEntityGrant/grant/index.less

@@ -0,0 +1,13 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: @bg-color-fade;
+  box-sizing: border-box;
+  .safe-area-inset-bottom();
+}

lib/pages/userEntityGrant/grant/web.module.less

@@ -0,0 +1,13 @@
+
+
+.formContainer {
+    padding-top: 32px;
+    width: 676px;
+    margin: 0 auto;
+}
+.pageWithPadding {
+  padding: 30px 32px;
+  background: var(--oak-bg-color-container);
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
+  border-radius: 3px;
+}

lib/pages/userEntityGrant/list/web.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/userRelation/list/index.less

@@ -0,0 +1,55 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+page {
+  height: 100%;
+  background-color: @bg-color;
+}
+
+.page-body {
+  height: 100%;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  padding: 0;
+  .safe-area-inset-bottom();
+}
+
+.search-bar {
+  background-color: #fff;
+  padding: 10rpx;
+  z-index: 1;
+}
+
+
+.description {
+  display: flex;
+  flex-direction: column;
+}
+
+.col {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+
+.name {
+  font-size: @font-size-base;
+  color: @text-level-2-color;
+}
+.mobile {
+  font-size: @font-size-base;
+  color: @text-level-2-color;
+}
+.avatar {
+  height: 160rpx;
+  width: 160rpx;
+}
+
+.relation {
+  display: flex;
+  flex-wrap: wrap;
+}

lib/pages/userRelation/list/mobile.module.less

@@ -0,0 +1,41 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--oak-bg-color-page);
+}
+
+
+.avatar {
+  height: 56px;
+  width: 56px;
+  background-color: var(--oak-color-primary);
+
+  .text {
+    color: #fff;
+    font-size: 16px;
+  }
+}
+
+.description {
+  .row {
+    .label {
+      color: var(--oak-text-color-secondary);
+      font-size: 12px;
+    }
+
+    .value {
+      color: var(--oak-text-color-primary);
+      font-size: 12px;
+    }
+  }
+}
+
+.fab {
+  position: fixed;
+  bottom: 50px;
+  right: 10px;
+  z-index: 1;
+}

lib/pages/userRelation/list/web.module.less

@@ -0,0 +1,8 @@
+
+
+.container {
+  background: var(--oak-bg-color-container);
+  box-shadow: 0 2px 3px #0000001a;
+  border-radius: 3px;
+  padding: 30px 32px;
+}

lib/pages/userRelation/manage/index.less

@@ -0,0 +1,25 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+page {
+  height: 100%;
+  background-color: @bg-color-fade;
+}
+
+.container {
+  height: 100%;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  padding: 0;
+  .safe-area-inset-bottom();
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}

lib/pages/userRelation/manage/web.module.less

@@ -0,0 +1,7 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}

lib/pages/userRelation/onEntity/index.less

@@ -0,0 +1,159 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+page {
+    height: 100%;
+}
+
+.container {
+    height: 100%;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    box-sizing: border-box;
+    align-items: stretch;
+    padding: 0;
+    .safe-area-inset-bottom();
+}
+
+.primary-bg {
+    width: 100%;
+    height: 140rpx;
+    background-color: @primary-color;
+}
+
+.img {
+    width: 180rpx;
+    height: 180rpx;
+    margin: 0 auto;
+    border-radius: 50%;
+    background-color: @bg-color-fade;
+}
+
+.row-end {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.white-bg {
+    display: flex;
+    flex-direction: column;
+    padding: @spacer;
+}
+
+.content {
+    display: flex;
+    flex-direction: column;
+    transform: translateY(-110rpx);
+}
+
+.name {
+    margin: @spacer auto;
+    font-size: @font-size-base;
+    color: @text-level-2-color;
+}
+
+.mobile {
+    margin: 0 auto;
+    font-size: @font-size-base;
+    color: @text-level-3-color;
+}
+
+.tag-view {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    margin-bottom: @spacer;
+}
+
+.tag {
+    margin: 2rpx;
+}
+
+.btn-view {
+    display: flex;
+    justify-content: center;
+}
+
+.check-view {
+    width: 700rpx;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    background-color: #fff;
+}
+
+.col {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+
+.list {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.singleRelationItem {
+    display: flex;
+    padding: 18rpx;
+    flex-direction: row;
+    align-items: center;
+    width: 92%;
+    box-shadow: 0 4rpx 20rpx 0 rgba(212, 217, 223, 0.5);
+    border-radius: 4px;
+
+    .name {
+        color: @text-level-3-color;
+        flex: 1;
+        margin-right: 10rpx;
+    }
+}
+
+.multiRelationItem {
+    display: flex;
+    padding: 18rpx;
+    flex-direction: column;
+    align-items: stretch;
+    width: 92%;
+    box-shadow: 0 4rpx 20rpx 0 rgba(212, 217, 223, 0.5);
+    border-radius: 4px;
+
+    .name {
+        color: @text-level-3-color;
+    }
+
+    .relationList {
+        display: flex;
+        flex-direction: row;
+
+        .relationItem {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            padding: 10rpx;
+
+            text {
+                color: @text-level-4-color;
+                font-size: @font-size-base;
+            }
+        }
+    }
+}
+
+.btn-container {
+    position: fixed;
+    bottom: 0;
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    .btn {
+      flex: 1;
+    }
+    padding-left: 10rpx;
+    padding-right: 10rpx;
+  }
+  

lib/pages/userRelation/onEntity/web.module.less

@@ -0,0 +1,7 @@
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}

lib/pages/userRelation/onUser/index.less

@@ -0,0 +1,90 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+page {
+  height: 100%;
+  background-color: @bg-color-fade;
+}
+
+.container {
+  height: 100%;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  padding: 0;
+  .safe-area-inset-bottom();
+}
+
+.search-bar {
+  background-color: #fff;
+  padding: 10rpx;
+  z-index: 1;
+}
+
+.description {
+  display: flex;
+  flex-direction: column;
+}
+
+.col {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+
+.name {
+  font-size: @font-size-base;
+  color: @text-level-2-color;
+}
+
+.mobile {
+  font-size: @font-size-base;
+  color: @text-level-2-color;
+}
+
+.avatar {
+  height: 160rpx;
+  width: 160rpx;
+}
+
+.relation {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.relation-content {
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+
+  .relation-item {
+    display: flex;
+    padding: 10rpx;
+    flex-direction: row;
+    font-size: 28rpx;
+    color: @text-level-3-color;
+  }
+}
+
+.btn-container {
+  position: fixed;
+  bottom: constant(safe-area-inset-bottom) !important;
+    /* 兼容 iOS < 11.2 */
+  bottom: env(safe-area-inset-bottom) !important;
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+
+.btn-search {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: auto;
+}

lib/pages/userRelation/onUser/web.module.less

@@ -0,0 +1,35 @@
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--oak-bg-color-page);
+}
+
+.avatar {
+  height: 56px;
+  width: 56px;
+  background-color: var(--oak-color-primary);
+
+  .text {
+    color: #fff;
+    font-size: 16px;
+  }
+}
+
+.description {
+  .row {
+    .label {
+      color: var(--oak-text-color-secondary);
+      font-size: 12px;
+    }
+
+    .value {
+      color: var(--oak-text-color-primary);
+      font-size: 12px;
+    }
+  }
+}
+
+.relationList {
+  margin: 10px 0;
+}

lib/pages/userRelation/upsert/byMobile/index.less

@@ -0,0 +1,28 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+page {
+  height: 100%;
+  background-color: @bg-color;
+}
+
+.page-body {
+  height: 100%;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  padding: 0;
+  .safe-area-inset-bottom();
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+}
+.btn-view {
+  display: flex;
+  margin: 0rpx @spacer-2;
+}

lib/pages/userRelation/upsert/byMobile/mobile.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/userRelation/upsert/byMobile/web.module.less

@@ -0,0 +1,17 @@
+
+
+.container {
+  background: var(--oak-bg-color-container);
+  box-shadow: 0 2px 3px #0000001a;
+  border-radius: 3px;
+  padding: 30px 32px;
+}
+.formContainer {
+    padding-top: 32px;
+    width: 676px;
+    margin: 0 auto;
+}
+.tip {
+  font-size: 12px;
+  color: var(--oak-warning-color);
+}

lib/pages/userRelation/upsert/byUser/index.less

@@ -0,0 +1,28 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+page {
+  height: 100%;
+  background-color: @bg-color;
+}
+
+.page-body {
+  height: 100%;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  padding: 0;
+  .safe-area-inset-bottom();
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+}
+.btn-view {
+  display: flex;
+  margin: 0rpx @spacer-2;
+}

lib/pages/userRelation/upsert/byUser/mobile.module.less

@@ -0,0 +1,6 @@
+.container {
+    background: var(--oak-bg-color-container);
+    box-shadow: 0 2px 3px #0000001a;
+    border-radius: 3px;
+    padding: 30px 32px;
+}

lib/pages/userRelation/upsert/byUser/web.module.less

@@ -0,0 +1,8 @@
+
+
+.container {
+  background: var(--oak-bg-color-container);
+  box-shadow: 0 2px 3px #0000001a;
+  border-radius: 3px;
+  padding: 30px 32px;
+}

lib/pages/userRelation/upsert/byUserEntityGrant/index.less

@@ -0,0 +1,13 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+.page-body {
+  height: 100vh;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: @bg-color-fade;
+  box-sizing: border-box;
+  .safe-area-inset-bottom();
+}

lib/pages/userRelation/upsert/byUserEntityGrant/web.module.less

@@ -0,0 +1,9 @@
+
+
+
+.container {
+  padding: 30px 32px;
+  background: var(--oak-bg-color-container);
+  // box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
+  // border-radius: 3px;
+}

lib/pages/userRelation/upsert/index.less

@@ -0,0 +1,28 @@
+/**  index.wxss  **/
+@import "../../../config/styles/mp/index.less";
+@import "../../../config/styles/mp/mixins.less";
+
+page {
+  height: 100%;
+  background-color: @bg-color;
+}
+
+.page-body {
+  height: 100%;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  align-items: stretch;
+  padding: 0;
+  .safe-area-inset-bottom();
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+}
+.btn-view {
+  display: flex;
+  margin: 0rpx @spacer-2;
+}