@10yun/cv-mobile-ui 0.5.53 → 0.5.55

package/uview-plus/components/u-avatar-group/u-avatar-group.vue

@@ -75,5 +75,32 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-avatar-group {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+}
+.u-avatar-group__item {
+  margin-left: -10px;
+  position: relative;
+}
+.u-avatar-group__item--no-indent {
+  margin-left: 0;
+}
+.u-avatar-group__item__show-more {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.3);
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100px;
+}
 </style>

package/uview-plus/components/u-back-top/u-back-top.vue

@@ -93,5 +93,20 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-back-top {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  height: 100%;
+  justify-content: center;
+  background-color: #e1e1e1;
+}
+.u-back-top__tips {
+  font-size: 12px;
+  transform: scale(0.8);
+}
 </style>

package/uview-plus/components/u-badge/u-badge.vue

@@ -96,5 +96,61 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-badge {
+  border-top-right-radius: 100px;
+  border-top-left-radius: 100px;
+  border-bottom-left-radius: 100px;
+  border-bottom-right-radius: 100px;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  line-height: 11px;
+  text-align: center;
+  font-size: 11px;
+  color: #ffffff;
+}
+.u-badge--dot {
+  height: 8px;
+  width: 8px;
+}
+.u-badge--inverted {
+  font-size: 13px;
+}
+.u-badge--not-dot {
+  padding: 2px 5px;
+}
+.u-badge--horn {
+  border-bottom-left-radius: 0;
+}
+.u-badge--primary {
+  background-color: var(--u-primary);
+}
+.u-badge--primary--inverted {
+  color: var(--u-primary);
+}
+.u-badge--error {
+  background-color: var(--u-error);
+}
+.u-badge--error--inverted {
+  color: var(--u-error);
+}
+.u-badge--success {
+  background-color: var(--u-success);
+}
+.u-badge--success--inverted {
+  color: var(--u-success);
+}
+.u-badge--info {
+  background-color: var(--u-info);
+}
+.u-badge--info--inverted {
+  color: var(--u-info);
+}
+.u-badge--warning {
+  background-color: var(--u-warning);
+}
+.u-badge--warning--inverted {
+  color: var(--u-warning);
+}
 </style>

package/uview-plus/components/u-box/u-box.vue

@@ -1,3 +1,101 @@
-<template>
  <view class="u-box" :style="[{ height: height }, addStyle(customStyle)]">
    <view class="u-box__left" :style="{ borderRadius: borderRadius, backgroundColor: bgColors[0] }">
      <slot name="left">左</slot>
    </view>
    <view class="u-box__gap" :style="{ width: gap, height: height }"></view>
    <view class="u-box__right">
      <view class="u-box__right-top" :style="{ borderRadius: borderRadius, backgroundColor: bgColors[1] }">
        <slot name="rightTop">右上</slot>
      </view>
      <view class="u-box__right-gap" :style="{ height: gap }"></view>
      <view class="u-box__right-bottom" :style="{ borderRadius: borderRadius, backgroundColor: bgColors[2] }">
        <slot name="rightBottom">右下</slot>
      </view>
    </view>
  </view>
 * box 盒子
 * @description box盒子一般为左边一个盒子，右侧两个等高的半盒组成，常用于App首页座位重点突出。
 * @tutorial https://uview-plus.jiangruyi.com/components/box.html
 * @property {Array}	bgColors			背景色
 * @property {String}	height			    高度
 * @property {String}	borderRadius		圆角
 * @property {Object}   customStyle		    定义需要用到的外部样式
 *
 * @event {Function}			click			点击cell列表时触发
 * @example <up-box colors=['blue', 'red', 'yellow'] height="200px"></up-box>
 */
  name: 'up-box',
  data() {
    return {};
  },
  mixins: [mpMixin, mixin, propsBox],
  computed: {},
  emits: [],
  methods: {
    addStyle
  }
