uni-app 微信小程序之好看的ui登录页面（五）

• 移动开发

文章目录

  • 1. 页面效果
  • 2. 页面样式代码

更多登录ui页面

uni-app 微信小程序之好看的ui登录页面（一）

uni-app 微信小程序之好看的ui登录页面（二）

uni-app 微信小程序之好看的ui登录页面（三）

uni-app 微信小程序之好看的ui登录页面（四）

uni-app 微信小程序之好看的ui登录页面（五）

1. 页面效果

在这里插入图片描述

2. 页面样式代码



	
		
			前端铺子
			欢迎使用，请先登录
		
		
		
			
				
					邮件
					
				
				
					输入框
					
				
				
					验证码
					
					
				
			
		
		
		
			
			
				注册账号
				忘记密码
			
		
		
	


	export default {
		data() {
			return {
		
			};
		},
		onLoad() {
			
		},
		methods: {

		}
	};


	.contaier{
		height: 100vh;
		background-color: #ffffff;
	}
	.top-bg{
		width: 750rpx;
		background-image: url(https://cdn.zhoukaiwen.com/head-bg.png);
		height: 480rpx;
		background-size: 100%;
		background-repeat: no-repeat;
		text-align: center;
		padding-top: 170rpx;
	}
	.bg-login-zl {
		background-image: linear-gradient(45deg, #727CFB, #46D0ED);
		color: #ffffff;
	}

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/18bff3a795.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