@@ -1,4 +1,3 @@
-
page {
background-color: #161616;
}
@@ -13,16 +12,29 @@ page {
width:750rpx;
.header {
- display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-end;color:$title;
- width:750rpx;height:calc(var(--status-bar-height) + 100rpx);z-index: 999;
- padding-top: calc(var(--status-bar-height) + 220rpx);
- width:750rpx;height:600rpx;
- background: url("../../static/home/avator.png");background-size: 750rpx 750rpx;background-repeat: no-repeat;z-index: 0;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ align-items: flex-end;
+ color: $title;
+ width: 750rpx;
+ height: calc(var(--status-bar-height) + 100rpx);
+ z-index: 999;
+ padding-top: calc(var(--status-bar-height) + 77rpx);
+ height: 300rpx;
+ background: #7F7F7F;
+ z-index: 0;
+
.infoBg {
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- width:750rpx;height:280rpx;
+ justify-content: space-between;
+ align-items: center;
+ height: 280rpx;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
- padding-top:80rpx;
+ padding-top: 80rpx;
.left {
padding-left: 50rpx;width:200rpx;