123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177 |
- page {
- background-color: #161616;
- }
- .page {
- // background-color: #161616;
- width: 750rpx;height: 100vh;
- background: url('../../static/w3/bg.png');
- background-size: 750rpx 1624rpx;
- }
- .topbg {
- }
- .topBody {
- width:750rpx;
- }
- .header {
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;color:$title;
- .title {
- font-size: 34rpx;
- }
- }
- .thread {
- height:210rpx;
- padding:50rpx;font-size: 52rpx;color:#6E6A6A;padding-top: 80rpx;
- }
- .myinfo {
- width: 690rpx;display:flex;flex-direction: column;margin:30rpx 30rpx 60rpx;justify-content: center;
-
- .numlist {
- display: flex;flex-direction: row;justify-content: space-around;align-items: center;
- position: relative;
- height: 188rpx;
- background: url('../../static/w3/invite_bg2.png');
- background-size: 690rpx 188rpx;
- .left {
- display: flex;justify-content: center;padding:20rpx;
- border-radius: 38rpx;
- .icon {
- }
- image {
- width:64rpx;
- }
- .num {
- font-weight: bold;
- font-size: 40rpx;
- color: #FFFFFF;
- text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;
- .name {
- font-size: 28rpx;color: #999999;margin-top: 12rpx;font-weight: normal;
- }
- }
- }
- .right{
- }
- .icon{
- height: 176rpx;
- position: absolute;
- left: 260rpx;
- }
- }
- .inviteTitle {
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- position: relative;
- width:690rpx;
- height: 97rpx;
- background: url('../../static/w3/item_bg.png');
- background-size: 690rpx 97rpx;
- .left {
- display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
- padding-left:20rpx;
- }
- .right{
- display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
- padding-right:0rpx;
- .icon{
- height: 36rpx;
- }
- }
- }
-
-
- .friendList{
- display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
- height :780rpx;
- width: 690rpx;
- // margin-top: 34rpx;
- .title{
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- position: relative;
- width:690rpx;
- height: 88rpx;
- background: url('../../static/w3/listTitle.png');
- background-size: 690rpx 88rpx;
- margin-top: 34rpx;
- .left {
- display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
- padding-left:28rpx;
- }
- .right{
- display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
- padding-right:150rpx;
- }
- }
- .numlist2 {
- display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
- width:690rpx;
- // height: 690rpx;
- // background: url('../../static/w3/invite_bg.png');
- // background-size: 690rpx 690rpx;
- // background: rgba(22,22,22,0);
-
- .empty{
- display: flex;flex-direction: column;justify-content: normal;align-items: center;
- width:690rpx;
- height: 600rpx;
- .bg {
- margin-top: 100rpx;
- width:276rpx;
- height: 276rpx;
- background: url('../../static/w3/empty.png');
- // background: #ffffff;
- background-size: 276rpx 276rpx;
- }
- }
-
- .item {
- display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;
- // height: 140rpx;
- width:690rpx;
- // background: rgba(22,22,22,0);
- // background: url('../../static/w3/listBG1.png');
-
- .info{
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- height: 88rpx;
- width:690rpx;
- .left {
- display: flex;flex-direction: row;justify-content: space-between;align-items: center;
- .nameList{
- display: flex;justify-content: center;
- margin-left: 28rpx;
- .num {
- text-align: left;
- display: flex;flex-direction: column;justify-content: flex-start;
- .data {
- font-size: 24rpx;color: #FFFFFF;font-weight: normal;
- }
- }
- }
- }
- .right{
- height: 40%;
- display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
- text-align: right;
- margin-right: 166rpx;
- .txt{
- text-align: right;
- font-size: 24rpx;
- color: #FFFFFF;
- margin-right: 0rpx;
- }
- }
- }
- }
- }
- }
-
-
- }
- .blankHeight {
- height:100rpx;
- }
|