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; }
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。