iconfont更新，银行账户操作记录币种筛选框优化

src/assets/font/iconfont.svg

@@ -245,6 +245,12 @@ Created by iconfont
     <glyph glyph-name="zanwushuju" unicode="&#59275;" d="M527.0504164 88.95530694000001a210.55693926 81.53221259000001 0 1 1 421.11387684 0 210.55693926 81.53221259000001 0 1 1-421.11387684 0ZM846.86052043 677.21021966H273.0775755c-13.24898439 0-24.05200204 10.80301762-24.05200371 24.05200205 0 13.24898439 10.80301762 24.05200204 24.05200371 24.05200203h573.78294493c13.24898439 0 24.05200204-10.80301762 24.05200204-24.05200203 0-13.45281553-10.80301762-24.05200204-24.05200204-24.05200205zM846.86052043 210.43830218000005H273.0775755c-13.24898439 0-24.05200204 10.80301762-24.05200371 24.05200371 0 13.24898439 10.80301762 24.05200204 24.05200371 24.05200205h573.78294493c13.24898439 0 24.05200204-10.80301762 24.05200204-24.05200205 0-13.24898439-10.80301762-24.05200204-24.05200204-24.05200371zM113.47826933 703.5043573400001m-26.49796881 0a26.4979688 26.4979688 0 1 1 52.99593762 0 26.4979688 26.4979688 0 1 1-52.99593762 0ZM103.28674171 667.2225231699999c-25.68264767 0-46.67719127 20.99454527-46.67719124 46.67719123 0 25.68264767 20.99454527 46.67719127 46.67719124 46.67719126s46.67719127-20.99454527 46.67719291-46.67719126c0-25.68264767-20.99454527-46.67719127-46.67719291-46.67719123z m0 73.37899117c-14.87962835 0-26.90562937-12.02600102-26.90562938-26.90563104 0-14.87962835 12.02600102-26.90562937 26.90562938-26.90562939 14.87962835 0 26.90562937 12.02600102 26.90563103 26.90562939-0.20383113 14.87962835-12.22983214 26.90562937-26.90563103 26.90563104zM834.22302605 667.2225231699999H262.07072673c-25.68264767 0-46.67719127 20.99454527-46.67719291 46.67719123 0 25.68264767 20.99454527 46.67719127 46.67719291 46.67719126h572.15229932c25.68264767 0 46.67719127-20.99454527 46.67719291-46.67719126 0-25.68264767-20.99454527-46.67719127-46.67719291-46.67719123z m-572.15229932 73.37899117c-14.87962835 0-26.90562937-12.02600102-26.90563106-26.90563104 0-14.87962835 12.02600102-26.90562937 26.90563106-26.90562939h572.15229932c14.87962835 0 26.90562937 12.02600102 26.90563105 26.90562939 0 14.87962835-12.02600102 26.90562937-26.90563105 26.90563104H262.07072673zM846.86052043 445.04724346H273.0775755c-13.24898439 0-24.05200204 10.80301762-24.05200371 24.0520037 0 13.24898439 10.80301762 24.05200204 24.05200371 24.05200206h573.78294493c13.24898439 0 24.05200204-10.80301762 24.05200204-24.05200206 0-13.24898439-10.80301762-24.05200204-24.05200204-24.0520037zM111.2361337 469.30307663m-28.74010612 0a28.74010444 28.74010444 0 1 1 57.48021056 0 28.74010444 28.74010444 0 1 1-57.48021056 0ZM103.28674171 433.83656526c-25.68264767 0-46.67719127 20.99454527-46.67719124 46.67719124 0 25.68264767 20.99454527 46.67719127 46.67719124 46.67719127s46.67719127-20.99454527 46.67719291-46.67719127c0-25.68264767-20.99454527-46.67719127-46.67719291-46.67719124z m0 73.58282062c-14.87962835 0-26.90562937-12.02600102-26.90562938-26.90562938 0-14.87962835 12.02600102-26.90562937 26.90562938-26.90562936 14.87962835 0 26.90562937 12.02600102 26.90563103 26.90562936-0.20383113 14.87962835-12.22983214 26.90562937-26.90563103 26.90562938zM834.22302605 433.83656526H262.07072673c-25.68264767 0-46.67719127 20.99454527-46.67719291 46.67719124 0 25.68264767 20.99454527 46.67719127 46.67719291 46.67719127h572.15229932c25.68264767 0 46.67719127-20.99454527 46.67719291-46.67719127 0-25.68264767-20.99454527-46.67719127-46.67719291-46.67719124z m-572.15229932 73.58282062c-14.87962835 0-26.90562937-12.02600102-26.90563106-26.90562938 0-14.87962835 12.02600102-26.90562937 26.90563106-26.90562936h572.15229932c14.87962835 0 26.90562937 12.02600102 26.90563105 26.90562936 0 14.87962835-12.02600102 26.90562937-26.90563105 26.90562938H262.07072673zM113.47826933 236.93627267m-26.49796881 0a26.4979688 26.4979688 0 1 1 52.99593762 0 26.4979688 26.4979688 0 1 1-52.99593762 0ZM103.28674171 200.45060736999994c-25.68264767 0-46.67719127 20.99454527-46.67719124 46.67719123 0 25.68264767 20.99454527 46.67719127 46.67719124 46.67719126s46.67719127-20.99454527 46.67719291-46.67719126c0-25.68264767-20.99454527-46.67719127-46.67719291-46.67719123z m0 73.58282059c-14.87962835 0-26.90562937-12.02600102-26.90562938-26.90562936 0-14.87962835 12.02600102-26.90562937 26.90562938-26.90563105 14.87962835 0 26.90562937 12.02600102 26.90563103 26.90563105-0.20383113 14.87962835-12.22983214 26.90562937-26.90563103 26.90562936zM834.22302605 200.45060736999994H262.07072673c-25.68264767 0-46.67719127 20.99454527-46.67719291 46.67719123 0 25.68264767 20.99454527 46.67719127 46.67719291 46.67719126h572.15229932c25.68264767 0 46.67719127-20.99454527 46.67719291-46.67719126 0-25.68264767-20.99454527-46.67719127-46.67719291-46.67719123z m-572.15229932 73.58282059c-14.87962835 0-26.90562937-12.02600102-26.90563106-26.90562936 0-14.87962835 12.02600102-26.90562937 26.90563106-26.90563105h572.15229932c14.87962835 0 26.90562937 12.02600102 26.90563105 26.90563105 0 14.87962835-12.02600102 26.90562937-26.90563105 26.90562936H262.07072673zM737.60735566 319.07997525999997m-229.92083889 0a229.92083888 229.92083888 0 1 1 459.84167778 0 229.92083888 229.92083888 0 1 1-459.84167778 0ZM737.60735566 79.17144156999996c-32.40905458 0-63.79895691 6.31874635-93.35438418 18.95623907-28.536275 12.02600102-54.21892099 29.35159613-76.23261847 51.36529364-22.01369753 22.01369753-39.33929262 47.69634352-51.36529367 76.2326185-12.4336616 29.55542726-18.95623907 60.94532957-18.95623907 93.35438248 0 32.40905458 6.31874635 63.79895691 18.95623907 93.35438417 12.02600102 28.536275 29.35159613 54.21892099 51.36529367 76.23261851 22.01369753 22.01369753 47.69634352 39.33929262 76.23261847 51.36529364 29.55542726 12.4336616 60.94532957 18.95623907 93.35438418 18.95623907 32.40905458 0 63.79895691-6.31874635 93.35438248-18.95623907 28.536275-12.02600102 54.21892099-29.35159613 76.2326185-51.36529364 22.01369753-22.01369753 39.33929262-47.69634352 51.36529366-76.23261851 12.4336616-29.55542726 18.95623907-60.94532957 18.95623906-93.35438417 0-32.40905458-6.31874635-63.79895691-18.95623906-93.35438248-12.02600102-28.536275-29.35159613-54.21892099-51.36529366-76.2326185-22.01369753-22.01369753-47.69634352-39.33929262-76.2326185-51.36529364-29.55542726-12.63749271-60.94532957-18.95623907-93.35438248-18.95623907z m0 460.04550721c-58.70319228 0-113.94126717-22.82901865-155.52269543-64.41044693-41.58142827-41.58142827-64.41044861-96.81950151-64.41044862-155.52269546 0-58.70319228 22.82901865-113.94126717 64.41044862-155.52269547 41.58142827-41.58142827 96.81950151-64.41044861 155.52269543-64.41044691s113.94126717 22.82901865 155.52269377 64.41044691c41.58142827 41.58142827 64.41044861 96.81950151 64.41044861 155.52269547 0 58.70319228-22.82901865 113.94126717-64.41044861 155.52269546-41.58142827 41.37759714-96.81950151 64.41044861-155.52269377 64.41044693zM841.7647558 179.65989322999997c-6.72640692 0-13.45281553 2.24213565-18.95623908 6.72640691l-110.67997761 89.88926349c-8.56088199 6.93023807-12.63749271 17.73325568-10.80301929 28.53627497v160.4146273c0 16.71410341 13.45281553 30.16691895 30.16691894 30.16691896s30.16691895-13.45281553 30.16691895-30.16691896v-151.44608304l99.06163882-80.30922922c12.84132384-10.39535707 14.87962835-29.55542726 4.48427128-42.3967511-5.91108579-7.54172974-14.67579889-11.41450933-23.44051201-11.41450931z m-110.06848594 295.75810033c-5.70725466 0-10.39535707-4.6881024-10.39535707-10.39535708v-162.24910238l-0.2038311-1.01915395c-0.81532282-3.87277959 0.61149168-7.74556086 3.46511902-10.19152594l110.67997927-89.88926346c4.48427127-3.66895014 11.00684875-2.85362734 14.47196779 1.42681281 3.66895014 4.48427127 2.85362734 11.00684875-1.4268145 14.47196778l-106.39953746 86.42414446v161.02612068c0 5.70725466-4.6881024 10.39535707-10.19152595 10.39535708zM571.68930315 355.15797999999995c-6.72640692 1.42681449-10.59918819 8.35705255-8.76471312 14.87962834 4.6881024 15.89878061 14.47196779 44.23122448 30.37074836 66.8564137 17.3255951 24.66349373 39.95078432 39.74695319 53.40359986 47.28868461 6.11491523 3.46511902 14.06430721 0.61149168 16.71410343-5.9110858 2.24213565-5.50342353 0-11.82217158-5.09576299-14.6757989-11.41450933-6.31874635-30.9822401-19.36389963-45.65803896-40.35844488-13.86047609-19.77156187-22.82901865-45.65803899-27.10946048-59.92617565-1.63064395-5.91108579-7.74556086-9.37620481-13.8604761-8.15322142z"  horiz-adv-x="1024" />
 
     
