jxtxkj/jxtxkj/pages/login/choose.vue

<template>
	<view class="web_box">
		<view class="logo vflex acenter jcenter">
			<image src="/static/images/logo.jpg" style="width: 170rpx;height:170rpx"></image>
			<view class="name">
				嘉兴拓新科技服务有限公司
			</view>
		</view>
		<view class="btnGroup">
			<view class="btn1">
				<u-button shape="circle" @click="register" text="新用户注册"></u-button>
			</view>
			<view class="btn2">
				<u-button shape="circle" @click="login" color="linear-gradient(135deg, #53BDFF 0%, #57BBF0 29%, #3B86FE 72%, #2988FE 100%)" text="账号登录"></u-button>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods: {
			// 新用户注册
			register() {
				uni.navigateTo({
					url: '/pages/login/register'
				})
			},
			// 账号登录
			login() {
				uni.navigateTo({
					url: '/pages/login/login'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.web_box::v-deep {
		background: url('@/static/images/login/choose-bg.png') no-repeat;
		background-size: 100%;
		padding: 0 100rpx;
		
		.logo {
			width: 100%;
			box-sizing: border-box;
			padding: 238rpx 0 0;
		}
		.name {
			padding-top: 32rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: #333333;
		}
		.btnGroup {
			width: 100%;
			padding-top: 210rpx;
		}
		.btn1 {
			width: 578rpx;
			height: 80rpx;
			font-size: 28px;
			font-weight: 500;
			color: #333333;
		}
		.btn2 {
			width: 578rpx;
			height: 80rpx;
			font-size: 28px;
			font-weight: 500;
			color: #FFFFFF;
			margin-top: 68rpx !important;
		}
		.u-button {
			box-shadow: 1px 1px 4px 0px rgba(129,129,129,0.5);
		}
	}
</style>