fmui-base 2.0.59 → 2.0.61

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/lib/select-fileno/pageHome.js

@@ -626,7 +626,7 @@ var Page = function (_React$Component) {
   }, {
     key: 'closMask',
     value: function closMask() {
-      /* $("#App").removeAttr("style");
+      /* $("#App").removeAttr("style");
        $(document).scrollTop(this.props.top);*/
     }
   }, {

package/lib/select-serialnumber/pageHome.js

@@ -540,7 +540,7 @@ var Page = function (_React$Component) {
   }, {
     key: 'closMask',
     value: function closMask() {
-      /* $("#App").removeAttr("style");
+      /* $("#App").removeAttr("style");
        $(document).scrollTop(this.props.top);*/
     }
   }, {

package/lib/select-serialnumber/pageHome1.js

@@ -538,7 +538,7 @@ var Page = function (_Component) {
   }, {
     key: 'closMask',
     value: function closMask() {
-      /* $("#App").removeAttr("style");
+      /* $("#App").removeAttr("style");
        $(document).scrollTop(this.props.top);*/
     }
   }, {

package/lib/signature/draw.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-/**
- * Created by louizhai on 17/6/30.
- * description: Use canvas to draw.
+/**
+ * Created by louizhai on 17/6/30.
+ * description: Use canvas to draw.
  */
 function Draw(canvas, degree) {
   var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};

package/lib/signature/sign.less

@@ -1,73 +1,73 @@
-.page-demo {
-  color:#666;
-}
-
-
-#canvasBox {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.greet {
-  padding: 20px;
-  font-size: 20px;
-  user-select: none;
-}
-.greet a {
-  cursor: pointer;
-}
-.greet select {
-  font-size: 18px;
-}
-canvas {
-  flex: 1;
-  //border: 0.5px solid #ccc;
-  cursor: crosshair;
-}
-
-
-
-
-@media screen and (orientation: portrait) {
-  .dd-write-sign-page {
-    position: absolute;
-    width: 100vh;
-    height: 100vw;
-    top: 0;
-    left: 100vw;
-    -webkit-transform: rotate(90deg);
-    -moz-transform: rotate(90deg);
-    -ms-transform: rotate(90deg);
-    transform: rotate(90deg);
-    transform-origin: 0% 0%;
-  }
-}
-
-@media screen and (orientation: landscape) {
-  .dd-write-sign-page {
-    -webkit-transform: rotate(0);
-    -moz-transform: rotate(0);
-    -ms-transform: rotate(0);
-    transform: rotate(0)
-  }
-}
-
-.dd-write-sign {
-  height: calc(~"100% - 83px");
-}
-
-.dd-write-sign-del.t-text-button {
-  height: 32px;
-  line-height: 32px;
-
-  .iconfont {
-    height: 32px;
-  }
-}
-.img-border{
-  border:1px solid #ccc;
-
-}
-
-
-
+.page-demo {
+  color:#666;
+}
+
+
+#canvasBox {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.greet {
+  padding: 20px;
+  font-size: 20px;
+  user-select: none;
+}
+.greet a {
+  cursor: pointer;
+}
+.greet select {
+  font-size: 18px;
+}
+canvas {
+  flex: 1;
+  //border: 0.5px solid #ccc;
+  cursor: crosshair;
+}
+
+
+
+
+@media screen and (orientation: portrait) {
+  .dd-write-sign-page {
+    position: absolute;
+    width: 100vh;
+    height: 100vw;
+    top: 0;
+    left: 100vw;
+    -webkit-transform: rotate(90deg);
+    -moz-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg);
+    transform-origin: 0% 0%;
+  }
+}
+
+@media screen and (orientation: landscape) {
+  .dd-write-sign-page {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -ms-transform: rotate(0);
+    transform: rotate(0)
+  }
+}
+
+.dd-write-sign {
+  height: calc(~"100% - 83px");
+}
+
+.dd-write-sign-del.t-text-button {
+  height: 32px;
+  line-height: 32px;
+
+  .iconfont {
+    height: 32px;
+  }
+}
+.img-border{
+  border:1px solid #ccc;
+
+}
+
+
+

package/lib/signature//346/211/213/345/206/231/347/255/276/345/220/215/344/275/277/347/224/250/346/226/207/346/241/243.md

@@ -1,12 +1,12 @@
-# 手写签名使用文档
-
-1. 安装fmui 0.0.36-ygy以上的版本
-2. 引用： import Sign from 'fmui/lib/signature';
-3. 写标签 
-```
-<Sign upload={(val)=>{alert(val)}}/>
-```
-4. 参数 
-	- upload ： (必填项)回调方法，返回参数为生成手写签名图片的id
-	- title : (必填项)显示的输入框标题
+# 手写签名使用文档
+
+1. 安装fmui 0.0.36-ygy以上的版本
+2. 引用： import Sign from 'fmui/lib/signature';
+3. 写标签 
+```
+<Sign upload={(val)=>{alert(val)}}/>
+```
+4. 参数 
+	- upload ： (必填项)回调方法，返回参数为生成手写签名图片的id
+	- title : (必填项)显示的输入框标题
 	- fileId : 初始化签名图片文件id

package/package.json

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