123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <template>
- <div class="section">
- <img class="img" src="/static/image/recruit/1.jpg" alt="">
- <div class="input-box">
- <u--input
- :class="{'active': email}"
- placeholder=""
- v-model="email"
- border="none"
- ></u--input>
- <u-button text="Submit to" @click="submit"></u-button>
- </div>
- </div>
- </template>
- <script>
- export default {
- data () {
- return {
- email: ''
- }
- },
- methods: {
- submit() {
- if (!this.email.trim()) {
- uni.$u.toast('Please enter the what APP account');
- return
- }
- uni.showLoading({
- title: this.$t('login.lab18')
- })
- uni.$u.http.post('api/live_streaming/submit_email', {
- email: this.email.trim()
- }).then(res => {
- uni.showToast({
- title: this.$t('login.lab13'),
- icon: "success"
- })
- this.email = ''
- }).finally(() => {
- uni.hideLoading();
- });
- }
- }
- }
- </script>
- <style lang="scss">
- .section {
- position: relative;
- }
- .img {
- width: 100%;
- display: block;
- }
- .input-box {
- position: absolute;
- bottom: 4.94vw;
- left: 5.2vw;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- .u-input {
- height: 7.2vw;
- width: 51.4vw;
- &.active {
- background-color: #fff;
- }
- }
- .u-button {
- width: 26vw;
- height: 7.2vw;
- margin-left: 5.3vw;
- opacity: 0 !important;
- }
- }
- </style>
|