登录页自定义头部

This commit is contained in:
姚亚男
2021-11-02 12:46:10 +08:00
parent d47efbc451
commit 612f6538dc
10 changed files with 66 additions and 19 deletions
+9 -3
View File
@@ -1,8 +1,14 @@
<!--pages/meeting/meeting.wxml-->
<view class="container-box">
<view class="home-bg">
<!-- 顶部背景图 mode="scaleToFill" 按照宽高填充,忽略图片原比例-->
<image mode="scaleToFill" src="../../assets/images/login-bg.png"></image>
<!-- 自定义头部start -->
<view class="custom flex_center back-none" style="padding-top:{{statusBarHeight}}px;">
<image src="../../assets/images/back-white.png" bindtap="goBack"></image>
<text>登录</text>
</view>
<view class="empty_custom back-none" style="padding-top:{{statusBarHeight}}px"></view><!-- 空view用来填充自定义头部的padding-top -->
<!-- 自定义头部end -->
<image class="bg-image" mode="scaleToFill" src="../../assets/images/login-bg.png"></image>
<view class="bg-text">
<text>您好,欢迎使用</text>
<text>标准所协同工作平台</text>
@@ -39,7 +45,7 @@
<button type="primary" formType="submit">登录</button>
</view>
<view bindtap="forget" class="forget">
<text bindtap="back">手机验证码登录</text>
<text bindtap="goBack">手机验证码登录</text>
</view>
</form>
</view>