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

package/ui-fireui copy/components/u-loadmore/u-loadmore.vue

@@ -1,163 +0,0 @@
-<template>
-  <view class="up-loadmore">
-    <view :class="['up-loading-' + index, index == 3 && type ? 'up-loading-' + type : '']"></view>
-    <view class="up-loadmore-tips">{{ text }}</view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiLoadmore',
-  props: {
-    //显示文本
-    text: {
-      type: String,
-      default: '正在加载...'
-    },
-    //loading 样式 ：1,2,3
-    index: {
-      type: Number,
-      default: 1
-    },
-    //颜色设置，只有index=3时生效：primary，red，orange，green
-    type: {
-      type: String,
-      default: ''
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-loadmore {
-  width: 48%;
-  margin: 1.5em auto;
-  line-height: 1.5em;
-  font-size: 24rpx;
-  text-align: center;
-}
-
-.up-loading-1 {
-  margin: 0 5px;
-  width: 20px;
-  height: 20px;
-  display: inline-block;
-  vertical-align: middle;
-  -webkit-animation: a 1s steps(12) infinite;
-  animation: a 1s steps(12) infinite;
-  background: transparent
-    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=)
-    no-repeat;
-  background-size: 100%;
-}
-
-@-webkit-keyframes a {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  to {
-    -webkit-transform: rotate(1turn);
-    transform: rotate(1turn);
-  }
-}
-
-@keyframes a {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-
-  to {
-    -webkit-transform: rotate(1turn);
-    transform: rotate(1turn);
-  }
-}
-
-.up-loadmore-tips {
-  display: inline-block;
-  vertical-align: middle;
-}
-
-.up-loading-2 {
-  width: 28rpx;
-  height: 28rpx;
-  border: 1px solid #8f8d8e;
-  border-radius: 50%;
-  margin: 0 6px;
-  display: inline-block;
-  vertical-align: middle;
-  clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 0% 30%);
-  animation: rotate 1s linear infinite;
-}
-
-@-webkit-keyframes rotate {
-  from {
-    transform: rotatez(0deg);
-  }
-
-  to {
-    transform: rotatez(360deg);
-  }
-}
-
-@keyframes rotate {
-  from {
-    transform: rotatez(0deg);
-  }
-
-  to {
-    transform: rotatez(360deg);
-  }
-}
-
-.up-loading-3 {
-  display: inline-block;
-  margin: 0 6px;
-  vertical-align: middle;
-  width: 28rpx;
-  height: 28rpx;
-  background: 0 0;
-  border-radius: 50%;
-  border: 2px solid;
-  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e;
-  animation: up-rotate 0.7s linear infinite;
-}
-
-.up-loading-3.up-loading-primary {
-  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #5677fc;
-}
-
-.up-loading-3.up-loading-green {
-  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #19be6b;
-}
-
-.up-loading-3.up-loading-orange {
-  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #ff7900;
-}
-
-.up-loading-3.up-loading-red {
-  border-color: #ededed #ededed #ededed #ed3f14;
-}
-
-@-webkit-keyframes up-rotate {
-  0% {
-    transform: rotate(0);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes up-rotate {
-  0% {
-    transform: rotate(0);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-</style>

package/ui-fireui copy/components/u-modal/u-modal.vue

@@ -1,392 +0,0 @@
-<template>
-  <view @touchmove.stop.prevent>
-    <view
-      class="up-modal-box"
-      :style="{ width: width, padding: padding, borderRadius: radius }"
-      :class="[fadeIn || show ? 'up-modal-normal' : 'up-modal-scale', show ? 'up-modal-show' : '']"
-    >
-      <view v-if="!custom">
-        <view class="up-modal-title" v-if="title">{{ title }}</view>
-        <view class="up-modal-content" :class="[title ? '' : 'up-mtop']" :style="{ color: color, fontSize: size + 'rpx' }">
-          {{ content }}
-        </view>
-        <view class="up-modalBtn-box" :class="[button.length != 2 ? 'up-flex-column' : '']">
-          <block v-for="(item, index) in button" :key="index">
-            <button
-              class="up-modal-btn"
-              :class="[
-                'up-' + (item.type || 'primary') + (item.plain ? '-outline' : ''),
-                button.length != 2 ? 'up-btn-width' : '',
-                button.length > 2 ? 'up-mbtm' : '',
-                shape == 'circle' ? 'up-circle-btn' : ''
-              ]"
-              :hover-class="'up-' + (item.plain ? 'outline' : item.type || 'primary') + '-hover'"
-              :data-index="index"
-              @tap="handleClick"
-            >
-              {{ item.text || '确定' }}
-            </button>
-          </block>
-        </view>
-      </view>
-      <view v-else>
-        <slot></slot>
-      </view>
-    </view>
-    <view class="up-modal-mask" :class="[show ? 'up-mask-show' : '']" @tap="handleClickCancel"></view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiModal',
-  props: {
-    //是否显示
-    show: {
-      type: Boolean,
-      default: false
-    },
-    width: {
-      type: String,
-      default: '84%'
-    },
-    padding: {
-      type: String,
-      default: '40rpx 64rpx'
-    },
-    radius: {
-      type: String,
-      default: '24rpx'
-    },
-    //标题
-    title: {
-      type: String,
-      default: ''
-    },
-    //内容
-    content: {
-      type: String,
-      default: ''
-    },
-    //内容字体颜色
-    color: {
-      type: String,
-      default: '#999'
-    },
-    //内容字体大小 rpx
-    size: {
-      type: Number,
-      default: 28
-    },
-    //形状 circle, square
-    shape: {
-      type: String,
-      default: 'square'
-    },
-    button: {
-      type: Array,
-      default: () => {
-        return [
-          {
-            text: '取消',
-            type: 'red',
-            plain: true //是否空心
-          },
-          {
-            text: '确定',
-            type: 'red',
-            plain: false
-          }
-        ];
-      }
-    },
-    //点击遮罩 是否可关闭
-    maskClosable: {
-      type: Boolean,
-      default: true
-    },
-    //淡入效果，自定义弹框插入input输入框时传true
-    fadeIn: {
-      type: Boolean,
-      default: false
-    },
-    //自定义弹窗内容
-    custom: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    handleClick(e) {
-      if (!this.show) return;
-      const dataset = e.currentTarget.dataset;
-      this.$emit('click', {
-        index: Number(dataset.index)
-      });
-    },
-    handleClickCancel() {
-      if (!this.maskClosable) return;
-      this.$emit('cancel');
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-modal-box {
-  position: fixed;
-  left: 50%;
-  top: 50%;
-  margin: auto;
-  background-color: #fff;
-  z-index: 9999998;
-  transition: all 0.3s ease-in-out;
-  opacity: 0;
-  box-sizing: border-box;
-  visibility: hidden;
-}
-
-.up-modal-scale {
-  transform: translate(-50%, -50%) scale(0);
-}
-
-.up-modal-normal {
-  transform: translate(-50%, -50%) scale(1);
-}
-
-.up-modal-show {
-  opacity: 1;
-  visibility: visible;
-}
-
-.up-modal-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.6);
-  z-index: 9999996;
-  transition: all 0.3s ease-in-out;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.up-mask-show {
-  visibility: visible;
-  opacity: 1;
-}
-
-.up-modal-title {
-  text-align: center;
-  font-size: 34rpx;
-  color: #333;
-  padding-top: 20rpx;
-  font-weight: bold;
-}
-
-.up-modal-content {
-  text-align: center;
-  color: #999;
-  font-size: 28rpx;
-  padding-top: 20rpx;
-  padding-bottom: 60rpx;
-}
-
-.up-mtop {
-  margin-top: 30rpx;
-}
-
-.up-mbtm {
-  margin-bottom: 30rpx;
-}
-
-.up-modalBtn-box {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.up-flex-column {
-  flex-direction: column;
-}
-
-.up-modal-btn {
-  width: 46%;
-  height: 68rpx;
-  line-height: 68rpx;
-  position: relative;
-  border-radius: 10rpx;
-  font-size: 26rpx;
-  overflow: visible;
-  margin-left: 0;
-  margin-right: 0;
-}
-
-.up-modal-btn::after {
-  content: ' ';
-  position: absolute;
-  width: 200%;
-  height: 200%;
-  -webkit-transform-origin: 0 0;
-  transform-origin: 0 0;
-  -webkit-transform: scale(0.5, 0.5);
-  transform: scale(0.5, 0.5);
-  left: 0;
-  top: 0;
-  border-radius: 20rpx;
-}
-
-.up-btn-width {
-  width: 80% !important;
-}
-
-.up-primary {
-  background: #5677fc;
-  color: #fff;
-}
-
-.up-primary-hover {
-  background: #4a67d6;
-  color: #e5e5e5;
-}
-
-.up-primary-outline {
-  color: #5677fc;
-  background: transparent;
-}
-
-.up-primary-outline::after {
-  border: 1px solid #5677fc;
-}
-
-.up-danger {
-  background: #4fb49b;
-  color: #fff;
-}
-
-.up-danger-hover {
-  background: #d53912;
-  color: #e5e5e5;
-}
-
-.up-danger-outline {
-  color: #4fb49b;
-  background: transparent;
-}
-
-.up-danger-outline::after {
-  border: 1px solid #4fb49b;
-}
-
-.up-red {
-  background: #4fb49b;
-  color: #fff;
-}
-
-.up-red-hover {
-  background: #4fb49b;
-  color: #e5e5e5;
-}
-
-.up-red-outline {
-  color: #4fb49b;
-  background: transparent;
-}
-
-.up-red-outline::after {
-  border: 1px solid #4fb49b;
-}
-
-.up-warning {
-  background: #ff7900;
-  color: #fff;
-}
-
-.up-warning-hover {
-  background: #e56d00;
-  color: #e5e5e5;
-}
-
-.up-warning-outline {
-  color: #ff7900;
-  background: transparent;
-}
-
-.up-warning-outline::after {
-  border: 1px solid #ff7900;
-}
-
-.up-green {
-  background: #19be6b;
-  color: #fff;
-}
-
-.up-green-hover {
-  background: #16ab60;
-  color: #e5e5e5;
-}
-
-.up-green-outline {
-  color: #19be6b;
-  background: transparent;
-}
-
-.up-green-outline::after {
-  border: 1px solid #19be6b;
-}
-
-.up-white {
-  background: #fff;
-  color: #333;
-}
-
-.up-white-hover {
-  background: #f7f7f9;
-  color: #666;
-}
-
-.up-white-outline {
-  color: #333;
-  background: transparent;
-}
-
-.up-white-outline::after {
-  border: 1px solid #333;
-}
-
-.up-gray {
-  background: #ededed;
-  color: #999;
-}
-
-.up-gray-hover {
-  background: #d5d5d5;
-  color: #898989;
-}
-
-.up-gray-outline {
-  color: #999;
-  background: transparent;
-}
-
-.up-gray-outline::after {
-  border: 1px solid #999;
-}
-
-.up-outline-hover {
-  opacity: 0.6;
-}
-
-.up-circle-btn {
-  border-radius: 40rpx !important;
-}
-
-.up-circle-btn::after {
-  border-radius: 80rpx !important;
-}
-</style>

package/ui-fireui copy/components/u-navigation-bar/u-navigation-bar.vue

@@ -1,181 +0,0 @@
-<template>
-  <view
-    class="up-navigation-bar"
-    :class="{ 'up-bar-line': opcity > 0.85 && splitLine, 'up-navbar-fixed': isFixed }"
-    :style="{ height: height + 'px', backgroundColor: `rgba(${backgroundColor},${opcity})` }"
-  >
-    <view class="up-status-bar" :style="{ height: statusBarHeight + 'px' }" v-if="isImmersive"></view>
-    <view
-      class="up-navigation_bar-title"
-      :style="{ opacity: opcity, color: color, paddingTop: top - statusBarHeight + 'px' }"
-      v-if="title && !isCustom"
-    >
-      {{ title }}
-    </view>
-    <slot />
-  </view>
-</template>
-
-<script>
-export default {
-  name: 'fuiNavigationBar',
-  props: {
-    //NavigationBar标题
-    title: {
-      type: String,
-      default: ''
-    },
-    //NavigationBar标题颜色
-    color: {
-      type: String,
-      default: '#fff'
-    },
-    //NavigationBar背景颜色 rgb
-    backgroundColor: {
-      type: String,
-      default: '86,119,252'
-    },
-    //是否需要分割线
-    splitLine: {
-      type: Boolean,
-      default: false
-    },
-    //是否设置不透明度
-    isOpcity: {
-      type: Boolean,
-      default: true
-    },
-    //滚动条滚动距离
-    scrollTop: {
-      type: [Number, String],
-      default: 0
-    },
-    /*
-		 isOpcity 为true时生效
-		 opcity=scrollTop /windowWidth * scrollRatio
-		*/
-    scrollRatio: {
-      type: [Number, String],
-      default: 0.3
-    },
-    //是否自定义header内容
-    isCustom: {
-      type: Boolean,
-      default: false
-    },
-    //是否沉浸式
-    isImmersive: {
-      type: Boolean,
-      default: true
-    },
-    isFixed: {
-      type: Boolean,
-      default: true
-    }
-  },
-  watch: {
-    scrollTop(newValue, oldValue) {
-      if (this.isOpcity) {
-        this.opcityChange();
-      }
-    }
-  },
-  data() {
-    return {
-      width: 375, //header宽度
-      left: 375, //小程序端 左侧距胶囊按钮距离
-      height: 44, //header高度
-      top: 0,
-      scrollH: 1,//0 //滚动总高度,计算opcity
-      opcity: 0, //0-1
-      statusBarHeight: 0 //状态栏高度
-    };
-  },
-  created() {
-    this.opcity = this.isOpcity ? this.opcity : 1;
-    let obj = {};
-    // #ifdef MP-WEIXIN
-    obj = wx.getMenuButtonBoundingClientRect();
-    // #endif
-    // #ifdef MP-BAIDU
-    obj = swan.getMenuButtonBoundingClientRect();
-    // #endif
-    // #ifdef MP-ALIPAY
-    my.hideAddToDesktopMenu();
-    // #endif
-
-    uni.getSystemInfo({
-      success: (res) => {
-        this.statusBarHeight = res.statusBarHeight;
-        this.width = res.windowWidth;
-        this.left = obj.left || res.windowWidth;
-        if (this.isImmersive) {
-          this.height = obj.top ? obj.top + obj.height + 8 : res.statusBarHeight + 44;
-        }
-        this.scrollH = res.windowWidth * this.scrollRatio;
-        this.top = obj.top ? obj.top + (obj.height - 32) / 2 : res.statusBarHeight + 6;
-        this.$emit('init', {
-          width: this.width,
-          height: this.height,
-          left: obj.left,
-          top: this.top,
-          statusBarHeight: this.statusBarHeight,
-          opcity: this.opcity
-        });
-      }
-    });
-  },
-  methods: {
-    opcityChange() {
-      let scroll = this.scrollTop <= 1 ? 0 : this.scrollTop;
-      //  let scroll = this.scrollTop <= 0 ? 0 : this.scrollTop;
-      let opcity = scroll / this.scrollH;
-      if ((this.opcity >= 1 && opcity >= 1) || (this.opcity == 0 && opcity == 0)) {
-        return;
-      }
-      this.opcity = opcity;
-      this.$emit('change', {
-        opcity: this.opcity
-      });
-    }
-  }
-};
-</script>
-
-<style scoped>
-.up-navigation-bar {
-  width: 100%;
-}
-.up-navbar-fixed {
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 9998;
-}
-.up-status-bar {
-  width: 100%;
-}
-.up-navigation_bar-title {
-  width: 100%;
-  font-size: 17px;
-  line-height: 17px;
-  /* #ifndef APP-PLUS */
-  font-weight: 500;
-  /* #endif */
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.up-bar-line::after {
-  content: '';
-  position: absolute;
-  border-bottom: 1rpx solid #eaeef1;
-  -webkit-transform: scaleY(0.5);
-  transform: scaleY(0.5);
-  bottom: 0;
-  right: 0;
-  left: 0;
-}
-</style>