tangdehang
/
android-cloud-H5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
							<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico" />
    <title>双子星</title>
    <link rel="stylesheet" href="../static/css/normalize-8.0.1.css" />
    <script src="https://unpkg.com/vconsole@3.14.6/dist/vconsole.min.js"></script>
    <script>
      // VConsole will be exported to `window.VConsole` by default.
      var vConsole = new window.VConsole();
    </script>
    <script src="../static/js/vender/vue/vue.min.js"></script>

    <!-- <script src="https://cdn.staticfile.org/vue/2.2.2/vue.js"></script> -->
    <!-- <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.js"></script> -->
    <script src="../static/js/vender/config.js"></script>
    <script src="../static/js/tailwindcss/v3.0.24/index.js"></script>
    <script>
      tailwind.config = {
        theme: {},
        corePlugins: {
          preflight: false,
        },
      };
    </script>
    <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css" />
    <script src="../static/js/vender/toastr/toastr.min.js"></script>
    <script>
      toastr.options.positionClass = 'toast-center-center';
    </script>
    <style>
      [v-cloak] {
        display: none;
      }
      @media screen and (max-width: 750px) {
        html {
          font-size: calc(100vw / 7.5);
        }
      }
      @media screen and (min-width: 750px) {
        html {
          font-size: calc(750px / 7.5);
        }
      }
      .phone-container {
        color: #333333;
        line-height: 1.5;
      }
      .user-Agreement-content {
        font-size: 0.28rem;
        line-height: 1.5;
        text-align: justify;
      }
      h1 {
        font-size: 0.32rem;
      }
      h2 {
        font-size: 0.31rem;
      }
      h3 {
        font-size: 0.3rem;
      }
      h4 {
        font-size: 0.29rem;
      }
      h5 {
        font-size: 0.28rem;
      }
      h6 {
        font-size: 0.27rem;
      }
      .phone-container p {
        font-size: 0.28rem;
        color: #333;
      }
    </style>
  </head>
  <body>
    <div v-cloak id="app">
      <h1 class="text-center mt-2">{{title}}</h1>
      <div class="p-2 phone-container" v-html="content"></div>
    </div>
    <script src="../static/js/vender/vue/axios.min.js"></script>
    <script src="../static/js/vender/vue/config.js"></script>
    <script src="../static/js/vender/vue/api.js"></script>

    <script type="text/javascript">
      Vue.config.errorHandler = function (err, vm, info) {
        toastr.error(err.message);
        return false;
      };
      new Vue({
        el: '#app',
        data: {
          title: '',
          content: '',
        },
        computed: {},
        methods: {},
        mounted() {
          service
            .get('/api/public/v5/agreementApi/content/getContentByType', {
              params: {
                agreementCoding: 'XYPZYHXY2004',
                type: 1,
              },
            })
            .then(
              (response) => {
                this.title = response.data.agreementName;

                const html = document.createElement('html');

                html.innerHTML = response.data.content;

                const phoneContainers =
                  html.querySelectorAll('.phone-container');

                if (phoneContainers.length > 0) {
                  this.content = phoneContainers.item(
                    phoneContainers.length - 1,
                  ).innerHTML;
                } else {
                  this.content = response.data.content;
                }
              },
              (error) => {
                toastr.error(err.message);
              },
            );
        },
        errorCaptured(err, vm, info) {
          toastr.error(err.message);
          return false;
        },
      });
    </script>
  </body>
</html>