uniapp实现微信一键登录按钮样式,如何开发胶囊按钮的样式

07-17 1347阅读

效果图:

uniapp实现微信一键登录按钮样式,如何开发胶囊按钮的样式

关键点:让圆角的值变成高度的一半。

核心样式:

.content .btn{
		width: 600rpx;
		border-radius: 300rpx;
		background-color: rgb(62,204,97);
		color: white;
		font-weight: 500;
	}

完整代码:


	
		

宝宝相册

微信一键登录 我已阅读并同意用户注册协议和隐私政策 .content { display: flex; flex-direction: column; align-items: center; } .content .title { font-size: 34rpx; font-weight: 300; margin: 30rpx 0; } .content .img { width: 80%; margin-bottom: 30rpx; border-radius: 3%; } .content .btn{ width: 600rpx; border-radius: 300rpx; background-color: rgb(62,204,97); color: white; font-weight: 500; }
VPS购买请点击我

文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

目录[+]