149 lines
5.0 KiB
Plaintext
149 lines
5.0 KiB
Plaintext
<!-- 层遮蔽层 -->
|
|
<view class="{{ mask$occlude$className }}" bindtap="mask$clickMask"></view>
|
|
|
|
<!-- 蒙版 -->
|
|
<view class="{{ mask$mask$className }}" bindtap="mask$clickMask"></view>
|
|
|
|
<!-- 登录层 -->
|
|
<view class="{{ mask$loginLayer$className }}" bindtap="mask$clickMask">
|
|
<view class="card login-layer" catchtap>
|
|
|
|
<!-- 学校logo -->
|
|
<view class="school-logo">
|
|
<view>
|
|
<image src="../../image/account/School_DLPU.png"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="line-bg">
|
|
<view wx:for="{{ [0, 1, 2, 3, 4] }}" wx:key="item"></view>
|
|
</view>
|
|
|
|
<!-- 学生姓名 -->
|
|
<view class="student-name h2">秦浩轩</view>
|
|
|
|
<!-- 学号 -->
|
|
<view class="student-id">1806240113</view>
|
|
|
|
<!-- 状态 -->
|
|
<view class="login-state">
|
|
<view class="certified">
|
|
<view class="certifi-info">已认证</view>
|
|
<image class="text-icon" src="../../image/account/Account_OK.svg"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 学号输入框 -->
|
|
<view class="student-info-input">
|
|
<view class="input-icon">
|
|
<image class="icon" src="../../image/account/Account_UserName.svg"></image>
|
|
</view>
|
|
<view class="input-view">
|
|
<input placeholder="请输入学号"/>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 密码输入框 -->
|
|
<view class="student-info-input">
|
|
<view class="input-icon">
|
|
<image class="icon" src="../../image/account/Account_PasswordHidden.svg"></image>
|
|
</view>
|
|
<view class="input-view">
|
|
<input placeholder="请输入密码"/>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="height: 30px"/>
|
|
|
|
<!-- 提示语 -->
|
|
<view class="tip-info last-active">
|
|
<image src="../../image/account/Account_Info.svg"></image>
|
|
<view>账号最后活动时间: 2022.1.25-8.20</view>
|
|
</view>
|
|
|
|
<view class="tip-info agree-lic">
|
|
<image src="../../image/account/Account_Complete.svg"></image>
|
|
<view>同意<text>《用户协议》</text>和<text>《隐私政策》</text></view>
|
|
</view>
|
|
|
|
<view class="tip-info helper-link">
|
|
<image src="../../image/account/Account_Question.svg"></image>
|
|
<view>遇到问题了戳这里-><text>常见问题</text></view>
|
|
</view>
|
|
|
|
<!-- 登录按钮 -->
|
|
<view class="button save-button">
|
|
保存并验证
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 顶部的阴影 -->
|
|
<view class="top-shadow"></view>
|
|
|
|
<!-- 页面容器 -->
|
|
<view class="container">
|
|
|
|
<!-- 用户卡片 -->
|
|
<view class="user-card card">
|
|
<view class="avatar">
|
|
<open-data type="userAvatarUrl" />
|
|
</view>
|
|
<view class="info">
|
|
|
|
<!-- 主题变换按钮 -->
|
|
<view class="theme">
|
|
<view bindtap="userCard$changeTheme">
|
|
<image class="icon-sub" src="../../image/account/Account_Theme.svg" />
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 用户昵称 -->
|
|
<view class="nick h1">
|
|
<open-data type="userNickName" />
|
|
</view>
|
|
|
|
<!-- 学生信息 -->
|
|
<view class="student">
|
|
<view class="name">秦浩轩</view>
|
|
<view class="certified">
|
|
<view class="certifi-info">已认证</view>
|
|
<image class="text-icon" src="../../image/account/Account_OK.svg"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 学号信息 -->
|
|
<view class="student-id">1806240113</view>
|
|
|
|
<!-- 学校 -->
|
|
<view class="school">大连工业大学</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!--主要功能-->
|
|
<view class="card main-function">
|
|
|
|
<!--每个功能的容器-->
|
|
<view class="branch-funtion" wx:for="{{ mainFunction$mainFunctionList }}" wx:key="index">
|
|
<view style="{{ index == (mainFunction$mainFunctionList.length - 1) ? 'border-right: 0px' : '' }}">
|
|
<!--每个功能的图片-->
|
|
<image class="icon" src="../../image/account/Account_{{ item.iconUrl }}.svg"></image>
|
|
<!--每个功能的文字-->
|
|
<view>{{ item.displayName }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 功能列表 -->
|
|
<view class="card function-list">
|
|
|
|
<!-- 每一行 -->
|
|
<view class="function" wx:for="{{ functionList$functionList }}" wx:key="index">
|
|
<view style="{{ index == (functionList$functionList.length - 1) ? 'border-bottom: 0px' : '' }}">
|
|
<image class="icon func-icon" src="../../image/account/Account_{{ item.iconUrl }}.svg" />
|
|
<view>{{ item.displayName }}</view>
|
|
<image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |