diff --git a/options/locale/locale_zh-CN.ini b/options/locale/locale_zh-CN.ini
index 087f5ce72..8df65bd2a 100755
--- a/options/locale/locale_zh-CN.ini
+++ b/options/locale/locale_zh-CN.ini
@@ -754,6 +754,9 @@ cloudbrain.desc=云脑功能
 cloudbrain.cancel=取消
 cloudbrain.commit_image=提交
 balance=余额
+balance.total_view=余额总览
+balance.available=可用余额：
+balance.disable=不可用余额：
 
 template.items=模板选项
 template.git_content=Git数据(默认分支)
diff --git a/templates/repo/blockchain/index.tmpl b/templates/repo/blockchain/index.tmpl
index 3ce0f0e8b..d848a8e0a 100755
--- a/templates/repo/blockchain/index.tmpl
+++ b/templates/repo/blockchain/index.tmpl
@@ -2,19 +2,33 @@
 <div class="repository balance view">
 	{{template "repo/header" .}}
 	<div class="ui container">
-    <!-- 中间余额按钮 -->
-    <div class="ui three column stack able grid">
-      <div class="column">
-          <h2>{{.i18n.Tr "repo.balance"}}</h2>
-      </div>
+    <h4 class="ui top attached header">
+      {{.i18n.Tr "repo.balance.total_view"}}
+    </h4>
 
-      <div class="column">
-      </div>
+    <div class="ui attached segment">
+      {{.i18n.Tr "repo.balance.available"}}121
+    </div>
 
-      <div class="column right aligned">
-          {{.balance}}
-      </div>
+    <div class="ui attached segment">
+      {{.i18n.Tr "repo.balance.disable"}}121
     </div>
+    <!-- </div> -->
+  </div>
+</div>
 	
 </div>
-{{template "base/footer" .}}
\ No newline at end of file
+{{template "base/footer" .}}
+
+<script>
+    $('.eye.icon').click(function(){
+        $('.eye.icon').toggleClass('slash')
+        // console.log(this)
+        if($(this).hasClass('slash')){
+            $(this).next().css('display', 'none')
+        }else{
+            $(this).next().css('display', 'block')
+        }
+
+    })
+</script>
\ No newline at end of file
diff --git a/templates/repo/header.tmpl b/templates/repo/header.tmpl
index c21a50c4e..27486fd01 100755
--- a/templates/repo/header.tmpl
+++ b/templates/repo/header.tmpl
@@ -145,8 +145,8 @@
 				</a>
 				{{end}}
 
-				<a class="{{if .PageIsCloudBrain}}active{{end}} item" href="{{.RepoLink}}/blockchain">
-					{{svg "octicon-balance" 16}}
+				<a class="{{if .PageIsCloudBrain}}active{{end}} item " href="{{.RepoLink}}/blockchain">
+					{{svg "octicon-law" 16}}
 					{{.i18n.Tr "repo.balance"}}
 				</a>