src/views/vote/voteRegulation.vue

   1 <style lang="" scoped>
   2   .header {
   3     display: flex;
   4   }
   5   .header p{
   6     text-align: center;
   7     width: 280px;
   8     padding-top: 17px;
   9   }
  10
  11 .topbar-left .btn-menu i {
  12     font-size: 100%;
  13 }
  14
  15 .transaction-title h3 {
  16     font-size: 16px;
  17     font-weight: inherit;
  18     padding: 10px 0 10px 20px;
  19 }
  20 #rules{
  21   height: 500px;
  22   width: 317px;
  23   padding: 20px;
  24 }
  25 .list-item-non {
  26     padding: 10px 20px;
  27     display: flex;
  28     justify-content: space-between;
  29     position: relative;
  30     cursor: auto;
  31 }
  32
  33 .list-item-non:after {
  34     content:"";
  35     background: #e0e0e0;
  36     position: absolute;
  37     bottom: 0;
  38     left: 20px;
  39     height: 1px;
  40     width: 90%;
  41 }
  42 .addr{
  43   font-size: 12px;
  44 }
  45
  46
  47 .no-record{
  48   display: block;
  49 }
  50
  51
  52 </style>
  53
  54 <template>
  55     <div class="warp-child bg-white">
  56         <section class="header bg-header">
  57           <i class="iconfont icon-back" @click="close"></i>
  58           <p>{{ $t('listVote.voteRules') }}</p>
  59         </section>
  60         <section>
  61           <iframe id="rules" :src="src"></iframe>
  62         </section>
  63
  64     </div>
  65 </template>
  66
  67 <script>
  68 import { BTM } from "@/utils/constants";
  69 import { mapGetters } from 'vuex'
  70
  71
  72
  73 export default {
  74     name: "",
  75     data() {
  76         return {
  77         };
  78     },
  79     watch: {
  80     },
  81     computed: {
  82       src: function () {
  83         if (this.language == "cn") {
  84           return "https://h5.bycoin.im:8080/zh/m/rules";
  85         } else if (this.language == "en") {
  86           return "https://h5.bycoin.im:8080/en/m/rules";
  87         }
  88         return "https://h5.bycoin.im:8080/en/m/rules";
  89       },
  90       ...mapGetters([
  91         'language',
  92       ])
  93     },
  94     methods: {
  95       close: function () {
  96         this.$router.go(-1)
  97       }
  98     },
  99     mounted() {
 100     },
 101   };
 102 </script>