119 lines
4.1 KiB
Plaintext
119 lines
4.1 KiB
Plaintext
<!-- 蒙版 -->
|
|
<view class="mask" bindtap="mask$handleClickMask" style="display:{{mask$isShow ? 'block' : 'none'}}"></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">
|
|
<view><!--每个功能的容器-->
|
|
<image class="icon" src="../../image/account/Account_UserInfo.svg"></image><!--每个功能的图片-->
|
|
<view>账号信息</view><!--每个功能的文字-->
|
|
</view>
|
|
</view>
|
|
|
|
<view class="branch-funtion">
|
|
<view>
|
|
<image class="icon" src="../../image/account/Account_DateList.svg"></image>
|
|
<view>课表缓存</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="branch-funtion">
|
|
<view>
|
|
<image class="icon" src="../../image/account/Account_Customer.svg"></image>
|
|
<view>功能定制</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="branch-funtion">
|
|
<view style="border-right: 0px;">
|
|
<image class="icon" src="../../image/account/Account_Settings.svg"></image>
|
|
<view>更多设置</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 功能列表 -->
|
|
<view class="card function-list">
|
|
<view class="function">
|
|
<view>
|
|
<image class="icon func-icon" src="../../image/account/Account_Sponsor.svg" />
|
|
<view>赞助计划</view>
|
|
<image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="function">
|
|
<view>
|
|
<image class="icon func-icon" src="../../image/account/Account_PubilcAccount.svg" />
|
|
<view>公众号</view>
|
|
<image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="function">
|
|
<view>
|
|
<image class="icon func-icon" src="../../image/account/Account_FAQ.svg" />
|
|
<view>自助问答</view>
|
|
<image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="function">
|
|
<view>
|
|
<image class="icon func-icon" src="../../image/account/Account_AboutUs.svg" />
|
|
<view>关于我们</view>
|
|
<image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="function">
|
|
<view style="border-bottom: 0px;">
|
|
<image class="icon func-icon" src="../../image/account/Account_Support.svg" />
|
|
<view>联系客服</view>
|
|
<image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |