a77/pages/login/index.vue

<template>
	<view class="">
		<view class="login"  v-if="$store.state.is_kg == 1">
			<!-- logo部分 -->
			<view class="title">
				<view class="logo">
					<image src="@/static/logo.png" mode="widthFix" style="width: 240rpx;"></image>
				</view>
				<view class="text">
					<view class="">
						鲑鱼数藏
					</view>
					<view class="">
						欢迎来到你的鲑鱼数藏
					</view>
				</view>
			</view>
			<!-- logo部分 结束-->

			<view class="logincontent">
				<view class="login_phone" @click="href('/pages/login/landLogin')">
					手机号登录
				</view>
				<view class="login_btn" @click="href('/pages/login/login')">
					账号登录
				</view>
				<!-- 登录按钮 结束-->
			</view>
		</view>

		<view class="content" v-else>
			<view class="">
				<image src="@/static/index/04.png" mode="widthFix" style="width: 750rpx;"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
			}
		},
		onLoad() {

		},
		watch: {

		},
		methods: {
		}
	}
</script>

<style scoped lang="less">
	.login {
		width: 100%;
		height: 100vh;
		background: #171918;
		overflow-x: hidden;
		color: #fff;

		.title {
			margin: 100rpx 0 0 96rpx;

			.logo {
				width: 240rpx;
			}

			.text {
				font-size: 68rpx;
				margin-top: 24rpx;

				view:last-child {
					font-size: 28rpx;
				}
			}
		}


	}


	.logincontent {
		width: 710rpx;
		margin: auto;
		border-radius: 30rpx;
		padding-top: 77rpx;
		margin-top: 26rpx;
		padding-bottom: 70rpx;
	}

	.login_phone {
		width: 550rpx;
		height: 100rpx;
		color: #000;
		background: linear-gradient(to bottom, #69FF60, #0C9D5B);
		font-size: 28rpx;
		line-height: 100rpx;
		margin: 0 auto;
		margin-top: 280rpx;
		text-align: center;
		border-radius: 138rpx;
	}

	.login_btn {
		width: 550rpx;
		height: 100rpx;
		color: #fff;
		border: #999 1px solid;
		font-size: 28rpx;
		line-height: 100rpx;
		margin: 0 auto;
		margin-top: 32rpx;
		text-align: center;
		border-radius: 138rpx;
	}
</style>