MrKBear/mini-dlpu-v3
MrKBear/mini-dlpu-v3
8
10
Fork 0
Code Issues 11 Pull Requests Projects 6 Releases Wiki Activity

Merge pull request '用户页面实现 #37 dev-sanaesy' (#40) from dev-sanaesy into master

Browse Source 
Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/40
This commit is contained in:
MrKBear 2022-01-18 22:34:12 +08:00
commit 3119c862b1
4 changed files with 118 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
miniprogram/pages/Account/Account.scss
View File

@ -2,6 +2,9 @@
@import "./MainFunction.scss"; @import "./MainFunction.scss";
@import "./FunctionList.scss"; @import "./FunctionList.scss";
view.container {
padding-top: 20px; view.container{
} padding-top: 50rpx;
}

82
miniprogram/pages/Account/Account.wxml
View File

@ -41,25 +41,75 @@
<!--主要功能--> <!--主要功能-->
<view class="card main-function"><!--四个功能合在一起的容器--> <view class="card main-function"><!--四个功能合在一起的容器-->
<view class="branch-funtion"><view><!--每个功能的容器--> <view class="branch-funtion">
<image class="icon" src="../../image/account/Account_UserInfo.svg"></image><!--每个功能的图片--> <view><!--每个功能的容器-->
<view>账号信息</view><!--每个功能的文字--> <image class="icon" src="../../image/account/Account_UserInfo.svg"></image><!--每个功能的图片-->
</view></view> <view>账号信息</view><!--每个功能的文字-->
</view>
</view>
<view class="branch-funtion"><view> <view class="branch-funtion">
<image class="icon" src="../../image/account/Account_DateList.svg"></image> <view>
<view>课表缓存</view> <image class="icon" src="../../image/account/Account_DateList.svg"></image>
</view></view> <view>课表缓存</view>
</view>
</view>
<view class="branch-funtion"><view> <view class="branch-funtion">
<image class="icon" src="../../image/account/Account_Customer.svg"></image> <view>
<view>功能定制</view> <image class="icon" src="../../image/account/Account_Customer.svg"></image>
</view></view> <view>功能定制</view>
</view>
</view>
<view class="branch-funtion"><view style="border-right: 0px;"> <view class="branch-funtion">
<image class="icon" src="../../image/account/Account_Settings.svg"></image> <view style="border-right: 0px;">
<view>更多设置</view> <image class="icon" src="../../image/account/Account_Settings.svg"></image>
</view></view> <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>
</view> </view>

44
miniprogram/pages/Account/FunctionList.scss
View File

@ -1 +1,43 @@
@import "../../app.scss"; @import "../../app.scss";
view.function-list {
margin-top: 50rpx;
margin-bottom: 50rpx;
padding: 0 0 !important;
width: 100% !important;
view.function {
padding: 0 20px;
width: calc( 100% - 40px );
height: 55px;
> view {
height: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid rgba($color: #000000, $alpha: .1);
image.func-icon {
width: 26px;
height: 26px;
}
view {
margin-left: 15px;
flex-grow: 1;
font-size: .9em;
}
image.arrow {
width: 10px;
height: 10px;
}
}
}
}
@media (prefers-color-scheme: dark) {
view.function-list view.function > view {
border-bottom: 1px solid rgba($color: #ffffff, $alpha: .1);
}
}

6
miniprogram/pages/Account/MainFunction.scss
View File

@ -3,7 +3,7 @@
//主要功能 //主要功能
view.main-function { view.main-function {
display: flex; display: flex;
margin-top: 20px; margin-top: 50rpx;
padding: 0 !important; padding: 0 !important;
width: 100% !important; width: 100% !important;
@ -26,7 +26,7 @@ view.main-function {
view { view {
text-align: center; text-align: center;
margin-top: 5px; margin-top: 5px;
font-size: .8em; font-size: .9em;
} }
} }
} }
@ -36,4 +36,4 @@ view.main-function {
view.main-function view.branch-funtion > view { view.main-function view.branch-funtion > view {
border-right: 1px solid rgba($color: #ffffff, $alpha: .1); border-right: 1px solid rgba($color: #ffffff, $alpha: .1);
} }
} }