(#37)Mod global image style

This commit is contained in:
2022-01-17 22:35:38 +08:00
parent 2b300b83a4
commit 4d3c44be6e
4 changed files with 34 additions and 6 deletions
+5 -1
View File
@@ -1,3 +1,7 @@
@import "./UserCard.scss";
@import "./MainFunction.scss";
@import "./FunctionList.scss";
@import "./FunctionList.scss";
view.container {
padding-top: 20px;
}
+6
View File
@@ -11,6 +11,12 @@
<open-data type="userAvatarUrl" />
</view>
<view class="info">
<!-- 主题变换按钮 -->
<view class="theme">
<image src="../../image/account/Account_Theme.svg" />
</view>
<view class="nick h1">
<open-data type="userNickName" />
</view>
+15 -5
View File
@@ -2,22 +2,32 @@
// 用户卡片
view.user-card {
margin-top: 20px;
height: 100px;
display: flex;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
view.avatar {
width: 80px;
height: 80px;
width: 70px;
height: 70px;
border-radius: 1000px;
overflow: hidden;
}
view.info {
width: calc(100% - 80px - 20px);
flex-grow: 1;
padding-left: 20px;
view.theme {
width: 100%;
display: flex;
justify-content: flex-end;
image {
width: 25px;
height: 25px;
}
}
view.nick {
margin: 4px 0;