fmui-base 2.0.59 → 2.0.60

package/README.md

@@ -3,6 +3,7 @@
 ---npm publish
 
 ## 更新日志
+- 2.0.60：移动端部件修改
 - 2.0.59：待办待阅数量问题修改
 - 2.0.58：待办、待阅页签增加数量提醒
 - 2.0.57：表单子表删除计算修改；批量办理

package/lib/db/db.js

@@ -987,6 +987,13 @@ context.create('portal', {
         duration: 800
       });
     }
+  },
+  // 移动应用保存更新点击次数接口
+  saveAppCount: {
+    mockUrl: 'query/saveAppCount.json',
+    url: _variables2.default.URLS.saveAppCount,
+    method: 'POST',
+    willFetch: function willFetch() {}
   }
 });
 

package/lib/db/variables.js

@@ -115,7 +115,8 @@ exports.default = {
         getNewHomePageTodoData: portalAllUrlPrefix + "getNewHomePageTodoData" + '?token=' + getLoginUserInfo().token,
         getNewHomePageCollectAppInfoList: portalAllUrlPrefix + "getNewHomePageCollectAppInfoList" + '?token=' + getLoginUserInfo().token,
         getNewHomePageRemindCount: portalAllUrlPrefix + "getNewHomePageRemindCount" + '?token=' + getLoginUserInfo().token,
-        getComAppInfo: portalAllUrlPrefix + 'getComAppInfo?token=' + getLoginUserInfo().token //获取首页常用应用
+        getComAppInfo: portalAllUrlPrefix + 'getComAppInfo?token=' + getLoginUserInfo().token, //获取首页常用应用
+        saveAppCount: portalAllUrlPrefix + "saveAppCount" + '?token=' + getLoginUserInfo().token //移动应用保存更新点击次数接口 
 
     },
     nodataIcon: context + "/mobile/fmui/images/noData.png",

package/lib/react_grid/react_grid.js

