'=钱包资产模块更新、账户、注册'

src/components/CommonHeader.vue

@@ -38,7 +38,7 @@
                         <router-link class="nav-link" :to="contract.url">{{ contract.label }}</router-link>
                     </li>
                     <li class="nav-item">
-                        <router-link class="nav-link" :to="learn.url">{{ learn.label }}</router-link>
+                        <router-link class="nav-link" :to="college.url">{{ learn.label }}</router-link>
                     </li>
                     <!-- <li class="nav-item">
                         <router-link class="nav-link" :to="purchase.url">{{ purchase.label }}</router-link>
@@ -172,7 +172,7 @@
                                 <div class="dropdown-header d-flex flex-column align-items-center">
                                     <a href="javascript:viod(0);" class="figure mb-3"
                                        @click="$router.push(isLogin?'/wallet/assets/exchange':'/')">
-                                        <img src="../assets/img/avatar.svg" alt/>
+                                        <img src="../assets/img/avatar-user-circle.png" style="width: 40px;height: 40px;" alt/>
                                     </a>
                                     <div class="info text-center">
                                         <p class="name font-weight-bold mb-0">
@@ -707,6 +707,25 @@ color: #fff !important;
 .dropdown-download::after{
   content: none;
 }
+.dropdown-menu{
+  background-color: #fff;
+  .dropdown-header .name{
+    color: #101010;
+  }
+  .dropdown-body{
+    i, span{
+      color: #101010;
+    }
+  }
+  .dropdown-item{
+    color: #101010;
+    line-height: 42px;
+  }
+}
+
+.dropdown-menu::before{
+  content: none;
+}
 .dropdown-menu.download{
   background-color: #fff;
   width: 192px;height: 225px;

src/components/SecondaryNav.vue

@@ -205,7 +205,7 @@ export default {
     @include flexible(row, center, center);
     // background: #f5f9fc;
     // background : $underpainting;
-    background-color: transparent;
+    background-color: #121212;
 
     .SecondaryNavWidth {
         width: 1280px;
@@ -262,10 +262,10 @@ export default {
                 width: 100%;
                 height: 2px;
                 position: absolute;
-                bottom: 0;
+                bottom: 5px;
                 left: 0;
                 // background: linear-gradient(135deg, rgba(188, 106, 188, 1) 0%, rgba(104, 86, 166, 1) 100%);
-                background: black;
+                background: #fff;
             }
         }
     }

src/views/college/index.vue

@@ -1,10 +1,17 @@
 <template>
 <div class="course-page">
-    <!-- <div class="banner">
+    <div class="topcontent">
-        <div class="container pt-3">
+        <img src="" alt="" style="height: 447px;width: 650px;margin-right:134px;">
-            <div class="row py-5">
+        <div>
+            <div style="font-size: 60px;">数字货币全攻略</div>
+            <div style="font-size: 36px;width: 540px;">新手必读、操作指南、进阶策略、行业热点尽在新手学院，精彩一站直达，轻松玩转数字货币。</div>
+        </div>
+    </div>
+    <div class="banner">
+        <div class="container pt-3 newcontent">
+            <div class="row justify-content-center align-items-center" style="height: 100%;">
                 <div class="col-5 left">
-                    <div class="title h3 text-light">{{$t('college.buy')}}</div>
+                    <div class="title h3 text-light" style="font-size: 48px;">{{$t('college.buy')}}</div>
                     <div>
                         <ul class="list">
                             <li class="d-flex align-items-start my-3">
@@ -32,7 +39,7 @@
                         <router-link tag="button" to="/exchange" class="btn btn-primary">{{$t('college.tradeNow')}}</router-link>
                     </div>
                 </div>
-                <div class="col-7 right" v-if="video">
+                <div class=" right" v-if="video" style="width: 692px;height: 367px;">
                     <video class="video" preload controls :src="video.url" :poster="`https://guanli.coin.amatak.net/storage/` + video.poster"></video>
                 </div>
             </div>
@@ -41,28 +48,29 @@
         <div class="banner-tab">
             <div class="container">
                 <div class="row">
-                    <div class="col-12 d-flex">
+                    <div class="col-12 d-flex justify-content-center">
-                        <div class="w-25 item active" v-for="(banner, index) in bannerList" :key="index" @click="view(banner)">
+                        <div class="dianItem" :class="index==nowIndex?'active':''" v-for="(banner, index) in bannerList" :key="index" @click="view(banner, index)"></div>
+                        <!-- <div class="w-25 item active" v-for="(banner, index) in bannerList" :key="index" @click="view(banner)">
                             <div class="icon fn-22">
                                 <i class="default el-icon-refresh"></i>
                                 <i class="iconshow el-icon-coin"></i>
                             </div>
                             <div class="txt">{{ banner.name }}</div>
-                        </div>
+                        </div> -->
                     </div>
                 </div>
             </div>
         </div>
-    </div> -->
+    </div>
     <!-- 列表 -->
-    <div class="container course-list">
+    <div class="container course-list" style="width: 1300px !important;max-width:none;">
         <div class="row mt-3" v-for="(item, index) in categoryList" :key="index">
             <div class="col-12">
-                <div class="title h3 my-4 d-flex justify-content-between">
+                <div class="title h3 my-4 d-flex justify-content-between align-items-center mb-5">
-                    <span>
+                    <span style="font-size: 50px;">
                         {{ item.name }}
                     </span>
-                    <router-link :to="`/college/list/${item.id}`" class="fn-14">
+                    <router-link :to="`/college/list/${item.id}`" class="fn-28 text-light">
                         {{$t('college.seeMore')}}&gt;&gt;
                     </router-link>
                 </div>
@@ -82,7 +90,7 @@
         </div>
     </div>
     <!-- lattest-news-section -->
-    <div class="colto-section">
+    <div class="colto-section" v-if="0">
         <div class="container">
             <div class="colto-content-wrap d-flex flex-column align-items-center justify-content-center">
                 <div class="colto-content">
@@ -112,6 +120,7 @@ export default {
             video: null,
             categoryList: [],
             bannerList: [],
+            nowIndex: 0
         }
     },
     computed: {
@@ -120,9 +129,10 @@ export default {
         },
     },
     methods: {
-        view(banner) {
+        view(banner, index) {
             this.video.url = banner.url;
             this.video.poster = banner.poster;
+            this.nowIndex = index;
         },
 
         initPage() {
@@ -148,4 +158,41 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.course-page{
+    background-color: #1a1a1a;
+    padding: 118px 0px 100px;
+}
+.course-page .banner{
+    background: transparent;
+}
+.topcontent{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.newcontent{
+    width: 1400px !important;max-width:none;
+    height:594px;border:1px solid #828282;
+    border-radius: 44px;margin-bottom:66px;
+    margin-top: 156px;
+}
+.course-page .banner .banner-tab {
+    border-top: none;
+
+    .dianItem{
+        width: 12px;
+        height: 12px;
+        background-color: #4A4A4A;
+        border-radius: 50%;
+        margin: 0px 14px;
+        cursor: pointer;
+
+        &.active{
+            background-color: #fff;
+        }
+    }
+}
+.course-page .banner .right .video{
+    height: 100%;
+}
 </style>

src/views/college/list.vue

@@ -1,10 +1,15 @@
 <template>
 <div>
     <secondary-nav />
+    <!-- 导航的公用的，样式不要乱改 -->
     <!-- 列表 -->
     <div class="container course-list">
         <div class="row mt-3">
             <div class="col-12">
+                <el-breadcrumb separator-class="el-icon-arrow-right">
+                    <el-breadcrumb-item :to="{ path: '/college' }">{{$t('college.college')}}</el-breadcrumb-item>
+                    <el-breadcrumb-item :to="{ path: `/college/list/${cid}`}">{{title}}</el-breadcrumb-item>
+                </el-breadcrumb>
                 <div class="title h3 my-4">{{title}}</div>
                 <div class="row justify-content-between">
                     <router-link :to="`/college/detail/${cid}/${item.id}`" class="item col-lg-3 col-md-6 mb-4 col-xs-12" v-for="(item,index) in articleList" :key="index">

src/views/components/inner-transfer.vue

@@ -218,7 +218,17 @@ export default {
     }
   },
   components: {},
-  watch: {},
+  watch: {
+    fromValue(n){
+      if(n[0]==2){
+        this.toValue = [1];
+        this.form.to_account = this.toValue[0];
+      }else if(n[0]==1){
+        this.toValue = [2];
+        this.form.to_account = this.toValue[0];
+      }
+    },
+  },
   methods: {
     //   from切换
     fromChange($ev) {
@@ -390,4 +400,57 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+ .btn-primary,
+ .btn-primary:hover {
+    color: #101010;
+    background-color: #fff;
+    border-color: #fff;
+    background-image: none;
+  }
+
+
+/** 內部資金劃轉输入框修改
+
+.settings.wallet-page input,
+.el-select .el-input__inner, 
+input,
+.form-control{
+  color: #101010 !important;
+  background-color: #fff !important;
+}
+
+.el-select{
+  border: 5px solid #F00;
+}
+.el-select .el-input__inner{
+  color: #101010 !important;
+  background-color: #fff !important;
+  border: 5px solid #F00;
+}
+.el-input__inner{
+  color: #101010 !important;
+  background-color: #fff !important;
+  border: 5px solid #Ff0;
+}
+.el-input__inner::v-deep{
+  color: #101010 !important;
+  background-color: #fff !important;
+}
+.el-select::v-deep .el-input__inner{
+  color: #101010 !important;
+  background-color: #fff !important;
+}
+.el-select::v-deep .el-input__inner::v-deep{
+  color: #101010 !important;
+  background-color: #fff !important;
+}
+el-select::v-deep .el-input__inner{
+  color: #101010 !important;
+  background-color: #fff !important;
+}
+.el-cascader{
+  border: 5px solid #F00;
+}
+ */
+
 </style>

src/views/profile/certification.vue

@@ -62,9 +62,9 @@
                 />
               </div>
             </div>
-            <div class="label my-2 blue">{{$t('profile.addressInfo')}}</div>
+            <div class="label my-2">{{$t('profile.addressInfo')}}</div>
             <div class="form-group">
-              <label>{{$t('profile.residentialAddress')}}*</label>
+              <label class="text9">{{$t('profile.residentialAddress')}}*</label>
               <input
                 type="text"
                 required
@@ -99,13 +99,13 @@
                 <label>{{$t('profile.additionalInformation')}}（{{$t('profile.optional')}}）</label>
                 <input type="text" v-model="form.extra" class="form-control" placeholder />
             </div> -->
-            <div class="label my-2 blue">{{$t('profile.contactInformation')}}</div>
+            <div class="label my-2">{{$t('profile.contactInformation')}}</div>
             <div class="form-row">
                 <!-- <div class="form-group col-md-12"> -->
                     <!-- <label>{{$t('profile.phoneNumber')}}*</label> -->
                     <!-- <div class="input-group mb-3"> -->
                             <div class="form-group col-md-3">
-                                <label>{{$t('profile.SelectAreaCode')}}*</label>
+                                <label class="text9">{{$t('profile.SelectAreaCode')}}*</label>
                                 <el-select v-model="form.country_id" filterable placeholder="请选择" >
                                     <el-option
                                     v-for="item in countryList"
@@ -130,7 +130,7 @@
                                 </el-dropdown-menu>
                             </el-dropdown> -->
                             <div class="form-group col-md-9">
-                                <label>{{$t('profile.phoneNumber')}}*</label>
+                                <label class="text9">{{$t('profile.phoneNumber')}}*</label>
                                 <input
                                     type="text"
                                     required
@@ -396,6 +396,18 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.profile-page{
+  padding-bottom: 50px;
+}
+.profile-page .btn-primary{
+  color: #101010;
+  background-color: #fff;
+  background-image: none;
+}
+.text9{
+  color: #999;
+}
+
 .upload-demo {
   ::v-deep .el-upload-dragger {
     width: 300px;

src/views/profile/index.vue

@@ -11,7 +11,7 @@
           <div class="panel-box bg-panel shadow-sm w-100">
             <div class="heading d-flex justify-content-between align-items-center">
               <div class="h6">{{$t('profile.userInfo')}}</div>
-              <div class="status fn-14 text-tips">{{detail.user_auth_level_text }}</div>
+              <div class="status fn-14" style="color: #EB4F43;">{{detail.user_auth_level_text }}</div>
             </div>
             <div class="tab-content">
               <div class="mobile fn-30 font-weight-bolder">
@@ -21,8 +21,8 @@
               <div class="label my-2">{{$t('profile.verState')}}：</div>
               <div class="d-flex align-items-center">
                 <div class="icon mr-2">
-                  <img src="../../assets/img/icon/top2.png" alt v-if="detail.user_auth_level==2"/>
+                  <img src="../../assets/img/icon/top2.png" style="width: 37px;height: 48px;" alt v-if="detail.user_auth_level==2"/>
-                  <img src="../../assets/img/icon/top1.png" alt v-else/>
+                  <img src="../../assets/img/icon/top1.png" style="width: 37px;height: 48px;" alt v-else/>
                 </div>
                 <div>
                     <!-- {{$t('profile.max')}}
@@ -44,32 +44,32 @@
               <div class="h6">{{$t('profile.verLeave')}}</div>
             </div>
             <div class="tab-content">
-              <div class="step-group d-flex justify-content-center text-center">
+              <div class="step-group d-flex justify-content-around text-center px-4">
                 <div class="step">
                   <div class="icon">
-                    <img src="../../assets/img/icon/top1.png" alt />
+                    <img src="../../assets/img/icon/top1.png" alt style="width: 47px;height: 62px;" />
                   </div>
                   <div class="txt">{{$t('profile.max')}} 20k USDT</div>
                 </div>
                 <div class="next-icon mt-4">
-                  <img src="../../assets/img/icon/stepnext.png" alt />
+                  <img src="../../assets/img/icon/stepnext.png" alt style="width: 24px;height: 24px;" />
                 </div>
                 <div class="step">
                   <div class="icon">
-                    <img src="../../assets/img/icon/top2.png" alt />
+                    <img src="../../assets/img/icon/top2.png" alt style="width: 47px;height: 62px;" />
                   </div>
                   <div class="txt">{{$t('profile.max')}} 500K USDT</div>
                   <div class="btn">
-                    <span  v-if="detail.user_auth_level==2" class="btn btn-sm btn-primary rounded-pill">{{$t('profile.clickToVerify1')}}</span>
+                    <span  v-if="detail.user_auth_level==2" class="btn btn-sm btn-primary btn-primary1 rounded-pill">{{$t('profile.clickToVerify1')}}</span>
                     <button type="button" v-else @click="$router.push('/profile/certification')" class="btn btn-sm btn-primary rounded-pill">{{$t('profile.clickToVerify')}}</button>
                   </div>
                 </div>
                 <div class="next-icon mt-4">
-                  <img src="../../assets/img/icon/stepnext.png" alt />
+                  <img src="../../assets/img/icon/stepnext.png" alt style="width: 24px;height: 24px;" />
                 </div>
                 <div class="step">
                   <div class="icon">
-                    <img src="../../assets/img/icon/top3.png" alt />
+                    <img src="../../assets/img/icon/top3.png" alt style="width: 47px;height: 62px;" />
                   </div>
                   <div class="txt">{{$t('profile.exceed')}} 500K USDT</div>
                   <div class="btn">
@@ -77,7 +77,7 @@
                       to="/contact-us"
                       tag="button"
                       type="button"
-                      class="btn btn-sm btn-primary rounded-pill"
+                      class="btn btn-sm btn-primary btn-primary1 rounded-pill"
                       @click="$router.push('/contact-us')"
                     >{{$t('profile.contactUs')}}</router-link>
                   </div>
@@ -151,5 +151,17 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
+.profile-page{
+  padding-bottom: 64px;
+}
+.profile-page .btn-primary{
+  color: #101010;
+  background-color: #fff;
+  background-image: none;
+}
+.profile-page .btn-primary.btn-primary1{
+  background-color: #282D39;
+  color: #fff;
+}
 </style>

src/views/setting/index.vue

@@ -8,9 +8,9 @@
                 <!-- 登录密码 -->
                 <div class="col-md-6 d-flex">
                     <div class="panel-box bg-panel shadow-sm mb-4 w-100 d-flex flex-column">
-                        <div class="heading">{{$t('setting.loginPassword')}}</div>
+                        <div class="heading" style="color: #f1f1f1;">{{$t('setting.loginPassword')}}</div>
-                        <div class="tab-content flex-fill d-flex flex-column justify-content-between align-items-start">
+                        <div class="tab-content flex-fill d-flex align-items-center">
-                            <div>{{$t('setting.loginPassword')}}</div>
+                            <div style="color: #999;margin-right: 80px;">{{$t('setting.loginPassword')}}</div>
                             <button class="btn btn-primary btn-sm" @click="loginShow=true">{{$t('setting.resLoginPassword')}}</button>
                         </div>
                     </div>
@@ -201,5 +201,13 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
+.setting-page{
+    padding-bottom: 100px;
+}
+.setting-page .btn-primary{
+  color: #101010;
+  background-color: #fff;
+  background-image: none;
+}
 </style>

src/views/signUp/index.vue

@@ -1,15 +1,16 @@
 <template>
-    <div>
+    <div class="d-flex">
-        <div class="vh-100 d-flex justify-content-center">
+        <div style="width: 47%;background-color: #000;"></div>
-            <div class="form-access my-auto">
+        <div class="vh-100" style="width: 53%;background-color: #fff;">
+            <div class="form-access">
                 <form class="register-body">
-                    <div class="text-center h3">
+                    <div class="mb-4 h3" style="font-size: 40px;color: #101010;">
                         <span>{{$t('login.goRegister')}}</span>
                     </div>
 
                     <!-- Step1  -->
                     <template v-if="step == 1">
-                        <ul class="nav nav-tabs" id="myTab" role="tablist">
+                        <ul class="nav nav-tabs" id="myTab" role="tablist" v-if="0">
                             <li class="nav-item" @click="registerType = 1">
                                 <a :class="[`nav-link`, {active : registerType == 1}]" id="email-tab" data-toggle="tab" href="#email" role="tab" aria-controls="email" :aria-selected="registerType == 1">{{$t('login.email')}}</a>
                             </li>
@@ -19,6 +20,7 @@
                         </ul>
 
                         <!-- 切换显示不同类型的账号 -->
+                        <div style="color: #6C7077;font-size: 18px;">{{$t('login.email')}}</div>
                         <div class="tab-content" id="myTabContent">
                             <!-- email address  active为切换时的动画效果
               show为默认的控制显示 这里替换为v-if的渲染 这样email和phone只能存在一个 避免同时创建require规则时报错-->
@@ -54,8 +56,8 @@
                         </div>
                         <div class="form-group row password">
                             <!-- 增加图形验证码 -->
-                            <input :type="txtType" id="gccode" v-model="user.gc_code" required :placeholder="$t('common.GraphicValidation')" class="form-control col-6" />
+                            <input :type="txtType" id="gccode" v-model="user.gc_code" required :placeholder="$t('common.GraphicValidation')" class="form-control col-8" />
-                            <img class="col-6" :src="Graph_che" @click="gett_gc_code">
+                            <img class="" :src="Graph_che" @click="gett_gc_code" style="object-fit: contain;width: 166px;height: 56px;">
                         </div>
 
                         <div class="form-group row">
@@ -65,10 +67,10 @@
 
                         <div class="custom-control custom-checkbox">
                             <input type="checkbox" class="custom-control-input" id="form-checkbox" v-model="isAgree" />
-                            <label class="custom-control-label" for="form-checkbox">
+                            <label class="custom-control-label" for="form-checkbox" style="color: #101010;">
                                 {{$t('login.iSee')}}
                                 <router-link to="service/10">
-                                    <a>{{$t('login.terms')}}</a>
+                                    <a style="color: #999;">{{$t('login.terms')}}</a>
                                 </router-link>
                             </label>
                         </div>
@@ -125,11 +127,12 @@
                             </aside>
                         </div>
                     </template>
-                </form>
+                    <h2 style="color: #999;">
-                <h2>
                     {{$t('login.hasAccount')}}?
                     <router-link to="sign-in">{{$t('login.toLogin')}}</router-link>
                 </h2>
+                </form>
+                
             </div>
         </div>
 
@@ -706,4 +709,18 @@ div.verify-code {
 .form-control:disabled, .form-control[readonly]{
     background-color: #1e2834;
 }
+
+
+.form-access form {
+    box-shadow: none;
+    padding: 195px 0px 0px 207px;
+    width: 520px;
+    box-sizing: content-box;
+}
+.register-body .form-access .form-group input, .register-body .form-control{
+    background-color: #fff;
+    border-color: #dfdfdf;
+    height: 60px !important;
+}
+
 </style>

src/views/wallet/address.vue

@@ -44,7 +44,7 @@
             <div class="tab-content panel-box">
               <div class="tab-pane fade show active" id="tab1" role="tabpanel">
                 <ul>
-                  <li class="heading">
+                  <li class="heading" style="background-color: transparent;">
                     <span class="pr-2 border-right d-inline-block">{{
                       $t("wallet.assets")
                     }}</span>
@@ -401,11 +401,18 @@ export default {
     background: transparent;
     color: inherit;
     border-color:#4e4e5d;
+    background-color: transparent;
   }
   .el-collapse-item__wrap{
       background: transparent;
       border-color:#4e4e5d;
   }
 }
-
+.btn-success {
+    color: #fff;
+    border: none;
+    background-image: none;
+    background-color: #282D39;
+    border-radius: 3px;
+}
 </style>

src/views/wallet/contract-assets.vue

@@ -27,6 +27,7 @@
                 <table class="table stripe">
                   <thead>
                     <tr>
+                      <th></th>
                       <th>{{ $t("wallet.dateTime") }}</th>
                       <th>{{ $t("wallet.info") }}</th>
                       <th>{{ $t("wallet.money") }}</th>
@@ -34,6 +35,7 @@
                   </thead>
                   <tbody>
                     <tr v-for="item in list" :key="item.id">
+                      <td></td>
                       <td>{{ item.created_at }}</td>
                       <td>{{ item.log_type_text }}</td>
                       <td
@@ -98,5 +100,14 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
+.container .markets-pair-list .nav-link.active::after {
+    background-color: #fff;
+}
+.increace{
+  color: #77B992;
+}
+.decreace{
+  color: #EC574A;
+}
 </style>

src/views/wallet/exchange-assets.vue

@@ -3,17 +3,22 @@
     <secondary-nav></secondary-nav>
     <!-- 个人信息 -->
     <div class="user">
-      <div style="width: 1200px;margin: 0px auto 50px;">
+      <div class="container" style="margin: 0px auto 50px;padding:60px 0px;">
-        <div></div>
+        <div class="d-flex fn-28 align-items-center mb-4 px-3" style="height: 90px;font-weight:bold;">
-        <div class="d-flex">
+          <img src="" alt="" style="width: 90px;height: 90px;margin-right:20px;">
-          <div class="w-7/24">1</div>
+          <div>{{ userInfo.email }}</div>
-          <div class="w-7/24">2</div>
-          <div class="w-7/24">3</div>
         </div>
-        <div class="d-flex">
+        <div class="d-flex px-5 mb-2 fn-16" style="color:#7A7A7A;">
-          <div class="w-7/24">4</div>
+          <div class="w-6/24">手机</div>
-          <div class="w-7/24">5</div>
+          <div class="w-5/24">邮箱</div>
-          <div class="w-7/24">5</div>
+          <div class="w-6/24">身份认证</div>
+          <div class="w-6/24">国家/地区</div>
+        </div>
+        <div class="d-flex px-5 fn-16">
+          <div class="w-6/24">{{ userInfo.phone }}13366667777</div>
+          <div class="w-5/24">{{ userInfo.email }}</div>
+          <div class="w-6/24">{{ userInfo.user_auth_level_text }}</div>
+          <div class="w-6/24">{{ userInfo.country_code }}</div>
         </div>
       </div>
     </div>
@@ -41,7 +46,7 @@
             <div class="content tab-content">
               <div class="my-1">
                 ≈
-                <span class="num h2 light-purple">
+                <span class="num h2">
                   <template v-if="showValue">{{userAssets.total_assets_btc|omitTo(4)}}</template>
                   <template v-else>********</template>
                 </span>
@@ -49,7 +54,7 @@
               </div>
               <div class="my-1">
                 ≈
-                <span class="num h2 light-purple">
+                <span class="num h2">
                   <template v-if="showValue">{{userAssets.total_assets_usd|omitTo(2)}}</template>
                   <template v-else>********</template>
                 </span>
@@ -60,7 +65,7 @@
                   <div class="col-6">
                     <div class="label">{{$t('wallet.capitalAccount')}}</div>
                     <div>
-                      <span class="num h3 light-purple">
+                      <span class="num h3">
                         <template v-if="showValue">{{userAssets.funds_account_usd|omitTo(2)}}</template>
                         <template v-else>********</template>
                       </span>
@@ -82,7 +87,7 @@
                   <div class="col-6">
                     <div class="label">{{$t('common.contractaccount')}}</div>
                     <div>
-                      <span class="num h3 light-purple">
+                      <span class="num h3">
                         <template v-if="showValue">{{userAssets.contract_account_usd|omitTo(2)}}</template>
                         <template v-else>********</template>
                       </span>
@@ -894,4 +899,14 @@ created() {
  .user{
   background-color: #262626;
  }
+ .btn-success {
+    color: #101010;
+    border: none;
+    background-image: none;
+    background-color: #fff;
+}
+.settings.wallet-page .btn-outline-primary{
+  border-color: #fff;
+  color: #fff;
+}
 </style>

src/views/wallet/funding.vue

@@ -271,4 +271,14 @@ export default {
 </script>
 
 <style scoped>
+.markets-pair-list .nav-link.active::after {
+    background-color: #fff;
+}
+.increace{
+    color: #77B992;
+}
+.form-control{
+  color: #101010 !important;
+  background-color: #fff !important;
+}
 </style>

src/views/wallet/transfer.vue

@@ -139,4 +139,7 @@ export default {
     }
 
 }
+.success{
+    color: #77B992;
+}
 </style>