+    <glyph glyph-name="SCTC3" unicode="&#59280;" d="M653.7216 325.15413333000004l57.89013333 57.89013334-0.13653333 0.13653333 126.29333333 126.29333333L558.42133333 788.82133333v-115.9168l163.56693334-163.56693333-68.4032-68.4032L512 582.656 370.41493333 441.07093333l-68.4032 68.4032L466.944 674.4064v115.9168L186.09493333 509.47413333 512 183.56906666999998l141.7216 141.58506666zM512 299.48586666999995l-83.69493333 83.69493333 83.69493333 83.69493333 83.69493333-83.69493333-83.69493333-83.69493333zM693.31626667 285.55946667l28.672-28.672L558.42133333 93.32053332999999v-115.9168l279.48373334 279.48373334-86.56213334 86.56213333zM330.82026667 285.696l-58.02666667 57.89013333-86.69866667-86.69866666L466.944-23.961599999999976v115.9168L302.01173333 256.88746667z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="SCTC2" unicode="&#59283;" d="M512 860.45333333C251.36 860.45333333 40.04 649.25333333 40.04 388.61333333S251.36-83.34666666999999 512-83.34666666999999s471.96 211.32 471.96 471.96S772.64 860.45333333 512 860.45333333z m-39.6-829.68L225.56 277.61333333000005l76.2 76.2 50.88-50.88-25.32-25.32L472.4 132.65333333v-101.88z m80.4 1.2v101.88l143.76 143.76-25.2 25.2 50.88 50.88 76.08-76.08L552.8 31.973333329999946z m134.64 356.64l-50.76-51-0.12 0.12L512 213.17333333 225.56 499.61333333 472.4 746.33333333v-101.88L327.44 499.61333333l60.12-60.12L512 563.93333333l124.44-124.44 60.12 60.12L552.8 643.37333333v101.88l245.64-245.64-111-111zM438.4088 388.51973333l73.566 73.5672 73.5672-73.5672-73.5672-73.566z"  horiz-adv-x="1024" />
+
+    
 
 
   </font>

