fmui-base 2.0.70 → 2.0.71

package/README.md

@@ -3,6 +3,7 @@
 ---npm publish
 
 ## 更新日志
+- 2.0.71：移动门户部件样式修改
 - 2.0.70：移动端常用应用接口增加列数参数
 - 2.0.69：移动门户banner部件模式调整
 - 2.0.68：dom结构加载完成回调

package/lib/css/react_grid.css

@@ -1,6 +1,9 @@
 .react-grid .noTitle .t-tab-bar {
   display: none;
 }
+.react-grid .t-tab {
+  padding-top: 10px;
+}
 .react-grid .t-tab-bar {
   position: relative;
   padding-left: 16px;
@@ -54,7 +57,7 @@
 .react-grid .react-grid-component {
   background-color: #fff;
 }
-.react-grid .react-grid-component .react-grid-banner-type1 .react-grid-banner-img {
+.react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img {
   position: absolute;
   width: 114%;
   height: 130px;
@@ -63,15 +66,15 @@
   top: 0;
   z-index: -1;
 }
-.react-grid .react-grid-component .react-grid-banner-type1 .react-grid-banner-img img {
+.react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img img {
   width: 114%;
   height: 100%;
   border-radius: 0 0 50% 50%;
 }
-.react-grid .react-grid-component .react-grid-banner-type1 .global-search {
+.react-grid .react-grid-component .react-grid-banner-type2 .global-search {
   padding: 16px 16px 45px 16px;
 }
-.react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img {
+.react-grid .react-grid-component .react-grid-banner-type1 .react-grid-banner-img {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -80,11 +83,11 @@
   top: 0;
   z-index: -1;
 }
-.react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img img {
+.react-grid .react-grid-component .react-grid-banner-type1 .react-grid-banner-img img {
   width: 100%;
   height: 100%;
 }
-.react-grid .react-grid-component .react-grid-banner-type2 .global-search {
+.react-grid .react-grid-component .react-grid-banner-type1 .global-search {
   padding: 16px 16px 25px 16px;
 }
 .react-grid .react-grid-component .react-grid-banner {
@@ -93,7 +96,6 @@
   width: 100%;
   height: 100%;
   padding: 0;
-  overflow-x: hidden;
 }
 .react-grid .react-grid-component .react-grid-banner .banner {
   position: absolute;
@@ -207,55 +209,57 @@
   margin-bottom: 10px;
   margin-top: 5px;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 {
   width: 100%;
   background: #FFFFFF;
   background-image: linear-gradient(180deg, rgba(202, 160, 141, 0.33) 0%, rgba(202, 160, 141, 0) 40%);
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
   border-radius: 6px;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .banshicolor {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .banshicolor {
   background: #FE907220;
   color: #FE9072;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .zixuncolor {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .zixuncolor {
   background: #1AC8D120;
   color: #1AC8D1;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .yingyongcolor {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .yingyongcolor {
   background: #FFBD3F20;
   color: #FFBD3F;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .daibancolor {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .daibancolor {
   background: #3FACF620;
   color: #3FACF6;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .wodecolor {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .wodecolor {
   background: #7C80DA20;
   color: #7C80DA;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 i {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 i {
   font-size: 20px;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .menu-title {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .menu-title {
   color: #121314;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .t-badge {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .t-badge {
   background: #fff;
   color: #703A3A;
 }
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .menu-title {
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .menu-title {
   color: #fff;
 }
 .react-grid .t-badge .badge-inner {
   font-weight: 400;
   top: 3px;
+  right: 3px;
   border: 1px solid #fff;
 }
 .react-grid .react-grid-component.banner {
   width: 100% !important;
-  transform: translate(0, 8px) !important;
+  transform: translate(8px, 0) !important;
   background-color: transparent;
+  overflow: hidden !important;
 }
 .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(1) .systemItem .iconblock {
   background: #2D899D;
@@ -344,8 +348,7 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
-  padding: 10px 16px 16px 16px;
-  padding-bottom: 0;
+  padding: 10px;
 }
 .react-grid .banshi-list .banshi-item {
   width: calc(50% - 8px);

package/lib/react_grid/react_grid.js

@@ -1791,7 +1791,7 @@ var MyGrid = function (_React$Component) {
                 width: window.innerWidth,
                 isDraggable: this.state.isDraggable,
                 margin: [0, 15],
-                containerPadding: [8, 8]
+                containerPadding: [8, 0]
               },
               this.state.data.map(function (item) {
                 return t.portalContent(item) || null;

package/lib/react_grid/react_grid.less

@@ -6,6 +6,10 @@
     }
   }
 
+  .t-tab {
+    padding-top: 10px;
+  }
+
   .t-tab-bar {
     position: relative;
     padding-left: 16px;
@@ -136,7 +140,7 @@
       width: 100%;
       height: 100%;
       padding: 0;
-      overflow-x: hidden;  
+      // overflow-x: hidden;  
       .banner {
         position: absolute;
         top: 0;
@@ -337,8 +341,9 @@
 
   .react-grid-component.banner {
     width: 100% !important;
-    transform: translate(0, 8px) !important;
+    transform: translate(0, 0) !important;
     background-color: transparent;
+    overflow: hidden !important;
   }
 
   .t-grid-row:nth-child(1) .t-grid-item:nth-child(1) .systemItem .iconblock {
@@ -468,6 +473,7 @@
     .rightMore {
       position: absolute;
       right: 10px;
+      top: 12px;
       color: #999;
       z-index: 999;
       padding: 2px;
@@ -478,8 +484,7 @@
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
-    padding: 10px 16px 16px 16px;
-    padding-bottom: 0;
+    padding: 10px;
 
     .banshi-item {
       width: calc(50% - 8px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fmui-base",
-  "version": "2.0.70",
+  "version": "2.0.71",
   "title": "fmui-base",
   "description": "fmui移动端组件",
   "main": "lib/index.js",