|
|
@@ -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);
|
|
|
+ width: 750rpx;
|
|
|
+ height: 300rpx;
|
|
|
+ background: #7F7F7F;
|
|
|
+ z-index: 0;
|
|
|
+
|
|
|
.infoBg {
|
|
|
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
|
|
|
- width:750rpx;height:280rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ width: 750rpx;
|
|
|
+ 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;
|
