| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Unsubscribe</title>
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <meta name="full-screen" content="yes">
- <meta name="x5-fullscreen" content="true">
- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
- <link rel="stylesheet" href="css/element-ui.css">
- <link rel="stylesheet" href="css/element@2.12.2.css">
- <link rel="stylesheet" href="css/index.css">
- </head>
- <body>
- <div class="container" id="unsubscribe">
- <div class="Va-document">
- <div class="title-head">
- <i class="el-icon-star-on"></i>
- <span>{{lang.item1}}</span>
- </div>
- <div class="content-info">
- <div style="display: flex;justify-content: flex-end;">
- <div class="menu-logo chooseLang">
- <img v-if="langList[language] == 'ENGLISH'" style="width: 15px;height: 10px;margin: 0 4px" src="img/EN.jpg" alt="">
- <img v-if="langList[language] == '中文简体'" style="width: 15px;height: 10px;margin: 0 4px" src="img/CN.jpg" alt="">
- <el-dropdown trigger="click" @command="chooseLang">
- <span class="menu">
- {{langList[language]}}
- <i class="el-icon-arrow-down el-icon--right"></i>
- </span>
- <el-dropdown-menu slot="dropdown">
- <el-dropdown-item command="en">English</el-dropdown-item>
- <el-dropdown-item command="cn">中文简体</el-dropdown-item>
- </el-dropdown-menu>
- </el-dropdown>
- </div>
- </div>
- <div class="logo">
- <img width="160px" style="display: block;margin: 25px auto;" src="img/logo.jpg"/>
- </div>
- <el-form :model="params" :rules="rules" ref="params" label-width="0" class="form" style="max-width: 450px;margin: 50px auto;">
- <el-form-item prop="" style="margin-bottom: 0">
- <span style="font-size: 16px;font-weight: bold;">{{lang.item2}}</span>
- </el-form-item>
- <el-form-item prop="">
- {{lang.item3}}
- </el-form-item>
- <el-form-item prop="" style="margin-bottom: 0">
- {{lang.item4}}
- </el-form-item>
- <el-form-item prop="" style="margin-bottom: 0">
- <el-checkbox-group class="myCheck" v-model="params.reasons">
- <el-checkbox style="display: block;" :label="lang.item5" name="type"></el-checkbox>
- <el-checkbox style="display: block;" :label="lang.item6" name="type"></el-checkbox>
- <el-checkbox style="display: block;" :label="lang.item7" name="type"></el-checkbox>
- <el-checkbox style="display: block;" :label="lang.item8" name="type"></el-checkbox>
- <el-checkbox style="display: block;" :label="lang.item9" name="type"></el-checkbox>
- </el-checkbox-group>
- </el-form-item>
- <el-form-item prop="">
- <el-input show-password class="m-input" type="textarea" :rows="2" v-model="params.reasonsOther" :placeholder="lang.item9"></el-input>
- </el-form-item>
- <el-form-item>
- <el-button style="width: 100%;" type="primary" class="s-btn" @click="send">{{lang.btn}}</el-button>
- </el-form-item>
- </el-form>
- </div>
- </div>
- </div>
- <script src="js/vue.min.js"></script>
- <script src="js/axios.min.js"></script>
- <script src="js/element-ui.js"></script>
- <script src="js/element@2.12.2.js"></script>
- <script src="js/unsubscribe.js"></script>
- </body>
- </html>
|