-@import './style.css';
-</style>
+<template>
+  <view class="u-box" :style="[{ height: height }, addStyle(customStyle)]">
+    <view class="u-box__left" :style="{ borderRadius: borderRadius, backgroundColor: bgColors[0] }">
+      <slot name="left">左</slot>
+    </view>
+    <view class="u-box__gap" :style="{ width: gap, height: height }"></view>
+    <view class="u-box__right">
+      <view class="u-box__right-top" :style="{ borderRadius: borderRadius, backgroundColor: bgColors[1] }">
+        <slot name="rightTop">右上</slot>
+      </view>
+      <view class="u-box__right-gap" :style="{ height: gap }"></view>
+      <view class="u-box__right-bottom" :style="{ borderRadius: borderRadius, backgroundColor: bgColors[2] }">
+        <slot name="rightBottom">右下</slot>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import { propsBox } from './props';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addStyle } from '../../libs/function/index';
+import test from '../../libs/function/test';
+/**
+ * box 盒子
+ * @description box盒子一般为左边一个盒子，右侧两个等高的半盒组成，常用于App首页座位重点突出。
+ * @tutorial https://uview-plus.jiangruyi.com/components/box.html
+ * @property {Array}	bgColors			背景色
+ * @property {String}	height			    高度
+ * @property {String}	borderRadius		圆角
+ * @property {Object}   customStyle		    定义需要用到的外部样式
+ *
+ * @event {Function}			click			点击cell列表时触发
+ * @example <up-box colors=['blue', 'red', 'yellow'] height="200px"></up-box>
+ */
+export default {
+  name: 'up-box',
+  data() {
+    return {};
+  },
+  mixins: [mpMixin, mixin, propsBox],
+  computed: {},
+  emits: [],
+  methods: {
+    addStyle
+  }
+};
+</script>
+<style scoped>
+.u-box {
+  /* #ifndef APP-NVUE */
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+}
+.u-box__left {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+}
+.u-box__gap {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-direction: column;
+}
+.u-box__right {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-direction: column;
+  flex: 1;
+}
+.u-box__right-top {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+}
+.u-box__right-bottom {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+}
+</style>

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

@@ -53,8 +53,8 @@
       !disabled && !loading && !color && (plain || type === 'info')
         ? 'u-button--active--plain'
         : !disabled && !loading && !plain
-        ? 'u-button--active'
-        : ''
+          ? 'u-button--active'
+          : ''
     "
     @tap="clickHandler"
     :class="bemClass"
@@ -269,5 +269,198 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+/* #ifndef APP-NVUE */
+.u-button {
+  width: 100%;
+  white-space: nowrap;
+}
+.u-button__text {
+  white-space: nowrap;
+  line-height: 1;
+}
+.u-button:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  border: inherit;
+  border-radius: inherit;
+  transform: translate(-50%, -50%);
+  opacity: 0;
+  content: ' ';
+  background-color: #000;
+  border-color: #000;
+}
+.u-button--active:before {
+  opacity: 0.15;
+}
+.u-button__icon + .u-button__text:not(:empty),
+.u-button__loading-text {
+  margin-left: 4px;
+}
+.u-button--plain.u-button--primary {
+  color: var(--u-primary);
+}
+.u-button--plain.u-button--info {
+  color: var(--u-info);
+}
+.u-button--plain.u-button--success {
+  color: var(--u-success);
+}
+.u-button--plain.u-button--error {
+  color: var(--u-error);
+}
+.u-button--plain.u-button--warning {
+  color: var(--u-warning);
+}
+/* #endif */
+/* #ifdef APP-NVUE */
+.u-button--active {
+  opacity: 0.75;
+}
+.u-button--active--plain {
+  background-color: rgb(217, 217, 217);
+}
+.u-button__loading-text {
+  margin-left: 4px;
+}
+.u-button__text,
+.u-button__loading-text {
+  color: #ffffff;
+}
+.u-button__text--plain--error {
+  color: var(--u-error);
+}
+.u-button__text--plain--warning {
+  color: var(--u-warning);
+}
+.u-button__text--plain--success {
+  color: var(--u-success);
+}
+.u-button__text--plain--info {
+  color: var(--u-info);
+}
+.u-button__text--plain--primary {
+  color: var(--u-primary);
+}
+/* #endif */
+.u-button {
+  height: 40px;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  /* #ifndef APP-NVUE */
+  box-sizing: border-box;
+  /* #endif */
+  flex-direction: row;
+}
+.u-button__text {
+  font-size: 15px;
+}
+.u-button__loading-text {
+  font-size: 15px;
+  margin-left: 4px;
+}
+.u-button--large {
+  /* #ifndef APP-NVUE */
+  width: 100%;
+  /* #endif */
+  height: 50px;
+  padding: 0 15px;
+}
+.u-button--normal {
+  padding: 0 12px;
+  font-size: 14px;
+}
+.u-button--small {
+  /* #ifndef APP-NVUE */
+  min-width: 60px;
+  /* #endif */
+  height: 30px;
+  padding: 0px 8px;
+  font-size: 12px;
+}
+.u-button--mini {
+  height: 22px;
+  font-size: 10px;
+  /* #ifndef APP-NVUE */
+  min-width: 50px;
+  /* #endif */
+  padding: 0px 8px;
+}
+.u-button--disabled {
+  opacity: 0.5;
+}
+.u-button--info {
+  color: #323233;
+  background-color: #fff;
+  border-color: #ebedf0;
+  border-width: 1px;
+  border-style: solid;
+}
+.u-button--success {
+  color: #fff;
+  background-color: var(--u-success);
+  border-color: var(--u-success);
+  border-width: 1px;
+  border-style: solid;
+}
+.u-button--primary {
+  color: #fff;
+  background-color: var(--u-primary);
+  border-color: var(--u-primary);
+  border-width: 1px;
+  border-style: solid;
+}
+.u-button--error {
+  color: #fff;
+  background-color: var(--u-error);
+  border-color: var(--u-error);
+  border-width: 1px;
+  border-style: solid;
+}
+.u-button--warning {
+  color: #fff;
+  background-color: var(--u-warning);
+  border-color: var(--u-warning);
+  border-width: 1px;
+  border-style: solid;
+}
+.u-button--block {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  width: 100%;
+}
+.u-button--circle {
+  border-top-right-radius: 100px;
+  border-top-left-radius: 100px;
+  border-bottom-left-radius: 100px;
+  border-bottom-right-radius: 100px;
+}
+.u-button--square {
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.u-button__icon {
+  /* #ifndef APP-NVUE */
+  min-width: 1em;
+  line-height: inherit !important;
+  vertical-align: top;
+  /* #endif */
+}
+.u-button--plain {
+  background-color: #fff;
+}
+.u-button--hairline {
+  border-width: 0.5px !important;
+}
 </style>

package/uview-plus/components/u-calendar/header.vue

@@ -1,3 +1,59 @@
-<template>
  <view class="u-calendar-header u-border-bottom">
    <text class="u-calendar-header__title" v-if="showTitle">{{ title }}</text>
    <text class="u-calendar-header__subtitle" v-if="showSubtitle">{{ subtitle }}</text>
    <view class="u-calendar-header__weekdays">
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[0] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[1] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[2] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[3] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[4] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[5] }}</text>
      <text class="u-calendar-header__weekdays__weekday">{{ weekText[6] }}</text>
    </view>
  </view>
  name: 'u-calendar-header',
  mixins: [mpMixin, mixin],
  props: {
    // 标题
    title: {
      type: String,
      default: ''
    },
    // 副标题
    subtitle: {
      type: String,
      default: ''
    },
    // 是否显示标题
    showTitle: {
      type: Boolean,
      default: true
    },
    // 是否显示副标题
    showSubtitle: {
      type: Boolean,
      default: true
    },
    // 星期文本
    weekText: {
      type: Array,
      default: () => {
        return [];
      }
    }
  },
  data() {
    return {};
  },
  methods: {
    name() {}
  }
