web-base-h5/pages/shareRegist/success.vue

<!--
 * @Descripttion: 
 * @version: 
 * @Author: kBank
 * @Date: 2022-11-21 15:11:22
-->
<template>
	<view class="content">
		<!-- <view class="index_header">
          <view>注册</view>
        </view> -->
		<!-- <view class="tit">{{$t('w_0158')}}</view> -->
		<view class="form">
			<u--form labelPosition="left" labelWidth="90px" :model="allData" ref="uForm">
				<u-form-item :label="$t('CK_KS_14')+':'" borderBottom>
					<u--input v-model="allData.memberName" border="none"></u--input>
				</u-form-item>
				<u-form-item :label="$t('MN_T_1')+':'" borderBottom>
					<u--input v-model="allData.memberCode" border="none"></u--input>
				</u-form-item>
				<u-form-item :label="$t('MN_F_23')+':'" borderBottom>
					<u--input v-model="allData.phone" border="none"></u--input>
				</u-form-item>
				<u-form-item :label="$t('w_0041')+':'" borderBottom>
					<u--input :password="isPwd" v-model="allData.loginPassword" border="none">
						<template slot="suffix">
							<u-icon name="eye" @tap="isPwd=!isPwd" v-if="!isPwd"></u-icon>
							<u-icon name="eye-off" @tap="isPwd=!isPwd" v-else></u-icon>
						</template>
					</u--input>
				</u-form-item>
				<u-form-item :label="$t('N_I_217')+':'" borderBottom>
					<u--input :password="isPwd1" v-model="allData.payPassword" border="none">
						<template slot="suffix">
							<u-icon name="eye" @tap="isPwd1=!isPwd1" v-if="!isPwd1">
							</u-icon>
							<u-icon name="eye-off" @tap="isPwd1=!isPwd1" v-else></u-icon>
						</template>
					</u--input>
				</u-form-item>
				<!--      <u-form-item label="公众号搜索:"
                     borderBottom>
          <u--input v-model="allData.gzh"
                    border="none"></u--input>
        </u-form-item>
        <u-form-item label="APP(苹果):"
                     borderBottom>
          <u--input v-model="allData.ios"
                    border="none"></u--input>
        </u-form-item>
        <u-form-item label="APP(安卓):"
                     borderBottom>
          <u--input v-model="allData.android"
                    border="none"></u--input>
        </u-form-item> -->
				<u-form-item :label="$t('w_0161')+':'" borderBottom>
					<u--input v-model="allData.urlAddress" border="none"></u--input>
				</u-form-item>
			</u--form>
			<view class="disflx">
				<u-button type="success" class="uBtn" shape="circle"
					color="linear-gradient(to right, #3F93F4, #5ABCF3 )" @tap="copy">{{ $t('MY_CK_27') }}</u-button>
				<u-button type="success" class="uBtn" shape="circle"
					color="linear-gradient(to right, #fb3024, #fb3024 )" @tap="goLogin">{{$t('w_0035')}}</u-button>
				<!-- <u-button type="info"
                  class="uBtn"
                  shape="circle"
                  color="#D8D8D8">取消</u-button> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				allData: {},
				isPwd: true,
				isPwd1: true,
			}
		},
		onLoad(options) {
			this.allData = JSON.parse(options.allData)
			// this.allData.gzh = '海之圣'
			// this.allData.ios = 'http://yxydl.hzs413.com/q2efum'
			// this.allData.android = 'https://cn.hzs413.com/'
		},
		onShow() {},
		methods: {
			goLogin() {
				uni.redirectTo({
					url: '/pages/login/index',
				})
			},
			copy() {
				let text =
					this.$t('CK_KS_14') +
					':' +
					this.allData.memberName +
					'\n' +
					this.$t('MN_T_1') +
					':' +
					this.allData.memberCode +
					'\n' +
					this.$t('w_0160') +
					':' +
					this.allData.phone +
					'\n' +
					this.$t('w_0041') +
					':' +
					this.allData.loginPassword +
					'\n' +
					this.$t('N_I_217') +
					':' +
					this.allData.payPassword +
					'\n' +
					// '公众号搜索:' +
					// this.allData.gzh+
					// '\n' +
					// 'APP(苹果)' +
					// ':' +
					// this.allData.ios+
					// '\n' +
					// 'APP(安卓)' +
					// ':' +
					// this.allData.android+
					// '\n' +
					this.$t('w_0161') +
					':' +
					this.allData.urlAddress

				this.$copyText(text).then((res) => {
					uni.showToast({
						title: this.$t('MY_CK_29'),
						icon: 'none',
					})
				})
			},
		},
	}
</script>

<style lang="scss" scoped>
	.content {
		background-image: url('@/static/images/regiestBg.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
		height: 100vh;
	}

	.tit {
		font-size: 48px;
		font-family: PangMenZhengDao-Regular, PangMenZhengDao;
		font-weight: 400;
		color: #ffffff;
		text-align: center;
		padding-top: 80px;
		margin-bottom: 60px;
	}

	.index_header {
		background: #f9f9f9;
		height: 330rpx;
		font-size: 18px;
		font-family: PingFang SC-Semibold, PingFang SC;
		font-weight: 600;
		color: #333333;
		text-align: center;
		padding: 10px 0;
	}

	// .tit {
	//   font-size: 18px;
	//   font-family: PingFang SC-Semibold, PingFang SC;
	//   font-weight: 600;
	//   color: #f43c3a;
	//   text-align: center;
	//   margin-top: -50px;
	// }
	.form {
		padding: 28rpx 40rpx;
		position: relative;
		top: 30%;
	}

	.uBtn {
		margin: 40rpx 20rpx 40rpx 20rpx;
	}

	.disflx {
		display: flex;
	}

	.getCode {
		text-align: right;
		margin: 48rpx 24rpx 0 0;
		font-size: 10px;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #18acff;
	}

	::v-deep .u-form-item__body__left__content__label {
		color: #333;
	}

	::v-deep .uni-input-input {
		color: #333;
	}
</style>