feat(style): 添加分隔线背景

liaoyinglong · Apr 11, 2018 · 72759dc · 72759dc
1 parent 2e3b627
commit 72759dc
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 10 deletions.
diff --git a/src/config/layout.js b/src/config/layout.js
@@ -1,18 +1,21 @@
 require('core-js/fn/array/fill')
 const input = new Array(8).fill(undefined).map((item, index) => `<span data-index='${index}'></span>`)
 const inputbox = `
+ <div>
   <div id='inputboxWrapper' class="container-top">
-    <div class='container-info'>宝立方创意产业园(地库)</div>
-    <div class="container-input">
-       ${input.join('')}
-    </div>
-    <div class="container-save-button">
-      <span id="btnSave" class="btnbind">{{btnSaveText}}</span>
-    </div>
-    <div  class="container-switch-button">
-      &nbsp;&nbsp;{{switchText}}
-    </div>
+  <div class='container-info'>宝立方创意产业园(地库)</div>
+  <div class="container-input">
+      ${input.join('')}
   </div>
+  <div class="container-save-button">
+    <span id="btnSave" class="btnbind">{{btnSaveText}}</span>
+  </div>
+  <div  class="container-switch-button">
+    &nbsp;&nbsp;{{switchText}}
+  </div>
+  </div>
+  <span class='bar_bindcarnum'></span>
+ </div>
 `
 
 const keyboard = [

diff --git a/src/stylus/index.styl b/src/stylus/index.styl
@@ -86,6 +86,13 @@ inputSpanBorderColor = rgb(175, 175, 175)
       background-repeat no-repeat
       background-size cover
 
+.bar_bindcarnum
+  display block
+  width 100%
+  height 3px
+  background-image url('../img/bar_bindcarnum.png')
+  background-repeat repeat-x
+
 #keyboardWrapper
   stackyfooters()
   background-color #e0e0e0