用户页面实现 #37 dev-sanaesy #40
@ -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;
|
||||||
|
@ -2,7 +2,13 @@
|
|||||||
@import "./MainFunction.scss";
|
@import "./MainFunction.scss";
|
||||||
@import "./FunctionList.scss";
|
@import "./FunctionList.scss";
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
view.container{
|
view.container{
|
||||||
padding-top:20px ;
|
padding-top:20px ;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
=======
|
||||||
|
view.container {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
>>>>>>> 4d3c44be6ef3624277a81f1692c1f6ef4b3a480c
|
||||||
|
@ -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>
|
||||||
|
@ -2,9 +2,8 @@
|
|||||||
|
|
||||||
// 用户卡片
|
// 用户卡片
|
||||||
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;
|
||||||
|
|
||||||
@ -16,8 +15,19 @@ view.user-card {
|
|||||||
}
|
}
|
||||||
|
|
||||||
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;
|
||||||
|
Loading…
Reference in New Issue
Block a user