feats

src/pages/WoDe/ChongZhi/index.vue

       <div class="PageContainer">
         <span v-if="UserInfo !== null && UserInfo.account !== undefined">当前账户余额：{{UserInfo.account.amount || 0 }} 牛币</span>
         <div class="Form">
-          <input type="number" placeholder="请输入充值牛币数量" v-model="Amount">
+          <span>￥</span>
+          <input style="width: calc(100% - 24px); display: inline-block;" type="number" placeholder="请输入充值金额" v-model="rmb">
         </div>
-        <span style="color: #999; line-height: 0.2rem; padding: 0 0.15rem; text-indent: 0; margin-top: 0.1rem;">1人民币=100牛币, 充值金额不能用于提现，充值金额不能低于100牛币</span>
+       <div>
+          <span class="tip">当前充值: {{Amount}} 牛币</span><br>
+          <span class="tip">充值金额不能低于 ￥1.00元 </span><br>
+          <span class="tip">1人民币=100牛币 且 充值金额不能用于提现</span><br>
+       </div>
         <div class="Btn">
           <a @click="ToPayForAli">确定</a>
         </div>
   name: '',
   data () {
     return {
-      Amount: '',
+      rmb: '',
+      Amount: '0',
       Password: '',
       DataLock: false
     }
       UserInfo: x => x.UserInfo
     })
   },
+  watch: {
+    rmb (newval) {
+      this.Amount = newval * 100
+    }
+  },
   components: {
     MainPageContainer
   },
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 @import "page.scss";
+
+.tip {
+  display: inline-block;
+  color: #999;
+  padding: 0 0.15rem;
+  text-indent: 0;
+  margin-top: 0.1rem;
+}
 </style>

yarn.lock

   dependencies:
     esutils "^2.0.2"
 
+babel-polyfill@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.npm.taobao.org/babel-polyfill/download/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
+  integrity sha1-N5k3q8Z9eJWXCtxiHyhM2WbPIVM=
+  dependencies:
+    babel-runtime "^6.26.0"
+    core-js "^2.5.0"
+    regenerator-runtime "^0.10.5"
+
 babel-preset-env@^1.3.2, babel-preset-env@^1.6.0:
   version "1.7.0"
   resolved "https://registry.npm.taobao.org/babel-preset-env/download/babel-preset-env-1.7.0.tgz#dea79fa4ebeb883cd35dab07e260c1c9c04df77a"
     es6-symbol "~3.1.1"
     event-emitter "~0.3.5"
 
+es6-promise@^4.2.8:
+  version "4.2.8"
+  resolved "https://registry.npm.taobao.org/es6-promise/download/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
+  integrity sha1-TrIVlMlyvEBVPSduUQU5FD21Pgo=
+
 es6-set@~0.1.5:
   version "0.1.5"
   resolved "https://registry.npm.taobao.org/es6-set/download/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"
   resolved "https://registry.npm.taobao.org/regenerate/download/regenerate-1.4.1.tgz#cad92ad8e6b591773485fbe05a485caf4f457e6f"
   integrity sha1-ytkq2Oa1kXc0hfvgWkhcr09Ffm8=
 
+regenerator-runtime@^0.10.5:
+  version "0.10.5"
+  resolved "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.10.5.tgz?cache=0&sync_timestamp=1595456367497&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerator-runtime%2Fdownload%2Fregenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
+  integrity sha1-M2w+/BIgrc7dosn6tntaeVWjNlg=
+
 regenerator-runtime@^0.11.0:
   version "0.11.1"
   resolved "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.11.1.tgz?cache=0&sync_timestamp=1595456105304&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerator-runtime%2Fdownload%2Fregenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"