@10yun/cv-mobile-ui 0.5.33 → 0.5.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@10yun/cv-mobile-ui",
-  "version": "0.5.33",
+  "version": "0.5.35",
   "description": "十云cvjs移动端ui，适用uniapp",
   "author": "10yun",
   "license": "Apache-2.0",
@@ -15,6 +15,7 @@
   "scripts": {},
   "dependencies": {
     "clipboard": "^2.0.11",
+    "crypto-js": "^4.2.0",
     "dayjs": "^1.11.13"
   },
   "browserslist": [

package/uview-plus/components/u-app-update/u-app-update.vue

@@ -14,7 +14,7 @@
         <!-- 版本提示 -->
         <view class="version" :style="{ color: versionColor }">v{{ version }}</view>
         <!-- 背景 -->
-        <image class="backgroundImg" width="100%" height="100%" src="../../img/appUploadAlertBoxBg.png"></image>
+        <image class="backgroundImg" width="100%" height="100%" src="./img/appUploadAlertBoxBg.png"></image>
         <!-- 更新详细信息 -->
         <view class="info center">
           <text class="title" :style="{ color: titleColor }">{{ title }}</text>
@@ -113,8 +113,8 @@
  * @property {Number} intervalAlertUserUpdateDay 提示用户更新的间隔时间 单位day(默认: 7)。
  * @example
  */
-import config from '../../config.js';
-import checkVersion from '../../js-sdk/checkVersion.js';
+import config from './config.js';
+import checkVersion from './js-sdk/checkVersion.js';
 
 export default {
   name: 'wuAppUpdata',
@@ -456,128 +456,126 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
-.u-app-update-box {
-  :deep(.uni-popup) {
-    z-index: 1000;
-  }
+<style scoped>
+.u-app-update-box :deep(.uni-popup) {
+  z-index: 1000;
+}
 
-  .bg {
-    width: 100%;
-  }
+.u-app-update-box .bg {
+  width: 100%;
+}
 
-  .content_popup {
-    width: 590rpx;
-    border-radius: 10rpx;
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
-    box-sizing: border-box;
-    background-color: #fff;
-    padding-bottom: 40rpx;
-    position: relative;
-
-    .close {
-      position: absolute;
-      right: 15rpx;
-      top: 15rpx;
-      z-index: 3;
-    }
+.u-app-update-box .content_popup {
+  width: 590rpx;
+  border-radius: 10rpx;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  box-sizing: border-box;
+  background-color: #fff;
+  padding-bottom: 40rpx;
+  position: relative;
+}
 
-    .version {
-      position: absolute;
-      left: 40rpx;
-      top: 45rpx;
-      z-index: 3;
-      font-size: 75rpx;
-    }
+.u-app-update-box .content_popup .close {
+  position: absolute;
+  right: 15rpx;
+  top: 15rpx;
+  z-index: 3;
+}
 
-    .backgroundImg {
-      width: 100.1%;
-      height: 270rpx;
-      position: absolute;
-      top: -48rpx;
-    }
+.u-app-update-box .content_popup .version {
+  position: absolute;
+  left: 40rpx;
+  top: 45rpx;
+  z-index: 3;
+  font-size: 75rpx;
+}
 
-    .info {
-      position: relative;
-      padding: 240rpx 40rpx 0;
-      z-index: 2;
+.u-app-update-box .content_popup .backgroundImg {
+  width: 100.1%;
+  height: 270rpx;
+  position: absolute;
+  top: -48rpx;
+}
 
-      .title {
-        font-size: 42rpx;
-      }
+.u-app-update-box .content_popup .info {
+  position: relative;
+  padding: 240rpx 40rpx 0;
+  z-index: 2;
+}
 
-      .info_desc_scroll {
-        margin-top: 20rpx;
-        font-size: 33rpx;
-        min-height: 200rpx;
-        max-height: 400rpx;
-        box-sizing: border-box;
-        line-height: 1.3;
+.u-app-update-box .content_popup .info .title {
+  font-size: 42rpx;
+}
 
-        p:not(:last-child) {
-          margin-bottom: 12rpx;
-        }
-      }
-    }
+.u-app-update-box .content_popup .info .info_desc_scroll {
+  margin-top: 20rpx;
+  font-size: 33rpx;
+  min-height: 200rpx;
+  max-height: 400rpx;
+  box-sizing: border-box;
+  line-height: 1.3;
+}
 
-    .footer {
-      padding: 0 30rpx;
+.u-app-update-box .content_popup .info .info_desc_scroll p:not(:last-child) {
+  margin-bottom: 12rpx;
+}
 
-      .progress-box {
-        width: 100%;
-        margin-top: 25rpx;
-      }
+.u-app-update-box .content_popup .footer {
+  padding: 0 30rpx;
+}
 
-      :deep(.progress) {
-        width: 90%;
-        height: 40rpx;
-        margin-bottom: 5rpx;
+.u-app-update-box .content_popup .footer .progress-box {
+  width: 100%;
+  margin-top: 25rpx;
+}
 
-        .uni-progress-bar {
-          border-radius: 35rpx;
+.u-app-update-box .content_popup .footer :deep(.progress) {
+  width: 90%;
+  height: 40rpx;
+  margin-bottom: 5rpx;
+}
 
-          .uni-progress-inner-bar {
-            border-radius: 35rpx;
-          }
-        }
-      }
+.u-app-update-box .content_popup .footer :deep(.progress) .uni-progress-bar {
+  border-radius: 35rpx;
+}
 
-      .btn {
-        margin-top: 35rpx;
-        height: 75rpx;
-        line-height: 75rpx;
-        border-radius: 14rpx;
-        font-size: 34rpx;
-        font-weight: 400;
-        text-align: center;
-        width: 100%;
-      }
+.u-app-update-box .content_popup .footer :deep(.progress) .uni-progress-bar .uni-progress-inner-bar {
+  border-radius: 35rpx;
+}
 
-      .notRemind {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin-top: 15rpx;
-
-        .remind-text {
-          color: #9d9d9d;
-          font-size: 30rpx;
-          margin-left: 3rpx;
-          transition: color 80ms linear;
-        }
-      }
-    }
-  }
+.u-app-update-box .content_popup .footer .btn {
+  margin-top: 35rpx;
+  height: 75rpx;
+  line-height: 75rpx;
+  border-radius: 14rpx;
+  font-size: 34rpx;
+  font-weight: 400;
+  text-align: center;
+  width: 100%;
+}
 
-  .close-img {
-    width: 70rpx;
-    height: 70rpx;
-    z-index: 1000;
-    position: absolute;
-    bottom: -120rpx;
-    left: calc(50% - 70rpx / 2);
-  }
+.u-app-update-box .content_popup .footer .notRemind {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 15rpx;
+}
+
+.u-app-update-box .content_popup .footer .notRemind .remind-text {
+  color: #9d9d9d;
+  font-size: 30rpx;
+  margin-left: 3rpx;
+  transition: color 80ms linear;
+}
+
+.u-app-update-box .close-img {
+  width: 70rpx;
+  height: 70rpx;
+  z-index: 1000;
+  position: absolute;
+  bottom: -120rpx;
+  left: calc(50% - 70rpx / 2);
 }
 </style>

package/uview-plus/components/u-button/style.scss

@@ -8,8 +8,7 @@
 @import './nvue.scss';
 /* #endif */
 
-$u-button-u-button-height: 40px !default;
-$u-button-text-font-size: 15px !default;
+ $u-button-text-font-size: 15px !default;
 $u-button-loading-text-font-size: 15px !default;
 $u-button-loading-text-margin-left: 4px !default;
 $u-button-large-width: 100% !default;
@@ -65,7 +64,7 @@ $u-button-plain-background-color: #fff !default;
 $u-button-hairline-border-width: 0.5px !default;
 
 .u-button {
-  height: $u-button-u-button-height;
+  height: 40px;
   position: relative;
   align-items: center;
   justify-content: center;

package/uview-plus/components/u-button-wu/style.scss

@@ -0,0 +1,203 @@
+
+$show-reset-button: 1;
+@import '../../libs/css/variable.css';
+@import '../../libs/css/components.scss';
+@import '../../libs/css/color.scss';
+
+/* #ifndef APP-NVUE */
+@import './vue.scss';
+/* #endif */
+
+/* #ifdef APP-NVUE */
+// @import "./nvue.scss";
+/* #endif */
+page {
+  --u-button-u-button-height: 40px;
+  --u-button-text-font-size: 15px;
+  --u-button-loading-text-font-size: 15px;
+  --u-button-loading-text-margin-left: 4px;
+  --u-button-large-width: 100%;
+  --u-button-large-height: 50px;
+  --u-button-normal-padding: 0 12px;
+  --u-button-large-padding: 0 15px;
+  --u-button-normal-font-size: 14px;
+  --u-button-small-min-width: 60px;
+  --u-button-small-height: 30px;
+  --u-button-small-padding: 0px 8px;
+  --u-button-mini-padding: 0px 8px;
+  --u-button-small-font-size: 12px;
+  --u-button-mini-height: 22px;
+  --u-button-mini-font-size: 10px;
+  --u-button-mini-min-width: 50px;
+  --u-button-disabled-opacity: 0.5;
+  --u-button-info-color: #323233;
+  --u-button-info-background-color: #fff;
+  --u-button-info-border-color: #ebedf0;
+  --u-button-info-border-width: 1px;
+  --u-button-info-border-style: solid;
+  --u-button-success-color: #fff;
+  --u-button-success-background-color: var(--u-success);
+  --u-button-success-border-color: var(--u-button-success-background-color);
+  --u-button-success-border-width: 1px;
+  --u-button-success-border-style: solid;
+  --u-button-primary-color: #fff;
+  --u-button-primary-background-color: var(--u-primary);
+  --u-button-primary-border-color: var(--u-button-primary-background-color);
+  --u-button-primary-border-width: 1px;
+  --u-button-primary-border-style: solid;
+  --u-button-error-color: #fff;
+  --u-button-error-background-color: var(--u-error);
+  --u-button-error-border-color: var(--u-button-error-background-color);
+  --u-button-error-border-width: 1px;
+  --u-button-error-border-style: solid;
+  --u-button-warning-color: #fff;
+  --u-button-warning-background-color: var(--u-warning);
+  --u-button-warning-border-color: var(--u-button-warning-background-color);
+  --u-button-warning-border-width: 1px;
+  --u-button-warning-border-style: solid;
+  --u-button-block-width: 100%;
+  --u-button-circle-border-top-right-radius: 100px;
+  --u-button-circle-border-top-left-radius: 100px;
+  --u-button-circle-border-bottom-left-radius: 100px;
+  --u-button-circle-border-bottom-right-radius: 100px;
+  --u-button-square-border-top-right-radius: 3px;
+  --u-button-square-border-top-left-radius: 3px;
+  --u-button-square-border-bottom-left-radius: 3px;
+  --u-button-square-border-bottom-right-radius: 3px;
+  --u-button-icon-min-width: 1em;
+  --u-button-plain-background-color: #fff;
+  --u-button-hairline-border-width: 0.5px;
+}
+
+.u-button {
+  height: var(--u-button-u-button-height);
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  @include flex;
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  /* #endif */
+  flex-direction: row;
+  margin-left: auto;
+  margin-right: auto;
+
+  &__text {
+    font-size: var(--u-button-text-font-size);
+  }
+
+  &__loading-text {
+    font-size: var(--u-button-loading-text-font-size);
+    margin-left: var(--u-button-loading-text-margin-left);
+  }
+
+  &--large {
+    /* #ifndef APP-NVUE */
+    width: var(--u-button-large-width);
+    /* #endif */
+    height: var(--u-button-large-height);
+    padding: var(--u-button-large-padding);
+  }
+
+  &--normal {
+    padding: var(--u-button-normal-padding);
+    font-size: var(--u-button-normal-font-size);
+  }
+
+  &--small {
+    /* #ifndef APP-NVUE */
+    min-width: var(--u-button-small-min-width);
+    /* #endif */
+    height: var(--u-button-small-height);
+    padding: var(--u-button-small-padding);
+    font-size: var(--u-button-small-font-size);
+  }
+
+  &--mini {
+    height: var(--u-button-mini-height);
+    font-size: var(--u-button-mini-font-size);
+    /* #ifndef APP-NVUE */
+    min-width: var(--u-button-mini-min-width);
+    /* #endif */
+    padding: var(--u-button-mini-padding);
+  }
+
+  &--disabled {
+    opacity: var(--u-button-disabled-opacity);
+  }
+
+  &--info {
+    color: var(--u-button-info-color);
+    background-color: var(--u-button-info-background-color);
+    border-color: var(--u-button-info-border-color);
+    border-width: var(--u-button-info-border-width);
+    border-style: var(--u-button-info-border-style);
+  }
+
+  &--success {
+    color: var(--u-button-success-color);
+    background-color: var(--u-button-success-background-color);
+    border-color: var(--u-button-success-border-color);
+    border-width: var(--u-button-success-border-width);
+    border-style: var(--u-button-success-border-style);
+  }
+
+  &--primary {
+    color: var(--u-button-primary-color);
+    background-color: var(--u-button-primary-background-color);
+    border-color: var(--u-button-primary-border-color);
+    border-width: var(--u-button-primary-border-width);
+    border-style: var(--u-button-primary-border-style);
+  }
+
+  &--error {
+    color: var(--u-button-error-color);
+    background-color: var(--u-button-error-background-color);
+    border-color: var(--u-button-error-border-color);
+    border-width: var(--u-button-error-border-width);
+    border-style: var(--u-button-error-border-style);
+  }
+
+  &--warning {
+    color: var(--u-button-warning-color);
+    background-color: var(--u-button-warning-background-color);
+    border-color: var(--u-button-warning-border-color);
+    border-width: var(--u-button-warning-border-width);
+    border-style: var(--u-button-warning-border-style);
+  }
+
+  &--block {
+    @include flex;
+    width: var(--u-button-block-width);
+  }
+
+  &--circle {
+    border-top-right-radius: var(--u-button-circle-border-top-right-radius);
+    border-top-left-radius: var(--u-button-circle-border-top-left-radius);
+    border-bottom-left-radius: var(--u-button-circle-border-bottom-left-radius);
+    border-bottom-right-radius: var(--u-button-circle-border-bottom-right-radius);
+  }
+
+  &--square {
+    border-bottom-left-radius: var(--u-button-square-border-top-right-radius);
+    border-bottom-right-radius: var(--u-button-square-border-top-left-radius);
+    border-top-left-radius: var(--u-button-square-border-bottom-left-radius);
+    border-top-right-radius: var(--u-button-square-border-bottom-right-radius);
+  }
+
+  &__icon {
+    /* #ifndef APP-NVUE */
+    min-width: var(--u-button-icon-min-width);
+    line-height: inherit !important;
+    vertical-align: top;
+    /* #endif */
+  }
+
+  &--plain {
+    background-color: var(--u-button-plain-background-color);
+  }
+
+  &--hairline {
+    border-width: var(--u-button-hairline-border-width) !important;
+  }
+}

package/uview-plus/components/u-button-wu/u-button-wu.vue

@@ -150,9 +150,9 @@
 import { throttle } from '../../libs/function/throttle.js';
 import { mpMixin } from '../../libs/mixin/mpMixin.js';
 import { mixin } from '../../libs/mixin/mixin.js';
-import { button } from '../../libs/mixin/button.js';
+import { buttonMixin } from '../../libs/mixin/button.js';
 import { openType } from '../../libs/mixin/openType.js';
-import props from './props.js';
+import { props } from '../u-button/props.js';
 /**
  * button 按钮
  * @description Button 按钮
@@ -205,9 +205,9 @@ import props from './props.js';
  * @example <up-button>千金散尽还复来</up-button>
  */
 export default {
-  name: 'u-button',
+  name: 'u-button-wu',
   // #ifdef MP
-  mixins: [mpMixin, mixin, button, openType, props],
+  mixins: [mpMixin, mixin, buttonMixin, openType, props],
   // #endif
   // #ifndef MP
   mixins: [mpMixin, mixin, props],
@@ -317,206 +317,4 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
-$show-reset-button: 1;
-@import '../../libs/css/variable.css';
-@import '../../libs/css/components.scss';
-@import '../../libs/css/color.scss';
-
-/* #ifndef APP-NVUE */
-@import './vue.scss';
-/* #endif */
-
-/* #ifdef APP-NVUE */
-// @import "./nvue.scss";
-/* #endif */
-
-$u-button-u-button-height: 40px !default;
-$u-button-text-font-size: 15px !default;
-$u-button-loading-text-font-size: 15px !default;
-$u-button-loading-text-margin-left: 4px !default;
-$u-button-large-width: 100% !default;
-$u-button-large-height: 50px !default;
-$u-button-normal-padding: 0 12px !default;
-$u-button-large-padding: 0 15px !default;
-$u-button-normal-font-size: 14px !default;
-$u-button-small-min-width: 60px !default;
-$u-button-small-height: 30px !default;
-$u-button-small-padding: 0px 8px !default;
-$u-button-mini-padding: 0px 8px !default;
-$u-button-small-font-size: 12px !default;
-$u-button-mini-height: 22px !default;
-$u-button-mini-font-size: 10px !default;
-$u-button-mini-min-width: 50px !default;
-$u-button-disabled-opacity: 0.5 !default;
-$u-button-info-color: #323233 !default;
-$u-button-info-background-color: #fff !default;
-$u-button-info-border-color: #ebedf0 !default;
-$u-button-info-border-width: 1px !default;
-$u-button-info-border-style: solid !default;
-$u-button-success-color: #fff !default;
-$u-button-success-background-color: $u-success !default;
-$u-button-success-border-color: $u-button-success-background-color !default;
-$u-button-success-border-width: 1px !default;
-$u-button-success-border-style: solid !default;
-$u-button-primary-color: #fff !default;
-$u-button-primary-background-color: $u-primary !default;
-$u-button-primary-border-color: $u-button-primary-background-color !default;
-$u-button-primary-border-width: 1px !default;
-$u-button-primary-border-style: solid !default;
-$u-button-error-color: #fff !default;
-$u-button-error-background-color: $u-error !default;
-$u-button-error-border-color: $u-button-error-background-color !default;
-$u-button-error-border-width: 1px !default;
-$u-button-error-border-style: solid !default;
-$u-button-warning-color: #fff !default;
-$u-button-warning-background-color: $u-warning !default;
-$u-button-warning-border-color: $u-button-warning-background-color !default;
-$u-button-warning-border-width: 1px !default;
-$u-button-warning-border-style: solid !default;
-$u-button-block-width: 100% !default;
-$u-button-circle-border-top-right-radius: 100px !default;
-$u-button-circle-border-top-left-radius: 100px !default;
-$u-button-circle-border-bottom-left-radius: 100px !default;
-$u-button-circle-border-bottom-right-radius: 100px !default;
-$u-button-square-border-top-right-radius: 3px !default;
-$u-button-square-border-top-left-radius: 3px !default;
-$u-button-square-border-bottom-left-radius: 3px !default;
-$u-button-square-border-bottom-right-radius: 3px !default;
-$u-button-icon-min-width: 1em !default;
-$u-button-plain-background-color: #fff !default;
-$u-button-hairline-border-width: 0.5px !default;
-
-.u-button {
-  height: $u-button-u-button-height;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  @include flex;
-  /* #ifndef APP-NVUE */
-  box-sizing: border-box;
-  /* #endif */
-  flex-direction: row;
-  margin-left: auto;
-  margin-right: auto;
-
-  &__text {
-    font-size: $u-button-text-font-size;
-  }
-
-  &__loading-text {
-    font-size: $u-button-loading-text-font-size;
-    margin-left: $u-button-loading-text-margin-left;
-  }
-
-  &--large {
-    /* #ifndef APP-NVUE */
-    width: $u-button-large-width;
-    /* #endif */
-    height: $u-button-large-height;
-    padding: $u-button-large-padding;
-  }
-
-  &--normal {
-    padding: $u-button-normal-padding;
-    font-size: $u-button-normal-font-size;
-  }
-
-  &--small {
-    /* #ifndef APP-NVUE */
-    min-width: $u-button-small-min-width;
-    /* #endif */
-    height: $u-button-small-height;
-    padding: $u-button-small-padding;
-    font-size: $u-button-small-font-size;
-  }
-
-  &--mini {
-    height: $u-button-mini-height;
-    font-size: $u-button-mini-font-size;
-    /* #ifndef APP-NVUE */
-    min-width: $u-button-mini-min-width;
-    /* #endif */
-    padding: $u-button-mini-padding;
-  }
-
-  &--disabled {
-    opacity: $u-button-disabled-opacity;
-  }
-
-  &--info {
-    color: $u-button-info-color;
-    background-color: $u-button-info-background-color;
-    border-color: $u-button-info-border-color;
-    border-width: $u-button-info-border-width;
-    border-style: $u-button-info-border-style;
-  }
-
-  &--success {
-    color: $u-button-success-color;
-    background-color: $u-button-success-background-color;
-    border-color: $u-button-success-border-color;
-    border-width: $u-button-success-border-width;
-    border-style: $u-button-success-border-style;
-  }
-
-  &--primary {
-    color: $u-button-primary-color;
-    background-color: $u-button-primary-background-color;
-    border-color: $u-button-primary-border-color;
-    border-width: $u-button-primary-border-width;
-    border-style: $u-button-primary-border-style;
-  }
-
-  &--error {
-    color: $u-button-error-color;
-    background-color: $u-button-error-background-color;
-    border-color: $u-button-error-border-color;
-    border-width: $u-button-error-border-width;
-    border-style: $u-button-error-border-style;
-  }
-
-  &--warning {
-    color: $u-button-warning-color;
-    background-color: $u-button-warning-background-color;
-    border-color: $u-button-warning-border-color;
-    border-width: $u-button-warning-border-width;
-    border-style: $u-button-warning-border-style;
-  }
-
-  &--block {
-    @include flex;
-    width: $u-button-block-width;
-  }
-
-  &--circle {
-    border-top-right-radius: $u-button-circle-border-top-right-radius;
-    border-top-left-radius: $u-button-circle-border-top-left-radius;
-    border-bottom-left-radius: $u-button-circle-border-bottom-left-radius;
-    border-bottom-right-radius: $u-button-circle-border-bottom-right-radius;
-  }
-
-  &--square {
-    border-bottom-left-radius: $u-button-square-border-top-right-radius;
-    border-bottom-right-radius: $u-button-square-border-top-left-radius;
-    border-top-left-radius: $u-button-square-border-bottom-left-radius;
-    border-top-right-radius: $u-button-square-border-bottom-right-radius;
-  }
-
-  &__icon {
-    /* #ifndef APP-NVUE */
-    min-width: $u-button-icon-min-width;
-    line-height: inherit !important;
-    vertical-align: top;
-    /* #endif */
-  }
-
-  &--plain {
-    background-color: $u-button-plain-background-color;
-  }
-
-  &--hairline {
-    border-width: $u-button-hairline-border-width !important;
-  }
-}
-</style>
+<style scoped></style>

package/uview-plus/components/u-icon/u-icon2.vue

@@ -29,7 +29,7 @@ domModule.addRule('fontFace', {
 // #endif
 // 引入图标名称，已经对应的unicode
 import icons from './icons';
-import props from './props.js';
+import { props } from './props.js';
 /**
  * icon 图标
  * @description 基于字体的图标集，包含了大多数常见场景的图标。

package/uview-plus/components/u-image-wu/u-image-wu.vue

@@ -10,9 +10,9 @@
         :show-menu-by-longpress="showMenuByLongpress"
         class="u-image__image"
         :style="{
-          borderRadius: shape == 'circle' ? '10000px' : addUnit(radius),
           width: addUnit(width),
-          height: addUnit(height)
+          height: addUnit(height),
+          borderRadius: shape == 'circle' ? '10000px' : addUnit(radius)
         }"
       ></image>
       <view
@@ -239,5 +239,5 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+@import '../u-image/style.css';
 </style>

package/uview-plus/components/u-navbar-wu/style.scss

@@ -0,0 +1,59 @@
+
+@import '../../libs/css/components.scss';
+@import '../../theme.scss';
+
+.u-navbar {
+  &--fixed {
+    position: fixed;
+    left: 0;
+    right: 0;
+    z-index: 11;
+  }
+
+  &__content {
+    @include flex(row);
+    align-items: center;
+    height: 44px;
+    background-color: #9acafc;
+    position: relative;
+    justify-content: center;
+
+    &__left,
+    &__right {
+      padding: 0 13px;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      @include flex(row);
+      align-items: center;
+    }
+
+    &__left {
+      left: 0;
+
+      &--hover {
+        opacity: 0.7;
+      }
+
+      &__text {
+        font-size: 15px;
+        margin-left: 3px;
+      }
+    }
+
+    &__title {
+      text-align: center;
+      font-size: 16px;
+      color: $u-main-color;
+    }
+
+    &__right {
+      right: 0;
+
+      &__text {
+        font-size: 15px;
+        margin-left: 3px;
+      }
+    }
+  }
+}

package/uview-plus/components/u-navbar-wu/u-navbar-wu.vue

@@ -134,63 +134,4 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
-@import '../../libs/css/components.scss';
-@import '../../theme.scss';
-
-.u-navbar {
-  &--fixed {
-    position: fixed;
-    left: 0;
-    right: 0;
-    z-index: 11;
-  }
-
-  &__content {
-    @include flex(row);
-    align-items: center;
-    height: 44px;
-    background-color: #9acafc;
-    position: relative;
-    justify-content: center;
-
-    &__left,
-    &__right {
-      padding: 0 13px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      @include flex(row);
-      align-items: center;
-    }
-
-    &__left {
-      left: 0;
-
-      &--hover {
-        opacity: 0.7;
-      }
-
-      &__text {
-        font-size: 15px;
-        margin-left: 3px;
-      }
-    }
-
-    &__title {
-      text-align: center;
-      font-size: 16px;
-      color: $u-main-color;
-    }
-
-    &__right {
-      right: 0;
-
-      &__text {
-        font-size: 15px;
-        margin-left: 3px;
-      }
-    }
-  }
-}
-</style>
+<style scoped></style>

package/uview-plus/components/u-popup-wu/style.css

@@ -0,0 +1,73 @@
+.u-popup {
+  position: fixed;
+  /* #ifndef APP-NVUE */
+  z-index: 99;
+  /* #endif */
+}
+
+.u-popup.top,
+.u-popup.left,
+.u-popup.right {
+  /* #ifdef H5 */
+  top: var(--window-top);
+  /* #endif */
+  /* #ifndef H5 */
+  top: 0;
+  /* #endif */
+}
+
+.u-popup .u-popup__content {
+  /* #ifndef APP-NVUE */
+  display: block;
+  /* #endif */
+  position: relative;
+}
+
+.u-popup .u-popup__content.left,
+.u-popup .u-popup__content.right {
+  /* #ifdef H5 */
+  padding-top: var(--window-top);
+  /* #endif */
+  /* #ifndef H5 */
+  padding-top: 0;
+  /* #endif */
+  flex: 1;
+}
+
+.u-popup .u-popup__content__close {
+  position: absolute;
+}
+
+.u-popup .u-popup__content__close--hover {
+  opacity: 0.4;
+}
+
+.u-popup .u-popup__content__close--top-left {
+  top: 15px;
+  left: 15px;
+}
+
+.u-popup .u-popup__content__close--top-right {
+  top: 15px;
+  right: 15px;
+}
+
+.u-popup .u-popup__content__close--bottom-left {
+  bottom: 15px;
+  left: 15px;
+}
+
+.u-popup .u-popup__content__close--bottom-right {
+  right: 15px;
+  bottom: 15px;
+}
+
+.fixforpc-z-index {
+  /* #ifndef APP-NVUE */
+  z-index: 999;
+  /* #endif */
+}
+
+.fixforpc-top {
+  top: 0;
+}

package/uview-plus/components/u-popup-wu/u-popup-wu.vue

@@ -443,77 +443,4 @@ export default {
 	}
 }
 </script>
-<style lang="scss" scoped>
-.u-popup {
-  position: fixed;
-  /* #ifndef APP-NVUE */
-  z-index: 99;
-
-  /* #endif */
-  &.top,
-  &.left,
-  &.right {
-    /* #ifdef H5 */
-    top: var(--window-top);
-    /* #endif */
-    /* #ifndef H5 */
-    top: 0;
-    /* #endif */
-  }
-
-  .u-popup__content {
-    /* #ifndef APP-NVUE */
-    display: block;
-    /* #endif */
-    position: relative;
-
-    &.left,
-    &.right {
-      /* #ifdef H5 */
-      padding-top: var(--window-top);
-      /* #endif */
-      /* #ifndef H5 */
-      padding-top: 0;
-      /* #endif */
-      flex: 1;
-    }
-    &__close {
-      position: absolute;
-
-      &--hover {
-        opacity: 0.4;
-      }
-    }
-
-    &__close--top-left {
-      top: 15px;
-      left: 15px;
-    }
-
-    &__close--top-right {
-      top: 15px;
-      right: 15px;
-    }
-
-    &__close--bottom-left {
-      bottom: 15px;
-      left: 15px;
-    }
-
-    &__close--bottom-right {
-      right: 15px;
-      bottom: 15px;
-    }
-  }
-}
-
-.fixforpc-z-index {
-  /* #ifndef APP-NVUE */
-  z-index: 999;
-  /* #endif */
-}
-
-.fixforpc-top {
-  top: 0;
-}
-</style>
+<style scoped></style>