src/views/account.vue

@@ -210,7 +210,7 @@
       <div class="title-box clearfix">
         <span class="title">操作记录</span>
         <div class="select-bar fr clearfix">
-          <div class="select-bar-content currency fl" :class="{'unfold' : !foldBar}">
+          <div ref="selectBar" v-click-outside="clickFoldExchange" class="select-bar-content currency fl" :class="{'unfold' : !foldBar}">
             <span class="title">币种</span>
             <div class="fr">
               <span class="ellipsis" v-show="coinList.length>3 && foldBar">...</span>
@@ -321,6 +321,8 @@
 <script>
   import axios from 'axios';
   import ApiConfig from "../config/api-config";
+  import ClickOutside from 'vue-click-outside';
+
   export default {
     data() {
       return {
@@ -363,11 +365,23 @@
     created() {
       this.init();
     },
+    mounted () {
+      // prevent click outside event with popupItem.
+      this.popupItem = this.$refs.selectBar
+    },
+
+    // do not forget this section
+    directives: {
+      ClickOutside
+    },
     methods: {
       /*页面初始化*/
       init() {
         this.getWalletInfo(this.bankId);
       },
+      clickFoldExchange() {
+        this.foldBar = true;
+      },
       /*获取资产信息*/
       getWalletInfo(params) {
         axios.post(ApiConfig.GetWalletInfo,{account: params}).then( res => {
@@ -716,6 +730,17 @@
       }
     }
   }
+  .select-bar {
+    height: 40px;
+    width: 410px;
+    position: relative;
+    .select-bar-content {
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: 1000;
+    }
+  }
 </style>
 <style>
   .el-select-dropdown__item.selected .tag {