src/popup/framework/components/login/form-recover.vue

   1 <style scoped>
   2 </style>
   3
   4 <template>
   5     <div class="warp">
   6         <section class="login-header bg-green">
   7             <img src="../../../../assets/logo.png">
   8         </section>
   9         <section class="login-content">
  10             <h4>从种子导入</h4>
  11             <div class="form">
  12                 <div class="form-item">
  13                     <label for="">选择网络</label>
  14                     <select name="" id="">
  15                         <option value="BYTOM主网络">BYTOM主网络</option>
  16                         <option value="BYTOM测试网络">BYTOM测试网络</option>
  17                     </select>
  18                 </div>
  19                 <div class="form-item">
  20                     <input type="file">
  21                 </div>
  22                 <div class="btn-group">
  23                     <div class="btn bg-green" @click="recovery">从种子导入</div>
  24                     <div class="btn bg-red" @click="back">返回</div>
  25                 </div>
  26             </div>
  27         </section>
  28     </div>
  29 </template>
  30
  31 <script>
  32 export default {
  33   name: "",
  34   data() {
  35     return {
  36       formData: {}
  37     };
  38   },
  39   methods: {
  40     recovery: function() {
  41       console.log(this.formData);
  42       //todo call api
  43     },
  44     back: function() {
  45       this.$emit("back");
  46     }
  47   }
  48 };
  49 </script>