eoss-ui 0.4.26 → 0.4.27

package/lib/theme-chalk/login.css

@@ -1 +1 @@
-@charset "UTF-8";.es-login-screen{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.es-login-screen .es-login-logo{height:58px;position:absolute;left:24px;top:24px}.es-login{width:600px;position:absolute;padding:0 12px}.es-login .es-login-name{display:block;margin-bottom:56px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.es-login .es-login-main{padding:60px 80px;position:relative;border-radius:20px;background-size:100% 100%;background-color:#fff;background-repeat:no-repeat;-webkit-box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08)}.es-login .es-login-main .es-login-switch{position:absolute;right:10px;top:10px;overflow:hidden;z-index:99}.es-login .es-login-main .es-login-switch .es-icon{font-size:60px;color:#1890ff;cursor:pointer;position:relative;top:-1px}.es-login .es-login-main .es-login-switch .es-icon::after{content:'';position:absolute;left:-10px;top:1px;border-color:transparent transparent #fff #fff;border-style:solid;border-width:30px}.es-login .es-login-main .es-login-switchs{position:absolute;bottom:0;left:0;right:0;text-align:center;padding-bottom:16px;color:#d9d9d9;z-index:99}.es-login .es-login-main .es-login-switchs .es-icon{font-size:24px;cursor:pointer}.es-login .es-login-main .es-login-switchs .es-icon+.es-icon{margin-left:12px}.es-login .es-login-main .es-login-switchs .es-icon.es-icon-active{color:#1890ff}.es-login .es-login-main .es-downloadSetup{font-size:14px;text-align:center;line-height:18px;padding-bottom:12px}.es-login .es-login-main .es-downloadSetup span{cursor:pointer;color:#333}.es-login .es-login-main .es-downloadSetup span:hover{color:#f9d900}.es-login .es-login-main .es-warning{color:#a90404;line-height:18px;font-size:16px;text-align:center;padding-bottom:12px}.es-login .es-login-title{color:#1890ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;font-size:24px;line-height:24px;font-weight:700;margin-bottom:48px;position:relative}.es-login .es-login-title::after,.es-login .es-login-title::before{content:'';height:1px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#eee}.es-login .es-login-title .es-login-title-content{margin:0 24px}.es-login .es-login-form{border-radius:20px;background-color:rgba(255,255,255,.3);position:relative;padding-bottom:20px}.es-login .es-login-form .el-form-item{margin-bottom:32px}.es-login .es-login-form .el-form-item__content{line-height:normal}.es-login .es-login-form .el-form-item__error{font-size:14px}.es-login .es-login-form .el-input__clear{font-size:18px}.es-login .es-login-form .el-input__inner{height:50px;font-size:18px;background-color:#f7f7f7;border-radius:10px;padding-left:52px}.es-login .es-login-form .el-input__prefix{left:20px;line-height:52px}.es-login .es-login-form .es-label-user{font-size:18px;color:#333}.es-login .es-login-form .es-label-password{font-size:22px;color:#333;position:relative;top:2px}.es-login .es-login-form .es-label-image-code{padding-right:120px}.es-login .es-login-form .es-label-image-code .el-input__suffix{padding:5px;right:0}.es-login .es-login-form .es-label-image-code .es-img-code{cursor:pointer}.es-login .es-login-form .es-label-image-code .es-get-code{margin-top:-5px;margin-bottom:-5px;line-height:32px;font-size:16px;padding:8px 16px}.es-login .es-login-form .es-label-code-image{font-size:20px;color:#333;line-height:50px}.es-login .es-login-form .es-password-handle{height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-8px;margin-bottom:40px}.es-login .es-login-form .es-password-handle .el-checkbox__label{font-size:16px;font-weight:400;color:#333!important}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner{width:18px;height:18px;border-radius:10px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner::after{border:2px solid #fff;border-left:0;border-top:0;height:8px;left:6px;top:2px}.es-login .es-login-form .es-password-handle .es-password-forget{font-size:16px;color:#999;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.es-login .es-login-form .es-password-handle .es-password-forget span{cursor:pointer}.es-login .es-login-form .es-button-submit{width:100%;height:50px;font-size:20px;font-weight:500;border-radius:10px}.es-login .es-login-form.es-login-verify .es-login-title{margin-bottom:70px}.es-login .es-login-form.es-login-verify .el-form-item{margin-bottom:62px}.es-login .es-login-qrcode .es-login-down-app{font-size:14px;font-weight:400;text-align:center;line-height:20px}.es-login .es-login-qrcode .es-login-down-app .es-login-app-name{color:#a90404;padding:0 8px}.es-login .es-login-qrcode .es-qrcode-box,.es-login .es-login-qrcode .es-wx-qrcode-box{padding-top:25px;padding-bottom:25px}.es-login .es-login-qrcode .es-qrcode-img{border:1px solid #d9d9d9}@media screen and (max-width:1600px){.es-login{width:428px;padding:0 8px}.es-login .es-login-logo{height:42px;left:20px;top:20px}.es-login .es-login-name{width:428px;margin-bottom:40px}.es-login .es-login-main{padding:40px 44px}.es-login .es-login-main .es-login-switch{right:24px;top:24px}.es-login .es-login-main .es-login-switch .es-icon{font-size:60px}.es-login .es-login-main .es-login-switch .es-icon::after{left:-10px;border-width:30px}.es-login .es-login-main .es-warning{font-size:14px}.es-login .es-login-title{height:22px;margin-bottom:36px;font-size:18px;line-height:22px}.es-login .es-login-title .es-login-title-content{margin:0 12px}.es-login .es-login-form .el-input__inner{padding-left:40px;height:44px;line-height:44px;font-size:13px}.es-login .es-login-form .el-input__inner::-webkit-input-placeholder{font-size:13px}.es-login .es-login-form .el-input__prefix{left:16px;line-height:36px}.es-login .es-login-form .es-label-user{font-size:14px}.es-login .es-login-form .es-label-password{font-size:16px;top:0}.es-login .es-login-form .el-input__clear{font-size:14px;line-height:36px}.es-login .es-login-form .es-label-code-image{font-size:16px;line-height:36px}.es-login .es-login-form .el-form-item__error,.es-login .es-login-form .es-password-handle .el-checkbox__label,.es-login .es-login-form .es-password-handle .es-password-forget{font-size:12px}.es-login .es-login-form .es-label-image-code{padding-right:100px}.es-login .es-login-form .es-label-image-code .el-input__suffix{padding:2px}.es-login .es-login-form .es-label-image-code .el-input__suffix .es-get-code{margin-top:-2px;margin-bottom:-2px;padding:5px 6px}.es-login .es-login-form .es-label-image-code .es-img-code{height:32px}.es-login .es-login-form .es-password-handle{margin-top:0;margin-bottom:20px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner{width:14px;height:14px;top:1px;padding-left:6px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner::after{left:4px;top:0}.es-login .es-login-form .es-password-handle .el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(.9);transform:rotate(45deg) scaleY(.9)}.es-login .es-login-form .extra{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-login .es-login-form .extra span{cursor:pointer;font-size:14px;color:#12278b}.es-login .es-login-form .es-button-submit{height:44px;line-height:44px;font-size:16px;padding:0 8px;border-radius:8px}.es-login .es-login-form.es-login-verify .es-login-title{margin-bottom:68px}.es-login .es-login-form.es-login-verify .el-form-item{margin-bottom:54px}.es-login .es-login-qrcode .es-login-title{margin-bottom:18px}.es-login .es-login-qrcode .es-qrcode-box,.es-login .es-login-qrcode .es-wx-qrcode-box{padding-top:16px;padding-bottom:16px}}.es-user-info .es-form-content{padding-right:30px}.es-user-info .es-form-button{padding-right:20px}.es-login-icp{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:50%;bottom:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.es-login-icp .es-login-icp-item{display:block;white-space:nowrap;font-size:14px;font-weight:400}.es-login-icp .es-login-icp-item+.es-login-icp-item{margin-left:20px}.rest-password-box{height:100%;position:relative}.rest-password-box.rest-password-cut{padding-top:60px}.rest-password-box .rest-menu-cut{position:absolute;left:0;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+@charset "UTF-8";.es-login-screen{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.es-login-screen .es-login-logo{height:58px;position:absolute;left:24px;top:24px}.es-login{width:600px;position:absolute;padding:0 12px}.es-login .es-login-name{display:block;margin-bottom:56px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.es-login .es-login-main{padding:60px 80px;position:relative;border-radius:20px;background-size:100% 100%;background-color:#fff;background-repeat:no-repeat;-webkit-box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08)}.es-login .es-login-main .es-login-switch{position:absolute;right:10px;top:10px;overflow:hidden;z-index:99}.es-login .es-login-main .es-login-switch .es-icon{font-size:60px;color:#1890ff;cursor:pointer;position:relative;top:-1px}.es-login .es-login-main .es-login-switch .es-icon::after{content:'';position:absolute;left:-10px;top:1px;border-color:transparent transparent #fff #fff;border-style:solid;border-width:30px}.es-login .es-login-main .es-login-switchs{position:absolute;bottom:0;left:0;right:0;text-align:center;padding-bottom:16px;color:#d9d9d9;z-index:99}.es-login .es-login-main .es-login-switchs .es-icon{font-size:24px;cursor:pointer}.es-login .es-login-main .es-login-switchs .es-icon+.es-icon{margin-left:12px}.es-login .es-login-main .es-login-switchs .es-icon.es-icon-active{color:#1890ff}.es-login .es-login-main .es-downloadSetup{font-size:14px;text-align:center;line-height:18px;padding-bottom:12px}.es-login .es-login-main .es-downloadSetup span{cursor:pointer;color:#333}.es-login .es-login-main .es-downloadSetup span:hover{color:#f9d900}.es-login .es-login-main .es-warning{color:#a90404;line-height:18px;font-size:16px;text-align:center;padding-bottom:12px}.es-login .es-login-title{color:#1890ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;font-size:24px;line-height:24px;font-weight:700;margin-bottom:48px;position:relative}.es-login .es-login-title::after,.es-login .es-login-title::before{content:'';height:1px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#eee}.es-login .es-login-title .es-login-title-content{margin:0 24px}.es-login .es-login-form{border-radius:20px;background-color:rgba(255,255,255,.3);position:relative;padding-bottom:20px}.es-login .es-login-form .el-form-item{margin-bottom:32px}.es-login .es-login-form .el-form-item__content{line-height:normal}.es-login .es-login-form .el-form-item__error{font-size:14px}.es-login .es-login-form .el-input__clear{font-size:18px}.es-login .es-login-form .el-input__inner{height:50px;font-size:18px;background-color:#f7f7f7;border-radius:10px;padding-left:52px}.es-login .es-login-form .el-input__prefix{left:20px;line-height:52px}.es-login .es-login-form .es-label-user{font-size:18px;color:#333}.es-login .es-login-form .es-label-password{font-size:22px;color:#333;position:relative;top:2px}.es-login .es-login-form .es-label-image-code{padding-right:120px}.es-login .es-login-form .es-label-image-code .el-input__suffix{padding:5px;right:0}.es-login .es-login-form .es-label-image-code .es-img-code{cursor:pointer}.es-login .es-login-form .es-label-image-code .es-get-code{margin-top:-5px;margin-bottom:-5px;line-height:32px;font-size:16px;padding:8px 16px}.es-login .es-login-form .es-label-code-image{font-size:20px;color:#333;line-height:50px}.es-login .es-login-form .es-password-handle{height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-8px;margin-bottom:40px}.es-login .es-login-form .es-password-handle .el-checkbox__label{font-size:16px;font-weight:400;color:#333!important}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner{width:18px;height:18px;border-radius:10px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner::after{border:2px solid #fff;border-left:0;border-top:0;height:8px;left:6px;top:2px}.es-login .es-login-form .es-password-handle .es-password-forget{font-size:16px;color:#999;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.es-login .es-login-form .es-password-handle .es-password-forget span{cursor:pointer}.es-login .es-login-form .es-button-submit{width:100%;height:50px;font-size:20px;font-weight:500;border-radius:10px}.es-login .es-login-form.es-login-verify .es-login-title{margin-bottom:70px}.es-login .es-login-form.es-login-verify .el-form-item{margin-bottom:62px}.es-login .es-login-qrcode .es-login-down-app{font-size:14px;font-weight:400;text-align:center;line-height:20px}.es-login .es-login-qrcode .es-login-down-app .es-login-app-name{color:#a90404;padding:0 8px}.es-login .es-login-qrcode .es-qrcode-box,.es-login .es-login-qrcode .es-wx-qrcode-box{padding-top:25px;padding-bottom:25px}.es-login .es-login-qrcode .es-qrcode-img{border:1px solid #d9d9d9}@media screen and (max-width:1600px){.es-login{width:428px;padding:0 8px}.es-login .es-login-logo{height:42px;left:20px;top:20px}.es-login .es-login-name{width:428px;margin-bottom:40px}.es-login .es-login-main{padding:40px 44px}.es-login .es-login-main .es-login-switch{right:24px;top:24px}.es-login .es-login-main .es-login-switch .es-icon{font-size:60px}.es-login .es-login-main .es-login-switch .es-icon::after{left:-10px;border-width:30px}.es-login .es-login-main .es-warning{font-size:14px}.es-login .es-login-title{height:22px;margin-bottom:36px;font-size:18px;line-height:22px}.es-login .es-login-title .es-login-title-content{margin:0 12px}.es-login .es-login-form .el-input__inner{padding-left:40px;height:44px;line-height:44px;font-size:13px}.es-login .es-login-form .el-input__inner::-webkit-input-placeholder{font-size:13px}.es-login .es-login-form .el-input__prefix{left:16px;line-height:36px}.es-login .es-login-form .es-label-user{font-size:14px}.es-login .es-login-form .es-label-password{font-size:16px;top:0}.es-login .es-login-form .el-input__clear{font-size:14px;line-height:36px}.es-login .es-login-form .es-label-code-image{font-size:16px;line-height:36px}.es-login .es-login-form .el-form-item__error,.es-login .es-login-form .es-password-handle .el-checkbox__label,.es-login .es-login-form .es-password-handle .es-password-forget{font-size:12px}.es-login .es-login-form .es-label-image-code{padding-right:100px}.es-login .es-login-form .es-label-image-code .el-input__suffix{padding:2px}.es-login .es-login-form .es-label-image-code .el-input__suffix .es-get-code{margin-top:-2px;margin-bottom:-2px;padding:5px 6px}.es-login .es-login-form .es-label-image-code .es-img-code{height:32px}.es-login .es-login-form .es-password-handle{margin-top:0;margin-bottom:20px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner{width:14px;height:14px;top:1px;padding-left:6px}.es-login .es-login-form .es-password-handle .el-checkbox__input .el-checkbox__inner::after{left:4px;top:0}.es-login .es-login-form .es-password-handle .el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(.9);transform:rotate(45deg) scaleY(.9)}.es-login .es-login-form .extra{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-login .es-login-form .extra span{cursor:pointer;font-size:14px;color:#12278b}.es-login .es-login-form .es-button-submit{height:44px;line-height:44px;font-size:16px;padding:0 8px;border-radius:8px}.es-login .es-login-form.es-login-verify .es-login-title{margin-bottom:68px}.es-login .es-login-form.es-login-verify .el-form-item{margin-bottom:54px}.es-login .es-login-qrcode .es-login-title{margin-bottom:18px}.es-login .es-login-qrcode .es-qrcode-box,.es-login .es-login-qrcode .es-wx-qrcode-box{padding-top:16px;padding-bottom:16px}}.es-user-info .es-form-content{padding-right:30px}.es-user-info .es-form-button{padding-right:20px}.es-login-icp{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:50%;bottom:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.es-login-icp .es-login-icp-item{display:block;white-space:nowrap;font-size:14px;font-weight:400}.es-login-icp .es-login-icp-item+.es-login-icp-item{margin-left:20px}.es-login-icp a:hover{text-decoration:underline}.rest-password-box{height:100%;position:relative}.rest-password-box.rest-password-cut{padding-top:60px}.rest-password-box .rest-menu-cut{position:absolute;left:0;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eoss-ui",
-  "version": "0.4.26",
+  "version": "0.4.27",
   "description": "eoss内部业务组件",
   "main": "lib/eoss-ui.common.js",
   "files": [

package/packages/form/src/main.vue

@@ -134,6 +134,20 @@
                           }
                         "
                       ></es-select>
+                      <es-switch
+                        v-else-if="item.type == 'switch'"
+                        v-bind="
+                          handleExclAttribute({ data: item, attrs: ['value'] })
+                        "
+                        v-model="models[item.name]"
+                        :plain="item.plain || item.name === undefined"
+                        :readonly="readonly ? readonly : item.readonly"
+                        @change="
+                          (val) => {
+                            handleChange(item, val, items);
+                          }
+                        "
+                      ></es-switch>
                     </div>
                   </template>
                 </template>
@@ -1888,6 +1902,20 @@
                         }
                       "
                     ></es-select>
+                    <es-switch
+                      v-else-if="item.type == 'switch'"
+                      v-bind="
+                        handleExclAttribute({ data: item, attrs: ['value'] })
+                      "
+                      v-model="models[item.name]"
+                      :plain="item.plain || item.name === undefined"
+                      :readonly="readonly ? readonly : item.readonly"
+                      @change="
+                        (val) => {
+                          handleChange(item, val, items);
+                        }
+                      "
+                    ></es-switch>
                   </div>
                 </template>
               </template>

package/packages/handler/src/main.vue

@@ -245,22 +245,17 @@ export default {
     },
     handleSelect(res) {
       const { node } = res;
-      console.log(node);
-      if (
-        node.extendData &&
-        node.extendData.businessStatus == 0 &&
-        node.extendData.businessWarnMsg
-      ) {
-        this.$alert(node.extendData.businessWarnMsg, '提示', {
-          type: 'warning'
-        });
-      }
-      if (
-        !this.application &&
-        !node.hasPermission &&
-        node.extendData &&
-        node.extendData.businessStatus != 0
-      ) {
+      if (node.extendData && node.extendData.businessStatus == 0) {
+        this.$alert(
+          node.extendData.businessWarnMsg
+            ? node.extendData.businessWarnMsg
+            : '此模块还在开发中',
+          '提示',
+          {
+            type: 'warning'
+          }
+        );
+      } else if (!this.application && !node.hasPermission) {
         this.$emit('select', res);
       }
     },

package/packages/icon/src/main.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="es-icon" :class="{ 'es-icon-readonly': readonly }">
+  <div class="es-icons" :class="{ 'es-icon-readonly': readonly }">
     <el-input
       v-if="!readonly"
       v-bind="$attrs"

package/packages/login/src/main.vue

@@ -266,13 +266,13 @@
       </div>
     </div>
     <div v-if="icp && icpInfo" class="es-login-icp">
-      <span class="es-login-icp-item" :style="icpStyle">{{
+      <span class="es-login-icp-item" :style="_copyrightStyle">{{
         icpInfo.copyright_unit
       }}</span>
       <a
         class="es-login-icp-item"
         target="_blank"
-        :style="icpStyle"
+        :style="_copyrightStyle"
         :href="icpInfo.copyright_icp_url"
         >{{ icpInfo.copyright_icp }}</a
       >
@@ -460,7 +460,7 @@ export default {
       type: Boolean,
       default: true
     },
-    icpStyle: {
+    copyrightStyle: {
       type: Object,
       default() {
         return { color: '#ffffff' };
@@ -585,6 +585,13 @@ export default {
         icon.push(this.iconfonts[item]);
       });
       return icon;
+    },
+    _copyrightStyle() {
+      let style = {};
+      this.copyrightBgColor &&
+        (style['background-color'] = this.copyrightBgColor);
+      this.copyrightColor && (style['color'] = this.copyrightColor);
+      return { ...this.copyrightStyle, ...style };
     }
   },
   watch: {
@@ -672,7 +679,9 @@ export default {
       timer: null,
       countdown: 0,
       code: null,
-      defaultModel: JSON.parse(JSON.stringify(this.model))
+      defaultModel: JSON.parse(JSON.stringify(this.model)),
+      copyrightColor: null,
+      copyrightBgColor: null
     };
   },
   created() {
@@ -889,6 +898,12 @@ export default {
         if (res.subsystemExtend.loginBoxAlign && this.useResults) {
           this.align = res.subsystemExtend.loginBoxAlign;
         }
+        if (res.subsystemExtend.copyrightColor) {
+          this.copyrightColor = res.subsystemExtend.copyrightColor;
+        }
+        if (res.subsystemExtend.copyrightBackgroundColor) {
+          this.copyrightBgColor = res.subsystemExtend.copyrightBackgroundColor;
+        }
         if (res.subsystemExtend.themeColor) {
           util.updateTheme(res.subsystemExtend.themeColor);
           localStorage.setItem('theme', res.subsystemExtend.themeColor);

package/packages/theme-chalk/lib/icons.css

@@ -0,0 +1 @@
+.es-icons{display:inline-block}.es-icons.es-icon-readonly{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:3px;border:1px solid #d9d9d9;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.75);display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;position:relative}.es-icons .el-input-group__prepend{width:auto;line-height:38px;position:absolute;z-index:3;left:2px;top:2px;right:62px;bottom:2px;border:0;background-color:#fff;padding:0 12px}.es-icons .es-iconfont{color:#606266;font-size:20px}.es-icons .el-input__inner{border-radius:3px!important;color:transparent;padding-right:60px}.es-icons .el-input__suffix{height:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.es-icon-list{clear:both;overflow:hidden;list-style:none;padding:0!important;border:1px solid #eaeefb;border-radius:4px}.es-icon-list li{float:left;width:148px;text-align:center;height:120px;line-height:120px;color:#666;font-size:13px;border-right:1px solid #eee;border-bottom:1px solid #eee;margin-right:-1px;margin-bottom:-1px;-webkit-box-sizing:border-box;box-sizing:border-box}.es-icon-list li span{display:inline-block;line-height:normal;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;color:#99a9bf;-webkit-transition:color .15s linear;transition:color .15s linear}.es-icon-list li i{display:block;font-size:32px;margin-bottom:15px;color:#606266;-webkit-transition:color .15s linear;transition:color .15s linear}.es-icon-list li .icon-name{display:inline-block;padding:0 3px;height:1em}.es-icon-list li:hover i,.es-icon-list li:hover span{color:#5cb6ff}