Sprinkler-app/pages/login/login.vue

<template>
	<view>
	  <image src="https://api.ccttiot.com/smartmeter/img/static/uZUV03nVfyr3MvcLKUfs" class="bj" mode=""></image>
	   <view class="anniu">
	   	<view class="zhuce" @click="btnzc">
	   		注册
	   	</view>
		<view class="denglu" @click="denglu">
			登录
		</view>
	   </view>
	</view>
</template>

<script>
	export default {
			data() {
				return {
					
				}
			},
			// 分享到好友（会话）
			onShareAppMessage: function() {
				return {
					title: '绿小能',
					path: '/pages/index/index'
				}
			},
			
			// 分享到朋友圈  
			onShareTimeline: function() {
				return {
					title: '绿小能',
					query: '',
					path: '/pages/index/index'
				}
			},
			onLoad() {
				
			},
			methods:{
				btnzc(){
					uni.navigateTo({
						url:'/pages/login/zhuce'
					})
				},
				denglu(){
					uni.navigateTo({
						url:'/pages/login/denglu'
					})
				}
			}
		}
</script>

<style lang="less">
	.bj{
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}
    .anniu{
		position: fixed;
		left: 50%;
		bottom: 198rpx;
		transform: translateX(-50%);
		.zhuce{
			width: 614rpx;
			height: 102rpx;
			border-radius: 14rpx 14rpx 14rpx 14rpx;
			border: 4rpx solid #FFFFFF;
			font-size: 48rpx;
			color: #FFFFFF;
			font-weight: 600;
			text-align: center;
			line-height: 102rpx;
		}
		.denglu{
			width: 614rpx;
			height: 102rpx;
			background: #FFFFFF;
			border-radius: 14rpx 14rpx 14rpx 14rpx;
			font-size: 48rpx;
			color: #48893B;
			font-weight: 600;
			text-align: center;
			line-height: 102rpx;
			margin-top: 22rpx;
		}
	}

</style>