用户界面实现(#37)dev-gia_jie #41

Merged
MrKBear merged 3 commits from dev-gia_jie into master 2022-01-18 21:18:47 +08:00
3 changed files with 118 additions and 57 deletions
Showing only changes of commit 3bb47109ed - Show all commits

View File

@ -26,3 +26,29 @@
</view>
</view>
<view class="container">
<!--主要功能-->
<view class="MainFuction card"><!--四个功能合在一起的容器-->
<view class="BranchFuntion"><!--每个功能的容器-->
<image class="MFimage" src="../../image/account/Account_UserInfo.svg"></image><!--每个功能的图片-->
<view class="MFfont">账号信息</view><!--每个功能的文字-->
</view>
<view class="BranchFuntion">
<image class="MFimage" src="../../image/account/Account_DateList.svg"></image>
<view class="MFfont">课表缓存</view>
</view>
<view class="BranchFuntion">
<image class="MFimage" src="../../image/account/Account_Customer.svg"></image>
<view class="MFfont">功能定制</view>
</view>
<view class="BranchFuntion" style="border-right: 0px;">
<image class="MFimage" src="../../image/account/Account_Settings.svg"></image>
<view class="MFfont">更多设置</view>
</view>
</view>
</view>

View File

@ -1 +1,36 @@
@import "../../app.scss";
//主要功能
view.MainFuction {
height: 80px;
display: flex;
padding-top: 10px;
padding-bottom: 8px;
view.BranchFuntion {
margin-top: 12px;
margin-bottom: 12px;
float: left;
width: 25%;
border-right: 1px solid gainsboro;
image.MFimage{
padding-top: 3%;
padding-left: 25%;
height: 50%;
width: 50%;
}
view.MFfont {
text-align: center;
font-size: 10px;
margin: 5px 0;
letter-spacing:2px;
}
}
}
@media (prefers-color-scheme: dark) {
view.container view.user-card view.avatar{
filter: brightness(.8);
}
}

View File

@ -26,9 +26,9 @@
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"useMultiFrameRuntime": false,
"useApiHook": false,
"useApiHostProcess": false,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],