@@ -109,6 +109,8 @@ var MyGrid = function (_React$Component) {
             if (item.portletCode == 'banner') {
               _this.setState(_defineProperty({}, item.portletCode + '_' + item.id, JSON.parse(item.personalSetting)));
               _this.getRemindCount();
+            } else if (item.portletCode == 'image') {
+              _this.setState(_defineProperty({}, item.portletCode + '_' + item.id, JSON.parse(item.personalSetting)));
             } else if (item.portletCode == 'cyyy') {
               t.getShoucangAppInfo(item.id);
               t.getComAppInfo(item.id);
@@ -221,6 +223,9 @@ var MyGrid = function (_React$Component) {
       bannerPicPath: '',
       activeIndex: 2,
       undo: 0, //待办数量
+      approveundo: 0, //审批数量
+      toBeAttendedCount: 0, //会议数量
+      unreadPubMailCount: 0, //未读公共邮件
       appOftenList: [], //常用应用
       collectAppInfoList: [], //收藏应用
       bssx: [], // 办事事项
@@ -286,10 +291,13 @@ var MyGrid = function (_React$Component) {
     value: function getRemindCount() {
       var _this2 = this;
 
-      _db2.default.reactGrid.getNewHomePageRemindCount({ codes: "undo" }).then(function (content) {
+      _db2.default.reactGrid.getNewHomePageRemindCount({ codes: "undo,unreadMaild,unreadPubMail,toBeAttended" }).then(function (content) {
         if (content.undo) {
           _this2.setState({
-            undo: content.undo
+            undo: content.undo,
+            approveundo: content.approveundo,
+            toBeAttendedCount: content.toBeAttendedCount,
+            unreadPubMailCount: content.unreadPubMailCount
           });
         }
       });
@@ -387,10 +395,13 @@ var MyGrid = function (_React$Component) {
 
   }, {
     key: 'newPageSkip',
-    value: function newPageSkip(dingUrl, wxUrl, mhUrl, cocallUrl) {
+    value: function newPageSkip(dingUrl, wxUrl, mhUrl, cocallUrl, id) {
       var dingVal = "DING";
       var wxVal = "WX";
       var mhVal = "MH";
+      _db2.default.portal.saveAppCount({ mobileAppId: id }).then(function (content) {}).catch(function (err) {
+        console.log(err);
+      });
 
       var data = getLoginUserInfo();
       var thirdMenuType = data.thirdMenuType;
@@ -611,6 +622,11 @@ var MyGrid = function (_React$Component) {
         componentContent = _react2.default.createElement(
           'div',
           { className: 'react-grid-banner' },
+          _react2.default.createElement(
+            'div',
+            { className: 'react-grid-banner-img' },
+            _react2.default.createElement('img', { src: pathUrl })
+          ),
           _react2.default.createElement(
             'div',
             { className: 'global-search' },
@@ -653,8 +669,8 @@ var MyGrid = function (_React$Component) {
                   { className: 'react-grid-banner-item' },
                   _react2.default.createElement(
                     _Badge2.default,
-                    { count: item == 'daiban' ? t.state.undo : '' },
-                    _react2.default.createElement('i', { className: 'theme-color iconfont-ywtb ' + todoInfo.icon })
+                    { count: item == 'daiban' ? t.state.undo : '', className: item + 'color' },
+                    _react2.default.createElement('i', { className: 'iconfont-ywtb ' + todoInfo.icon })
                   )
                 ),
                 _react2.default.createElement(
@@ -667,23 +683,24 @@ var MyGrid = function (_React$Component) {
           )
         );
         // backgroundImage直接判断有无会报错，单独return
-        return _react2.default.createElement(
-          'div',
-          { className: 'react-grid-component', key: item.id, style: {
-              borderTopLeftRadius: _styleSetting.otherSet.radius.topLeft + 'px',
-              borderTopRightRadius: _styleSetting.otherSet.radius.topRight + 'px',
-              borderBottomLeftRadius: _styleSetting.otherSet.radius.bottomLeft + 'px',
-              borderBottomRightRadius: _styleSetting.otherSet.radius.bottomRight + 'px',
-              paddingLeft: _styleSetting.otherSet.paddingSet.pl + 'px',
-              paddingright: _styleSetting.otherSet.paddingSet.pr + 'px',
-              paddingTop: _styleSetting.otherSet.paddingSet.pt + 'px',
-              paddingBottom: _styleSetting.otherSet.paddingSet.pb + 'px',
-              backgroundColor: _styleSetting.otherSet.bgColor,
-              backgroundImage: 'url(' + pathUrl + ')'
-            } },
-          _styleSetting.titleSet.titleStatus == 1 ? componentHead : '',
-          componentContent
-        );
+        {
+          return _react2.default.createElement(
+            'div',
+            { className: 'react-grid-component banner', key: item.id, style: {
+                borderTopLeftRadius: _styleSetting.otherSet.radius.topLeft + 'px',
+                borderTopRightRadius: _styleSetting.otherSet.radius.topRight + 'px',
+                borderBottomLeftRadius: _styleSetting.otherSet.radius.bottomLeft + 'px',
+                borderBottomRightRadius: _styleSetting.otherSet.radius.bottomRight + 'px',
+                paddingLeft: _styleSetting.otherSet.paddingSet.pl + 'px',
+                paddingright: _styleSetting.otherSet.paddingSet.pr + 'px',
+                paddingTop: _styleSetting.otherSet.paddingSet.pt + 'px',
+                paddingBottom: _styleSetting.otherSet.paddingSet.pb + 'px',
+                backgroundColor: _styleSetting.otherSet.bgColor
+              } },
+            _styleSetting.titleSet.titleStatus == 1 ? componentHead : '',
+            componentContent
+          );
+        }
       }
       if (item.portletCode === 'cyyy') {
         componentContent = _react2.default.createElement(
@@ -709,7 +726,11 @@ var MyGrid = function (_React$Component) {
                     _react2.default.createElement(
                       'div',
                       { className: 'iconblock t-iconBC' + ele.iconColor },
-                      _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + ele.icon })
+                      _react2.default.createElement(
+                        _Badge2.default,
+                        { count: item == '会议' ? t.state.approveundo : item == '审批' ? t.state.toBeAttendedCount * 1 : item == '公共邮件' ? t.state.unreadPubMailCount * 1 : '' },
+                        _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + ele.icon })
+                      )
                     ),
                     _react2.default.createElement(
                       'p',
@@ -720,10 +741,10 @@ var MyGrid = function (_React$Component) {
                 }),
                 _react2.default.createElement(
                   'div',
-                  { className: t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0 ? 'systemItem' : 't-DN', onClick: t.jumpPage.bind(this, "homepage/home/applistSetting", personalSetting.cols * 1, item.id) },
+                  { className: t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0 ? 'systemItem' : 't-DN', onClick: t.jumpPage.bind(this, "/apppage/1", personalSetting.cols * 1, item.id) },
                   _react2.default.createElement(
                     'div',
-                    { className: 'iconblock t-iconBCred' },
+                    { className: 'iconblock t-gengduo' },
                     _react2.default.createElement('i', { className: 'iconfont-ywtb' + ' icon-ywtb-gengduo' })
                   ),
                   _react2.default.createElement(
@@ -755,7 +776,11 @@ var MyGrid = function (_React$Component) {
                     _react2.default.createElement(
                       'div',
                       { className: 'iconblock t-iconBC' + ele.iconColor },
-                      _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + ele.icon })
+                      _react2.default.createElement(
+                        _Badge2.default,
+                        { count: item == '会议' ? t.state.approveundo : item == '审批' ? t.state.toBeAttendedCount * 1 : item == '公共邮件' ? t.state.unreadPubMailCount * 1 : '' },
+                        _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-' + ele.icon })
+                      )
                     ),
                     _react2.default.createElement(
                       'p',
@@ -769,7 +794,7 @@ var MyGrid = function (_React$Component) {
                   { className: 'systemItem', onClick: t.jumpPage.bind(this, "/appCollect") },
                   _react2.default.createElement(
                     'div',
-                    { className: 'iconblock t-iconBCred' },
+                    { className: 'iconblock t-gengduo' },
                     _react2.default.createElement('i', { className: 'iconfont-ywtb' + ' icon-ywtb-gengduo' })
                   ),
                   _react2.default.createElement(
@@ -788,13 +813,13 @@ var MyGrid = function (_React$Component) {
         );
       }
       if (item.portletCode === 'bssx') {
-        var bssxShowList = personalSetting.showModule;
+        var bssxShowList = personalSetting.codes;
         // let styleSetting = JSON.parse(item.styleSetting)
 
-        var perList = '';
+        var commonList = '';
         if (t.state[item.portletCode + '_' + item.id]) {
-          if (t.state[item.portletCode + '_' + item.id].perList && t.state[item.portletCode + '_' + item.id].perList.length > 0) {
-            perList = t.state[item.portletCode + '_' + item.id].perList.map(function (item) {
+          if (t.state[item.portletCode + '_' + item.id].common && t.state[item.portletCode + '_' + item.id].common.length > 0) {
+            commonList = t.state[item.portletCode + '_' + item.id].common.map(function (item) {
               return _react2.default.createElement(
                 'div',
                 { className: 'banshi-item', onClick: function onClick() {
@@ -815,17 +840,17 @@ var MyGrid = function (_React$Component) {
               );
             });
           } else {
-            perList = _react2.default.createElement(
+            commonList = _react2.default.createElement(
               'div',
               null,
               _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10', src: '../../../fmui/images/home/nodata.png' })
             );
           }
         }
-        var orgList = '';
+        var colectionList = '';
         if (t.state[item.portletCode + '_' + item.id]) {
-          if (t.state[item.portletCode + '_' + item.id].orgList && t.state[item.portletCode + '_' + item.id].orgList.length > 0) {
-            orgList = t.state[item.portletCode + '_' + item.id].orgList.map(function (item) {
+          if (t.state[item.portletCode + '_' + item.id].colection && t.state[item.portletCode + '_' + item.id].colection.length > 0) {
+            colectionList = t.state[item.portletCode + '_' + item.id].colection.map(function (item) {
               return _react2.default.createElement(
                 'div',
                 { className: 'banshi-item', onClick: function onClick() {
@@ -846,42 +871,42 @@ var MyGrid = function (_React$Component) {
               );
             });
           } else {
-            orgList = _react2.default.createElement(
+            colectionList = _react2.default.createElement(
               'div',
               null,
               _react2.default.createElement('img', { className: 't-W100 t-PL10 t-PR10', src: '../../../fmui/images/home/nodata.png' })
             );
           }
         }
-        var bssxPerTab = '';
-        if (bssxShowList.indexOf('personWork') > -1) {
-          bssxPerTab = _react2.default.createElement(
+        var bssxCommonTab = '';
+        if (bssxShowList.indexOf('common') > -1) {
+          bssxCommonTab = _react2.default.createElement(
             _Tab2.default.Item,
             { title: _react2.default.createElement(
                 'div',
                 { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
-                '\u4E2A\u4EBA\u529E\u4E8B'
+                '\u5E38\u7528\u4E8B\u9879'
               ), key: 0 },
             _react2.default.createElement(
               'div',
               { className: 'banshi-list' },
-              perList
+              commonList
             )
           );
         }
-        var bssxOrgTab = '';
-        if (bssxShowList.indexOf('deptWork') > -1) {
-          bssxOrgTab = _react2.default.createElement(
+        var bssxColectionTab = '';
+        if (bssxShowList.indexOf('colection') > -1) {
+          bssxColectionTab = _react2.default.createElement(
             _Tab2.default.Item,
             { key: 1, title: _react2.default.createElement(
                 'div',
                 { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
-                '\u90E8\u95E8\u529E\u4E8B'
+                '\u6211\u7684\u6536\u85CF'
               ) },
             _react2.default.createElement(
               'div',
               { className: 'banshi-list' },
-              orgList
+              colectionList
             )
           );
         }
@@ -896,9 +921,9 @@ var MyGrid = function (_React$Component) {
           ),
           _react2.default.createElement(
             _Tab2.default,
-            { activeKey: bssxShowList.indexOf('personWork') > -1 ? "0" : "1" },
-            bssxPerTab,
-            bssxOrgTab
+            { activeKey: bssxShowList.indexOf('common') > -1 ? "0" : "1" },
+            bssxCommonTab,
+            bssxColectionTab
           )
         );
       }
@@ -1479,19 +1504,48 @@ var MyGrid = function (_React$Component) {
           )
         );
         if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
-          componentContent = _react2.default.createElement(
-            _Grid2.default,
-            { col: personalSetting.cols * 1, className: 'sxbl_buttons' },
-            t.state[item.portletCode + '_' + item.id].map(function (item) {
-              return _react2.default.createElement(
-                'button',
-                { onClick: function onClick() {
-                    _umi.history.push('/officeguid' + ('?id=' + item.id + '&code=' + item.code));
-                  } },
-                item.name
-              );
-            })
-          );
+          // 文字模式
+          if (personalSetting.styleType == '1') {
+            componentContent = _react2.default.createElement(
+              _Grid2.default,
+              { col: personalSetting.cols * 1, className: 'sxbl_buttons' },
+              t.state[item.portletCode + '_' + item.id].map(function (item) {
+                return _react2.default.createElement(
+                  'button',
+                  { onClick: function onClick() {
+                      _umi.history.push('/officeguid' + ('?id=' + item.id + '&code=' + item.code));
+                    } },
+                  item.name
+                );
+              })
+            );
+          }
+
+          if (personalSetting.styleType == '2') {
+            // 卡片模式
+            componentContent = _react2.default.createElement(
+              _Grid2.default,
+              { col: personalSetting.cols * 1, className: 'lcfq-list' },
+              t.state[item.portletCode + '_' + item.id].map(function (item) {
+                return _react2.default.createElement(
+                  'div',
+                  { className: 'lcfq-list-item', onClick: function onClick() {
+                      _umi.history.push('/officeguid' + ('?id=' + item.id + '&code=' + item.code));
+                    } },
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'lcfq-list-item-icon' },
+                    _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-gengduo' })
+                  ),
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'lcfq-list-item-text' },
+                    item.name
+                  )
+                );
+              })
+            );
+          }
         }
       }
       if (item.portletCode === 'tbgl') {
@@ -1611,7 +1665,7 @@ var MyGrid = function (_React$Component) {
               { title: '\u6807\u9898', code: item.code, className: 't-image-slide-item t-R10', style: { backgroundImage: 'url(' + imgUrlPath + ')' } },
               _react2.default.createElement(
                 'p',
-                { className: 't-FS20 t-ML20 t-PT20 t-MB10' },
+                { className: 't-FS20 t-PT20 t-MB10', style: { textAlign: 'center' } },
                 item.name
               )
             );
@@ -1627,9 +1681,41 @@ var MyGrid = function (_React$Component) {
           );
         }
       }
+      if (item.portletCode === 'image') {
+        var tppathUrl = "";
+        var tpUrlId = "";
+        componentHead = _react2.default.createElement(
+          'div',
+          null,
+          _react2.default.createElement(
+            'p',
+            { className: styleSetting.titleSet.titleStatus == 1 && styleSetting.otherSet.toolbarShow == 1 ? "rightMore" : 't-DN', onClick: t.skip2More.bind(this, item.portletCode) },
+            '\u66F4\u591A',
+            _react2.default.createElement('i', { className: 'iconfont-ywtb icon-ywtb-tiaozhuan' })
+          ),
+          _react2.default.createElement(
+            _Tab2.default,
+            { activeKey: '0', className: 't-MB16' },
+            _react2.default.createElement(_Tab2.default.Item, { title: _react2.default.createElement(
+                'div',
+                { className: '', style: { color: styleSetting.titleSet.titleColor, fontWeight: styleSetting.titleSet.titleWeight == 1 ? 700 : '', fontSize: styleSetting.titleSet.titleSize } },
+                item.title
+              ), key: '0' })
+          )
+        );
+        if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].imgId) {
+          tpUrlId = t.state[item.portletCode + '_' + item.id].imgId;
+          tppathUrl = localStorage.getItem('context') + '/api/m/plugin/attachment/mobile/viewImage?token=' + localStorage.getItem('token') + '&fid=' + tpUrlId;
+          componentContent = _react2.default.createElement(
+            'div',
+            { className: 'tp-content' },
+            _react2.default.createElement('img', { src: tppathUrl, alt: '' })
+          );
+        }
+      }
       return _react2.default.createElement(
         'div',
-        { className: styleSetting.titleSet.titleStatus == 1 ? 'react-grid-component' : 'noTitle', key: item.id, style: {
+        { className: styleSetting.titleSet.titleStatus == 1 ? 'react-grid-component' : 'react-grid-component noTitle', key: item.id, style: {
             borderTopLeftRadius: styleSetting.otherSet.radius.topLeft + 'px',
             borderTopRightRadius: styleSetting.otherSet.radius.topRight + 'px',
             borderBottomLeftRadius: styleSetting.otherSet.radius.bottomLeft + 'px',

package/lib/react_grid/react_grid.less

@@ -7,7 +7,19 @@
   }
 
   .t-tab-bar {
-    padding-left: 10px;
+    position: relative;
+    padding-left: 16px;
+  }
+
+  .t-tab-bar::before {
+    content: "";
+    width: 3px;
+    height: 65%;
+    border-radius: 3px;
+    background-color: #E75E1E;
+    position: absolute;
+    top: 4px;
+    left: 8px;
   }
 
   .t-tab-bar .t-tab-tab {
@@ -16,7 +28,7 @@
     color: #888;
     flex: initial;
     // padding: 0 8px;
-    height: 38px;
+    height: auto;
     line-height: 20px;
     display: block;
     background-color: transparent;
@@ -24,7 +36,7 @@
     div {
       max-width: 95px;
       padding: 2px 5px;
-      height: inherit;
+      min-height: 28px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -39,25 +51,26 @@
   }
 
   .t-tab-ink-bar {
+    display: none !important;
     // background-color: @theme-color  !important;
-    margin-left: -41px;
-    border-radius: 4px;
-    height: 4px;
-    width: 25px !important;
-    background-color: #713938;
+    // margin-left: -41px;
+    // border-radius: 4px;
+    // height: 4px;
+    // width: 25px !important;
+    // background-color: #713938;
   }
 
-  .t-tab-ink-bar:after {
-    content: "";
-    display: block;
-    width: 40px;
-    height: 4px;
-    border-radius: 4px;
-    background: #713938;
-    opacity: 0.3;
-    position: absolute;
-    left: 30px;
-  }
+  // .t-tab-ink-bar:after {
+  //   content: "";
+  //   display: block;
+  //   width: 40px;
+  //   height: 4px;
+  //   border-radius: 4px;
+  //   background: #713938;
+  //   opacity: 0.3;
+  //   position: absolute;
+  //   left: 30px;
+  // }
 
   .t-tab-nav-wrap .t-tab-ink-bar {
     margin-left: -31px;
@@ -74,14 +87,28 @@
   }
 
   .react-grid-component {
+    background-color: #fff;
+    .react-grid-banner-img {
+      position: absolute;
+      width: 114%;
+      height: 130px;
+      left: -14%;
+      right: 0;
+      top: 0;
+      z-index: -1;
+     img {
+      width: 114%;
+      height: 100%;
+      border-radius: 0 0 50% 50%;
+      }
+    }
     .react-grid-banner {
+      position: relative;
       color: #fff;
       width: 100%;
       height: 100%;
       padding: 0;
-      background-position: center;
-      background-repeat: no-repeat;
-      background-size: 100% 100%;    
+      overflow-x: hidden;  
       .banner {
         position: absolute;
         top: 0;
@@ -197,31 +224,52 @@
           box-shadow: none;
         }
       }
-    
-      .t-grid {
-        margin: 0 8px;
-        border: none;
-    
-        .t-grid-row {
-          width: 100%;
-          padding: 10px 0;
-          border-bottom: none;
-          text-align: center;
-        }
-    
-        .t-grid-item+.t-grid-item {
-          border-left: none;
-        }
+
+      .t-grid-item:first-child, .t-grid-item:last-child {
+        border-radius: 6px 6px 30px 30px;
       }
-    
+
+      .t-grid-item {
+        margin: 0  10px;
+        background: #FFFFFF;
+        background-image: linear-gradient(180deg, rgba(202,160,141,0.33) 0%, rgba(202,160,141,0.00) 40%);
+        box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.09);
+        border-radius: 6px;
+      }
+
       .react-grid-banner-item {
         .t-badge {
           width: 40px;
           height: 40px;
-          background: #fff;
+          margin-top: 5px;
           border-radius: 50%;
           line-height: 40px;
         }
+
+        .banshicolor {
+          background: #FE907220;
+          color: #FE9072;
+        }
+  
+        .zixuncolor {
+          background: #1AC8D120;
+          color: #1AC8D1;
+        }
+  
+        .yingyongcolor {
+          background: #FFBD3F20;
+          color: #FFBD3F;
+        }
+    
+        .daibancolor {
+          background: #3FACF620;
+          color: #3FACF6;
+        }
+  
+        .wodecolor {
+          background: #7C80DA20;
+          color: #7C80DA;
+        }
     
         i {
           font-size: 20px;
@@ -229,8 +277,9 @@
       }
     
       .menu-title {
-        margin: 4px 0;
-        color: #fff;
+        margin-bottom: 10px;
+        margin-top: 5px;
+        color: #121314;
       }
     
       .t-badge .badge-inner {
@@ -246,6 +295,47 @@
     
   }
 
+  .react-grid-component.banner {
+    background-color: transparent;
+  }
+
+  .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+1) .systemItem .iconblock {
+    background: #FFBB3C;
+  }
+
+  .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+2) .systemItem .iconblock {
+    background: #FE9072;
+  }
+
+  .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+3) .systemItem .iconblock {
+    background: #3FACF6;
+  }
+
+  .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+4) .systemItem .iconblock {
+    background: #1AC8D1;
+  }
+  .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+5) .systemItem .iconblock {
+    background: #7C80DA;
+  }
+  .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+6) .systemItem .iconblock {
+    background: #1AC8D1;
+  }
+
+  .t-grid-row:nth-child(n+2) .t-grid-item:nth-child(n+1) .systemItem .iconblock {
+    background: #7C80DA;
+  }
+  .t-grid-row:nth-child(n+2) .t-grid-item:nth-child(n+2) .systemItem .iconblock {
+    background: #3FACF6;
+  }
+  .t-grid-row:nth-child(n+2) .t-grid-item:nth-child(n+3) .systemItem .iconblock {
+    background: #FFBB3C;
+  }
+
+  .t-grid-row:nth-child(n+2) .t-grid-item:nth-child(n+4) .systemItem .iconblock {
+    background: #FE9072;
+  }
+
+
   .systemItem {
     display: inline-block;
     text-align: center;
@@ -262,30 +352,34 @@
       color: #fff;
     }
 
-    .iconblock.t-iconBCred {
-      background-image: linear-gradient(180deg, #BF6052 7%, #AB5548 100%);
-      ;
+    .iconblock.t-gengduo {
+      background: #E3DBC7 !important;
     }
 
-    .iconblock.t-iconBCblue {
-      background-image: linear-gradient(180deg, #1E65BB 0%, #1054A7 100%);
-      ;
-    }
+    // .iconblock.t-iconBCred {
+    //   background-image: linear-gradient(180deg, #BF6052 7%, #AB5548 100%);
+    //   ;
+    // }
 
-    .iconblock.t-iconBCgreen {
-      background-image: linear-gradient(180deg, #2CCDB7 0%, #15B49E 100%);
-    }
+    // .iconblock.t-iconBCblue {
+    //   background-image: linear-gradient(180deg, #1E65BB 0%, #1054A7 100%);
+    //   ;
+    // }
 
-    .iconblock.t-iconBCorange {
-      background-image: linear-gradient(180deg, #ECCCA1 0%, #E4C294 100%);
-    }
-    .iconblock.t-iconBCpurple{
-      background-image: linear-gradient(180deg, #abacff, #7ca6ff);
-    }
+    // .iconblock.t-iconBCgreen {
+    //   background-image: linear-gradient(180deg, #2CCDB7 0%, #15B49E 100%);
+    // }
 
-    .iconblock.t-iconBCgray {
-      background-image: linear-gradient(180deg, #c1d1d7, #97b0bd);
-    }
+    // .iconblock.t-iconBCorange {
+    //   background-image: linear-gradient(180deg, #ECCCA1 0%, #E4C294 100%);
+    // }
+    // .iconblock.t-iconBCpurple{
+    //   background-image: linear-gradient(180deg, #abacff, #7ca6ff);
+    // }
+
+    // .iconblock.t-iconBCgray {
+    //   background-image: linear-gradient(180deg, #c1d1d7, #97b0bd);
+    // }
 
     .iconfont {
       font-size: 20px;
@@ -296,6 +390,10 @@
       text-align: center;
       font-size: 14px;
     }
+
+    .t-badge {
+      width: 100%;
+    }
   }
 
   .react-app-collect {
@@ -483,8 +581,8 @@
         font-size: 14px;
         padding: 0 16px;
         margin: 0;
-        background-color: rgba(113, 57, 56,0.1);
-        color: #713938;
+        background: rgba(163, 131, 78, 0.1);
+        color: #A3834E;
       }
     }
   }
@@ -1003,6 +1101,8 @@
 
     .iconfont-ywtb {
       font-size: 7px;
+      vertical-align: middle;
+      margin-left: 2px;
     }
   }
 
@@ -1014,7 +1114,7 @@
     padding: 0 16px;
     button {
       width: 98%;
-      height: 35px;
+      padding: 4px 6px;
       margin-bottom: 10px;
       // line-height: 29px;
       background: rgba(112,58,58,0.12);
@@ -1073,5 +1173,84 @@
     }
   }
 
+  .lcfq-list {
+    .lcfq-list-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding-bottom: 10px;
+
+    
+      .lcfq-list-item-icon {
+        width: 50px;
+        height: 50px;
+        line-height: 50px;
+        margin: 0 auto;
+        // color: #FFBB3C;
+        // background: rgba(255, 187, 60, 0.16);
+        border-radius: 8px;
+        margin-bottom: 10px;
+        position: relative;
+      }
+
+      .lcfq-list-item-text {
+        line-height: 1.3;
+        font-size: 14px;
+      }    
+    }
+
+    .t-grid-item:nth-child(5n+1) .lcfq-list-item-icon{
+      color: #FFBB3C;
+      background: rgba(255, 187, 60, 0.16);
+    }
+
+    .t-grid-item:nth-child(5n+2) .lcfq-list-item-icon{
+      color: #FE9072;
+      background: rgba(254, 144, 114, 0.16);
+    }
+
+    .t-grid-item:nth-child(5n+3) .lcfq-list-item-icon{
+      color: #3FACF6;
+      background: rgba(63, 172, 246, 0.16);
+    }
+
+    .t-grid-item:nth-child(5n+4) .lcfq-list-item-icon{
+      color: #1AC8D1;
+      background: rgba(26, 200, 209, 0.16);
+    }
+
+    .t-grid-item:nth-child(5n+5) .lcfq-list-item-icon{
+      color: #7C80DA;
+      background: rgba(124, 128, 218, 0.16);
+    }
+  }
+
+  .t-grid {
+    margin: 0 8px;
+    border-top: none !important;
+
+    .t-grid-row {
+      align-items: flex-start;
+      width: 100%;
+      padding: 7px 0 0 0;
+      border-bottom: none;
+      border-top: none;
+      text-align: center;
+    }
+
+    .t-grid-item+.t-grid-item {
+      border-left: none;
+    }
+  }
+
+  .tp-content {
+    width: 100%;
+    height: 100%;
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
 }
 

package/package.json

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