<view class="container"> <view class="wrap"> <view class="item"><view>手机号：</view><input/></view> <view class="item"><view>密码：</view><input password="true"/></view> </view> <view class="login_other"><view>快速注册</view><view>短信登录</view></view> <view class="login_btn">登录</view> <view class="footer"> <view> <image src="../../images/jlibomlogo.png"></image> </view> <text> Copyright@2016吉利宝 All Right Reserved </text> </view> </view> |
page{
background-color: #fff;
color: #7a7a7a;
}
.item{
display: flex;
font-size: 14px;
border-bottom: 1px solid #f3f3f3;
}
.item>view{
height: 60px;
line-height: 60px;
text-align: center;
width: 30%;
}
.item>input{
height: 60px;
width: 70%;
line-height: 60px;
}
.login_other{
display: flex;
font-size: 14px;
border-bottom: 1px solid #f3f3f3;
}
.login_other>view{
width: 50%;
height: 60px;
line-height: 60px;
text-align: center;
}
.login_btn{
height: 40px;
line-height: 40px;
background-color: #ff6662;
color: #fff;
font-size: 14px;
text-align: center;
width: 70%;
margin: 0 auto;
border-radius: 20px;
margin-top: 10px;
}
.footer{
text-align: center;
margin-top: 30%;
font-size: 14px;
line-height: 28px;
padding: 10px;
}
.footer image{
width: 40px;
height: 40px;
}
|
Page({
data:{
},
onLoad:function(options){
},
onReady:function(){
},
onShow:function(){
},
onHide:function(){
},
onUnload:function(){
},
onPullDownRefresh:function(){
},
onReachBottom:function(){
}
})
|
模板简介：该模板名称为【微信小程序吉利宝手机号登陆页面样式模板制作设计下载】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。
.jpg)
.jpg)
