更新：登录功能

uni_modules/wot-design-uni/components/wd-notice-bar/index.scss

@@ -0,0 +1,68 @@
+@import '../common/abstracts/variable';
+@import '../common/abstracts/mixin';
+
+@include b(notice-bar) {
+  display: flex;
+  padding: $-notice-bar-padding;
+  align-items: center;
+  font-size: $-notice-bar-fs;
+  border-radius: $-notice-bar-border-radius;
+  position: relative;
+  box-sizing: border-box;
+  @include when(warning) {
+    background: $-notice-bar-warning-bg;
+    color: $-notice-bar-warning-color;
+  }
+  @include when(info) {
+    background: $-notice-bar-info-bg;
+    color: $-notice-bar-info-color;
+  }
+  @include when(danger) {
+    background: $-notice-bar-danger-bg;
+    color: $-notice-bar-danger-color;
+  }
+  @include edeep(prefix) {
+    padding-right: 4px;
+    font-size: $-notice-bar-prefix-size;
+  }
+
+  @include edeep(suffix) {
+    text-align: center;
+    font-size: $-notice-bar-close-size;
+    display: inline-block;
+    background-color: $-notice-bar-close-bg;
+    color: $-notice-bar-close-color;
+    padding: 0;
+    border-radius: 0px 8px 0px 4px;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+  @include e(wrap) {
+    position: relative;
+    flex: 1;
+    height: $-notice-bar-line-height;
+    overflow: hidden;
+    line-height: $-notice-bar-line-height;
+  }
+  @include e(content) {
+    position: absolute;
+    white-space: nowrap;
+  }
+  @include m(ellipse) {
+    .wd-notice-bar__content {
+      position: static;
+      @include lineEllipsis;
+    }
+  }
+  @include m(wrap) {
+
+    .wd-notice-bar__wrap {
+      height: auto;
+    }
+    .wd-notice-bar__content {
+      position: static;
+      white-space: normal;
+    }
+  }
+}