去国外做外卖网站,免费发布的空间,微信公众号推广文案范文,北京商场需要几天核酸文章目录 1. 页面效果2. 页面样式代码 更多登录ui页面 uni-app 微信小程序之好看的ui登录页面#xff08;一#xff09; uni-app 微信小程序之好看的ui登录页面#xff08;二#xff09; uni-app 微信小程序之好看的ui登录页面#xff08;三#xff09; uni-app 微信小程… 文章目录 1. 页面效果2. 页面样式代码 更多登录ui页面 uni-app 微信小程序之好看的ui登录页面一 uni-app 微信小程序之好看的ui登录页面二 uni-app 微信小程序之好看的ui登录页面三 uni-app 微信小程序之好看的ui登录页面四 uni-app 微信小程序之好看的ui登录页面五
1. 页面效果 2. 页面样式代码
!-- 顶部蓝色 --
templateview classcontaierview classtop-bgview classtext-white text-bold text-xxxl前端铺子/viewview classmargin-top-xs text-white欢迎使用请先登录/view/viewview classinput-box padding-lrformview classcu-form-group margin-topview classtitle邮件/viewinput placeholder两字短标题 nameinput/input/viewview classcu-form-groupview classtitle输入框/viewinput placeholder三字标题 nameinput/input/viewview classcu-form-group solid-bottomview classtitle验证码/viewinput placeholder输入框带个按钮 nameinput/inputbutton classcu-btn bg-login-zl shadow验证码/button/view/form/viewview classpadding margin-top-xsbutton classcu-btn block round bg-login-zl margin-tb-sm lg立即登录/buttonview classtext-gray flex justify-between padding-lr-smtext注册账号/texttext忘记密码/text/view/view/view
/template
scriptexport default {data() {return {};},onLoad() {},methods: {}};
/script
style langscss scoped.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;}
/style
