Merge pull request '(#37)Mod global image style' (#39) from dev-mrkbear into master

Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/39
This commit is contained in:
MrKBear 2022-01-18 08:40:20 +08:00
commit 84bc1c6fbc
4 changed files with 34 additions and 6 deletions

View File

@ -32,6 +32,10 @@ view.card {
0 0.3px 0.9px 0 rgba(0, 0, 0, .05); 0 0.3px 0.9px 0 rgba(0, 0, 0, .05);
} }
image {
filter: $black-filter;
}
// 顶部导航栏阴影 // 顶部导航栏阴影
view.top-shadow { view.top-shadow {
position: fixed; position: fixed;
@ -77,6 +81,10 @@ view.h3 {
background-color: $theme-color-dark-layout; background-color: $theme-color-dark-layout;
} }
image {
filter: $white-filter;
}
view.h1 { view.h1 {
color: $theme-color-dark-title; color: $theme-color-dark-title;
font-size: 1.2em; font-size: 1.2em;

View File

@ -1,3 +1,7 @@
@import "./UserCard.scss"; @import "./UserCard.scss";
@import "./MainFunction.scss"; @import "./MainFunction.scss";
@import "./FunctionList.scss"; @import "./FunctionList.scss";
view.container {
padding-top: 20px;
}

View File

@ -11,6 +11,12 @@
<open-data type="userAvatarUrl" /> <open-data type="userAvatarUrl" />
</view> </view>
<view class="info"> <view class="info">
<!-- 主题变换按钮 -->
<view class="theme">
<image src="../../image/account/Account_Theme.svg" />
</view>
<view class="nick h1"> <view class="nick h1">
<open-data type="userNickName" /> <open-data type="userNickName" />
</view> </view>

View File

@ -2,22 +2,32 @@
// 用户卡片 // 用户卡片
view.user-card { view.user-card {
margin-top: 20px;
height: 100px;
display: flex; display: flex;
align-items: center;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
view.avatar { view.avatar {
width: 80px; width: 70px;
height: 80px; height: 70px;
border-radius: 1000px; border-radius: 1000px;
overflow: hidden; overflow: hidden;
} }
view.info { view.info {
width: calc(100% - 80px - 20px); flex-grow: 1;
padding-left: 20px; padding-left: 20px;
view.theme {
width: 100%;
display: flex;
justify-content: flex-end;
image {
width: 25px;
height: 25px;
}
}
view.nick { view.nick {
margin: 4px 0; margin: 4px 0;