src/app/welcome/protocol.vue

   1 <style scoped>
   2 .protocol {
   3   height: 385px;
   4   /* font-size: 12px; */
   5 }
   6 .content {
   7   white-space: pre-wrap;
   8   word-wrap: break-word;
   9   max-height: 340px;
  10   overflow-y: scroll;
  11   font-family: "Avenir", Helvetica, Arial, sans-serif;
  12 }
  13 </style>
  14 <template>
  15     <div class="warp bg-gray">
  16         <section class="login-header bg-green">
  17             <img src="../../assets/logo.png">
  18         </section>
  19         <section class="login-content protocol">
  20             <div class="title" style="font-size: 17px;">{{ $t('protocol.title') }}</div>
  21             <div style="font-size: 11px; width: 100%;">
  22               <pre class="content">{{ $t('protocol.content') }}</pre>
  23             </div>
  24         </section>
  25         <section class="welcome-bottom bg-green">
  26             <div class="btn btn-primary btn-startup" @click="confirm">{{ $t('welcome.confirm') }}</div>
  27         </section>
  28     </div>
  29 </template>
  30
  31 <script>
  32 export default {
  33   name: "",
  34   data() {
  35     return {};
  36   },
  37   methods: {
  38     confirm: function() {
  39       this.$emit("next");
  40     }
  41   }
  42 };
  43 </script>