@10yun/cv-mobile-ui 0.5.50 → 0.5.52

package/ui-fireui/components/{fui-button/fui-button.vue → u-button/u-button.vue}

@@ -1,8 +1,8 @@
 <template>
   <button
-    class="fui-btn"
+    class="up-btn"
     :class="[
-      plain ? 'fui-' + type + '-outline' : 'fui-btn-' + (type || 'primary'),
+      plain ? 'up-' + type + '-outline' : 'up-btn-' + (type || 'primary'),
       getDisabledClass(disabled, type, plain),
       getShapeClass(shape, plain),
       getShadowClass(type, shadow, plain)
@@ -96,31 +96,31 @@ export default {
     getShadowClass(type, shadow, plain) {
       let className = '';
       if (shadow && type != 'white' && !plain) {
-        className = 'fui-shadow-' + type;
+        className = 'up-shadow-' + type;
       }
       return className;
     },
     getDisabledClass(disabled, type, plain) {
       let className = '';
       if (disabled && type != 'white') {
-        let classVal = this.disabledGray ? 'fui-gray-disabled' : 'fui-dark-disabled';
-        className = plain ? 'fui-dark-disabled-outline' : classVal;
+        let classVal = this.disabledGray ? 'up-gray-disabled' : 'up-dark-disabled';
+        className = plain ? 'up-dark-disabled-outline' : classVal;
       }
       return className;
     },
     getShapeClass(shape, plain) {
       let className = '';
       if (shape == 'circle') {
-        className = plain ? 'fui-outline-fillet' : 'fui-fillet';
+        className = plain ? 'up-outline-fillet' : 'up-fillet';
       } else if (shape == 'rightAngle') {
-        className = plain ? 'fui-outline-rightAngle' : 'fui-rightAngle';
+        className = plain ? 'up-outline-rightAngle' : 'up-rightAngle';
       }
       return className;
     },
     getHoverClass(disabled, type, plain) {
       let className = '';
       if (!disabled) {
-        className = plain ? 'fui-outline-hover' : 'fui-' + (type || 'primary') + '-hover';
+        className = plain ? 'up-outline-hover' : 'up-' + (type || 'primary') + '-hover';
       }
       return className;
     }
@@ -129,88 +129,88 @@ export default {
 </script>
 
 <style scoped>
-.fui-btn-primary {
+.up-btn-primary {
   background: #5677fc !important;
   color: #fff;
 }
 
-.fui-shadow-primary {
+.up-shadow-primary {
   box-shadow: 0 10rpx 14rpx 0 rgba(86, 119, 252, 0.2);
 }
 
-.fui-btn-danger {
+.up-btn-danger {
   background: #eb0909 !important;
   color: #fff;
 }
 
-.fui-shadow-danger {
+.up-shadow-danger {
   box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.2);
 }
 
-.fui-btn-warning {
+.up-btn-warning {
   background: #fc872d !important;
   color: #fff;
 }
 
-.fui-shadow-warning {
+.up-shadow-warning {
   box-shadow: 0 10rpx 14rpx 0 rgba(252, 135, 45, 0.2);
 }
 
-.fui-btn-green {
+.up-btn-green {
   background: #4fb49b !important;
   color: #fff;
 }
 
-.fui-shadow-green {
+.up-shadow-green {
   box-shadow: 0 10rpx 14rpx 0 rgba(53, 176, 106, 0.2);
 }
 
-.fui-btn-blue {
+.up-btn-blue {
   background: #007aff !important;
   color: #fff;
 }
 
-.fui-shadow-blue {
+.up-shadow-blue {
   box-shadow: 0 10rpx 14rpx 0 rgba(0, 122, 255, 0.2);
 }
 
-.fui-btn-white {
+.up-btn-white {
   background: #fff !important;
   color: #333 !important;
 }
 
-.fui-btn-gray {
+.up-btn-gray {
   background: #bfbfbf !important;
   color: #fff !important;
 }
 
-.fui-btn-black {
+.up-btn-black {
   background: #262871 !important;
   color: #999999 !important;
 }
-.fui-btn-hgray {
+.up-btn-hgray {
   background: #707070 !important;
   color: #fff !important;
 }
-.fui-shadow-gray {
+.up-shadow-gray {
   box-shadow: 0 10rpx 14rpx 0 rgba(191, 191, 191, 0.2);
 }
 
-.fui-hover-gray {
+.up-hover-gray {
   background: #f7f7f9 !important;
 }
 
-.fui-black-hover {
+.up-black-hover {
   background: #555 !important;
   color: #999999 !important;
 }
-.fui-btn-hover {
+.up-btn-hover {
   background: #707070 !important;
   color: #fff !important;
 }
 /* button start*/
 
-.fui-btn {
+.up-btn {
   width: 100%;
   position: relative;
   border: 0 !important;
@@ -220,7 +220,7 @@ export default {
   overflow: visible;
 }
 
-.fui-btn::after {
+.up-btn::after {
   content: '';
   position: absolute;
   width: 200%;
@@ -234,191 +234,191 @@ export default {
   border: 0;
 }
 
-.fui-btn-white::after {
+.up-btn-white::after {
   border: 1rpx solid #bfbfbf;
 }
-.fui-btn-hgray::after {
+.up-btn-hgray::after {
   border: 1rpx solid #707070;
 }
-.fui-white-hover {
+.up-white-hover {
   background: #e5e5e5 !important;
   color: #2e2e2e !important;
 }
 
-.fui-dark-disabled {
+.up-dark-disabled {
   opacity: 0.6 !important;
   color: #fafbfc !important;
 }
 
-.fui-dark-disabled-outline {
+.up-dark-disabled-outline {
   opacity: 0.5 !important;
 }
 
-.fui-gray-disabled {
+.up-gray-disabled {
   background: #f3f3f3 !important;
   color: #919191 !important;
   box-shadow: none;
 }
 
-.fui-outline-hover {
+.up-outline-hover {
   opacity: 0.5;
 }
 
-.fui-primary-hover {
+.up-primary-hover {
   background: #4a67d6 !important;
   color: #e5e5e5 !important;
 }
 
-.fui-primary-outline::after {
+.up-primary-outline::after {
   border: 1rpx solid #5677fc !important;
 }
 
-.fui-primary-outline {
+.up-primary-outline {
   color: #5677fc !important;
   background: transparent;
 }
 
-.fui-danger-hover {
+.up-danger-hover {
   background: #c80808 !important;
   color: #e5e5e5 !important;
 }
 
-.fui-danger-outline {
+.up-danger-outline {
   color: #eb0909 !important;
   background: transparent;
 }
-.fui-hgray-outline {
+.up-hgray-outline {
   color: #999999 !important;
   background: transparent;
 }
-.fui-hgray-outline::after {
+.up-hgray-outline::after {
   border: 1rpx solid #999999 !important;
 }
 
-.fui-warning-hover {
+.up-warning-hover {
   background: #d67326 !important;
   color: #e5e5e5 !important;
 }
 
-.fui-warning-outline {
+.up-warning-outline {
   color: #fc872d !important;
   background: transparent;
 }
 
-.fui-warning-outline::after {
+.up-warning-outline::after {
   border: 1px solid #fc872d !important;
 }
-.fui-btn-outline::after {
+.up-btn-outline::after {
   border: 1px solid #fc872d !important;
 }
-.fui-green-hover {
+.up-green-hover {
   background: #4fb49b !important;
   color: #e5e5e5 !important;
 }
 
-.fui-green-outline {
+.up-green-outline {
   color: #4fb49b !important;
   background: transparent;
 }
 
-.fui-green-outline::after {
+.up-green-outline::after {
   border: 1rpx solid #4fb49b !important;
 }
 
-.fui-blue-hover {
+.up-blue-hover {
   background: #0062cc !important;
   color: #e5e5e5 !important;
 }
 
-.fui-blue-outline {
+.up-blue-outline {
   color: #007aff !important;
   background: transparent;
 }
 
-.fui-blue-outline::after {
+.up-blue-outline::after {
   border: 1rpx solid #007aff !important;
 }
 
 /* #ifndef APP-NVUE */
-.fui-btn-gradual {
+.up-btn-gradual {
   background: linear-gradient(90deg, rgb(255, 89, 38), rgb(240, 14, 44)) !important;
   color: #fff !important;
 }
 
-.fui-shadow-gradual {
+.up-shadow-gradual {
   box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.15);
 }
 
 /* #endif */
 
-.fui-gray-hover {
+.up-gray-hover {
   background: #a3a3a3 !important;
   color: #898989;
 }
 
 /* #ifndef APP-NVUE */
-.fui-gradual-hover {
+.up-gradual-hover {
   background: linear-gradient(90deg, #d74620, #cd1225) !important;
   color: #fff !important;
 }
 
 /* #endif */
 
-.fui-gray-outline {
+.up-gray-outline {
   color: #999 !important;
   background: transparent !important;
 }
 
-.fui-white-outline {
+.up-white-outline {
   color: #fff !important;
   background: transparent !important;
 }
 
-.fui-black-outline {
+.up-black-outline {
   background: transparent !important;
   color: #999999 !important;
 }
-.fui-hgary-outline {
+.up-hgary-outline {
   background: transparent !important;
   color: #707070 !important;
 }
 
-.fui-gray-outline::after {
+.up-gray-outline::after {
   border: 1rpx solid #ccc !important;
 }
 
-.fui-white-outline::after {
+.up-white-outline::after {
   border: 1px solid #fff !important;
 }
 
-.fui-black-outline::after {
+.up-black-outline::after {
   border: 1px solid #333 !important;
 }
 
 /*圆角 */
 
-.fui-fillet {
+.up-fillet {
   border-radius: 50rpx;
 }
 
-.fui-btn-white.fui-fillet::after {
+.up-btn-white.up-fillet::after {
   border-radius: 98rpx;
 }
 
-.fui-outline-fillet::after {
+.up-outline-fillet::after {
   border-radius: 98rpx;
 }
 
 /*平角*/
-.fui-rightAngle {
+.up-rightAngle {
   border-radius: 0;
 }
 
-.fui-btn-white.fui-rightAngle::after {
+.up-btn-white.up-rightAngle::after {
   border-radius: 0;
 }
 
-.fui-outline-rightAngle::after {
+.up-outline-rightAngle::after {
   border-radius: 0;
 }
 </style>