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">{{'注册成功'}}</view> -->
		<view class="form">
			<u--form labelPosition="left" labelWidth="90px" :model="allData" ref="uForm">
				<u-form-item :label="'会员姓名'+':'" borderBottom>
					<u--input v-model="allData.memberName" border="none"></u--input>
				</u-form-item>
				<u-form-item :label="'会员编号'+':'" borderBottom>
					<u--input v-model="allData.memberCode" border="none"></u--input>
				</u-form-item>
				<u-form-item :label="'联系方式'+':'" borderBottom>
					<u--input v-model="allData.phone" border="none"></u--input>
				</u-form-item>
				<u-form-item :label="'登录密码'+':'" 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="'支付密码'+':'" 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="'登录网址'+':'" 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">{{ '复制' }}</u-button>
				<u-button type="success" class="uBtn" shape="circle"
					color="linear-gradient(to right, #005BAC, #005BAC )" @tap="goLogin">{{'确定'}}</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.allData.memberName +
					'\n' +
					'会员编号' +
					':' +
					this.allData.memberCode +
					'\n' +
					'会员电话' +
					':' +
					this.allData.phone +
					'\n' +
					'登录密码' +
					':' +
					this.allData.loginPassword +
					'\n' +
					'支付密码' +
					':' +
					this.allData.payPassword +
					'\n' +
					// '公众号搜索:' +
					// this.allData.gzh+
					// '\n' +
					// 'APP(苹果)' +
					// ':' +
					// this.allData.ios+
					// '\n' +
					// 'APP(安卓)' +
					// ':' +
					// this.allData.android+
					// '\n' +
					'登录网址' +
					':' +
					this.allData.urlAddress

				this.$copyText(text).then((res) => {
					uni.showToast({
						title: '复制成功',
						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>