-@import './style.css';
-</style>
+<template>
+  <view class="u-calendar-header u-border-bottom">
+    <text class="u-calendar-header__title" v-if="showTitle">{{ title }}</text>
+    <text class="u-calendar-header__subtitle" v-if="showSubtitle">{{ subtitle }}</text>
+    <view class="u-calendar-header__weekdays">
+      <text class="u-calendar-header__weekdays__weekday">{{ weekText[0] }}</text>
+      <text class="u-calendar-header__weekdays__weekday">{{ weekText[1] }}</text>
+      <text class="u-calendar-header__weekdays__weekday">{{ weekText[2] }}</text>
+      <text class="u-calendar-header__weekdays__weekday">{{ weekText[3] }}</text>
+      <text class="u-calendar-header__weekdays__weekday">{{ weekText[4] }}</text>
+      <text class="u-calendar-header__weekdays__weekday">{{ weekText[5] }}</text>
+      <text class="u-calendar-header__weekdays__weekday">{{ weekText[6] }}</text>
+    </view>
+  </view>
+</template>
+<script>
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+export default {
+  name: 'u-calendar-header',
+  mixins: [mpMixin, mixin],
+  props: {
+    // 标题
+    title: {
+      type: String,
+      default: ''
+    },
+    // 副标题
+    subtitle: {
+      type: String,
+      default: ''
+    },
+    // 是否显示标题
+    showTitle: {
+      type: Boolean,
+      default: true
+    },
+    // 是否显示副标题
+    showSubtitle: {
+      type: Boolean,
+      default: true
+    },
+    // 星期文本
+    weekText: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    name() {}
+  }
+};
+</script>
+<style scoped></style>

package/uview-plus/components/u-calendar/month.vue

@@ -505,6 +505,4 @@ export default {
   }
 };
 </script>
-<style scoped>
-@import './style.css';
-</style>
+<style scoped></style>

package/uview-plus/components/u-calendar/u-calendar.vue

@@ -386,5 +386,7 @@ export default {
 };
 </script>
 <style scoped>
-@import './style.css';
+.u-calendar__confirm {
+  padding: 7px 18px;
+}
 </style>