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

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

@@ -1,10 +1,10 @@
 <template>
-  <view class="fui-footer-class fui-footer" :class="[fixed ? 'fui-fixed' : '']" :style="{ backgroundColor: backgroundColor }">
-    <view class="fui-footer-link" v-if="navigate.length > 0">
+  <view class="up-footer-class up-footer" :class="[fixed ? 'up-fixed' : '']" :style="{ backgroundColor: backgroundColor }">
+    <view class="up-footer-link" v-if="navigate.length > 0">
       <block v-for="(item, index) in navigate" :key="index">
         <navigator
-          class="fui-link"
-          hover-class="fui-link-hover"
+          class="up-link"
+          hover-class="up-link-hover"
           :hover-stop-propagation="true"
           :style="{ color: item.color || '#596d96', fontSize: (item.size || 28) + 'rpx' }"
           :open-type="item.type"
@@ -21,7 +21,7 @@
         </navigator>
       </block>
     </view>
-    <view class="fui-footer-copyright" :style="{ color: color, fontSize: size + 'rpx' }">
+    <view class="up-footer-copyright" :style="{ color: color, fontSize: size + 'rpx' }">
       {{ copyright }}
     </view>
   </view>
@@ -70,21 +70,25 @@ export default {
 </script>
 
 <style scoped>
-.fui-footer {
+.up-footer {
   width: 100%;
   overflow: hidden;
   padding: 30rpx 24rpx;
   box-sizing: border-box;
 }
 
-.fui-fixed {
+.up-fixed {
   position: fixed;
   z-index: 9999;
+  /* #ifdef H5 */
   bottom: 0;
-  left: 0;
+  /* #endif */
+  /* #ifndef H5 */
+  bottom: env(safe-area-inset-bottom);
+  /* #endif */
 }
 
-.fui-footer-link {
+.up-footer-link {
   color: #596d96;
   display: flex;
   align-items: center;
@@ -92,13 +96,13 @@ export default {
   font-size: 28rpx;
 }
 
-.fui-link {
+.up-link {
   position: relative;
   padding: 0 18rpx;
   line-height: 1;
 }
 
-.fui-link::before {
+.up-link::before {
   content: ' ';
   position: absolute;
   right: 0;
@@ -112,20 +116,20 @@ export default {
   transform: scaleX(0.5);
 }
 
-.fui-link:last-child::before {
+.up-link:last-child::before {
   border-right: 0 !important;
 }
 
-.fui-link-hover {
+.up-link-hover {
   opacity: 0.5;
 }
 
-.fui-footer-copyright {
+.up-footer-copyright {
   font-size: 24rpx;
   color: #a7a7a7;
   line-height: 1;
   text-align: center;
   padding-top: 16rpx;
-  padding-bottom: env(safe-area-inset-bottom);
+ /* padding-bottom: env(safe-area-inset-bottom); */
 }
 </style>

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

@@ -1,8 +1,9 @@
 <template>
-  <view class="fui-grids" :class="{ 'fui-border-top': unlined }">
+  <view class="up-grids" :class="{ 'up-border-top': unlined }">
     <slot></slot>
   </view>
 </template>
+
 <script>
 export default {
   name: 'fuiGrid',
@@ -15,14 +16,22 @@ export default {
   }
 };
 </script>
+
 <style scoped>
-.fui-grids {
+.up-grids {
   width: 100%;
   position: relative;
   overflow: hidden;
+
+  /* justify-content: space-between; */
+
+  /* display: flex;
+  display: -webkit-flex;
+  flex-direction: row;
+  flex-wrap: wrap; */
 }
 
-.fui-grids::after {
+.up-grids::after {
   content: ' ';
   position: absolute;
   left: 0;
@@ -35,8 +44,7 @@ export default {
   -webkit-transform: scaleY(0.5);
   transform: scaleY(0.5);
 }
-
-.fui-border-top::after {
+.up-border-top::after {
   border-top: 0 !important;
 }
 </style>

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

@@ -1,13 +1,13 @@
 <template>
   <view
-    class="fui-grid"
-    :class="[bottom ? '' : 'fui-grid-bottom', 'fui-grid-' + (cell < 2 ? 3 : cell)]"
-    :hover-class="hover ? 'fui-item-hover' : ''"
+    class="up-grid"
+    :class="[bottom ? '' : 'up-grid-bottom', 'up-grid-' + (cell < 2 ? 3 : cell)]"
+    :hover-class="hover ? 'up-item-hover' : ''"
     :hover-stay-time="150"
     :style="{ backgroundColor: backgroundColor }"
     @tap="handleClick"
   >
-    <view class="fui-grid-bg">
+    <view class="up-grid-bg">
       <slot></slot>
     </view>
   </view>
@@ -50,53 +50,53 @@ export default {
 </script>
 
 <style scoped>
-.fui-grid {
+.up-grid {
   position: relative;
-  padding: 12.5rpx 6.25rpx;
+  padding: 20px 10px;
   box-sizing: border-box;
   background: #fff;
   float: left;
 }
 
-.fui-grid-2 {
+.up-grid-2 {
   width: 50%;
 }
 
-.fui-grid-3 {
+.up-grid-3 {
   width: 33.333333333%;
 }
 
-.fui-grid-4 {
+.up-grid-4 {
   width: 25%;
   padding: 30rpx 20rpx !important;
 }
 
-.fui-grid-5 {
+.up-grid-5 {
   width: 20%;
   padding: 20rpx !important;
 }
 
-.fui-grid-2:nth-of-type(2n)::before {
+.up-grid-2:nth-of-type(2n)::before {
   width: 0;
   border-right: 0;
 }
 
-.fui-grid-3:nth-of-type(3n)::before {
+.up-grid-3:nth-of-type(3n)::before {
   width: 0;
   border-right: 0;
 }
 
-.fui-grid-4:nth-of-type(4n)::before {
+.up-grid-4:nth-of-type(4n)::before {
   width: 0;
   border-right: 0;
 }
 
-.fui-grid-5:nth-of-type(5n)::before {
+.up-grid-5:nth-of-type(5n)::before {
   width: 0;
   border-right: 0;
 }
 
-.fui-grid::before {
+.up-grid::before {
   content: ' ';
   position: absolute;
   right: 0;
@@ -110,7 +110,7 @@ export default {
   transform: scaleX(0.5);
 }
 
-.fui-grid::after {
+.up-grid::after {
   content: ' ';
   position: absolute;
   left: 0;
@@ -124,19 +124,19 @@ export default {
   transform: scaleY(0.5);
 }
 
-.fui-grid-bottom::after {
+.up-grid-bottom::after {
   height: 0 !important;
   border-bottom: 0 !important;
 }
 
-.fui-grid-bg {
+.up-grid-bg {
   position: relative;
   padding: 0;
   width: 100%;
   box-sizing: border-box;
 }
 
-.fui-item-hover {
+.up-item-hover {
   background-color: #f7f7f9 !important;
 }
 </style>