/* 我的头部 */ Image { height: auto; } .minemain { width: 690rpx; height: 250rpx; margin: 0 auto; background-image: url('https://ndnd.duiduiedu.com/uploads/pics/minemainback1.png'); background-repeat: no-repeat; /*下面的是关键的设置100%显示*/ background-size: 100% 100%; } .minemainleft { display: flex; width: 400rpx; margin-top: 46rpx; float: left; } .mineleft1 image { position: absolute; left: 0rpx; width: 153rpx; height: 156rpx; align-items: center; z-index: 0; border-radius: 50%; } .mineleft1 button{ width: 153rpx; height: 156rpx; margin-left: 32rpx; border-radius: 50%; flex-direction: column; justify-content: center; align-items: center; z-index: 0; } .mineleft2 { width: 500rpx; height: 56rpx; margin-left: 32rpx; margin-top: 30rpx; } .leftup { width: 380rpx; height: 56rpx; line-height: 56rpx; overflow:hidden; } .leftup text { width: 500rpx; font-size: 40rpx; color: white; overflow:hidden; } .leftdown{ width: 300rpx; height: 56rpx; line-height: 56rpx; } .leftdown label { width: 300rpx; font-size: 24rpx; color: white; } .minemainright { float: right; width: 100rpx; height: 250rpx; margin-right: 20rpx; } .item1 { width: 100rpx; height: 100rpx; margin-top: 46rpx; } .item1 image { width: 60rpx; height: 60rpx; margin-top: 46rpx; } /* 我的头部 */ /* vip权益 */ .minevipquanyi { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 690rpx; height: 100rpx; margin: 20rpx auto; background-color: #e2feff; } .minemiddle1 { width: 240rpx; height: 72rpx; text-align: left; margin-left: 20rpx; } .minemiddle1 image { width: 232rpx; height: 72rpx; } .minemiddle2 { width: 200rpx; height: 60rpx; line-height: 60rpx; text-align: center; margin-left: 20rpx; } .minemiddle2 text { width: 200rpx; height: 60rpx; font-weight: 700; font-size: 40rpx; color: #1CCFD6; } .minemiddle3 { width: 220rpx; height: 60rpx; text-align: right; margin-left: 10rpx; margin-right: 20rpx; } .minemiddle3 image { width: 208rpx; height: 64rpx; } /* vip权益 */ /* 金币兑换 */ .minevipduihuan { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 690rpx; height: 100rpx; margin: 0 auto; } .duihuan1 { width: 340rpx; text-align: left; } .duihuan1 image { width: 340rpx; height: 107rpx; } .duihuan2 { margin-left: 10rpx; width: 340rpx; text-align: left; } .duihuan2 image { width: 340rpx; height: 107rpx; } /* 金币兑换 */ /* 我的工具列表 */ .minetoolslist { width: 690rpx; height: 460rpx; background-color: #e0feff; margin: 40rpx auto; border-radius: 3%; } .minetoolslist image { margin-left: 110rpx; margin-top: 40rpx; margin-bottom: 40rpx; width: 85rpx; height: 124rpx; } /* 我的工具列表 */ /* 联系列表 */ .linklist { width: 690rpx; height: 72rpx; margin: 0 auto; margin-bottom: 10rpx; } .linklist2 { width: 690rpx; margin: 0 auto; margin-bottom: 20rpx; } .linklist2 button { background-image: url('https://ndnd.duiduiedu.com/uploads/pics/minemainmg1.png'); background-repeat: no-repeat; height: 72rpx; border: none; font-size: 16px; } .linklist3 { background-image: url('https://ndnd.duiduiedu.com/uploads/pics/minemainkf.png'); background-repeat: no-repeat; background-size: cover; background-color: #fff1f7; height: 60rpx; font-size: 16px; width: 690rpx; margin: 0 auto; margin-bottom: 40rpx; } .linklist3::after { border: none; } .linklist image { width: 690rpx; height: 72rpx; } /* 联系列表 */ /* vip图标 */ .vipimage { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; padding-right: 0rpx; top: -2rpx; left: 170rpx; width: 250rpx; height: 33rpx; } .vipimage text { line-height: 35rpx; height: 35rpx; color: white; font-size: 28rpx; } .vipimage image { margin-left: 0rpx; width: 37rpx; height: 33rpx; z-index: 2; } /* vip图标 */ .wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .block { width: 100%; height: 100%; background: url('https://ndnd.duiduiedu.com/uploads/pics/userwrapper01.png') center no-repeat; background-size: contain; } .blockbutton { width: 200rpx; height: 40rpx; position: relative; left: 100rpx; top: 400rpx; } .blocktext1 { width: 250rpx; height: 60rpx; position: relative; left: 280rpx; top: 800rpx; } .blocktext1 text { font-size: 22rpx; } .blocktext2 { width: 200rpx; height: 60rpx; position: relative; left: 310rpx; top: 820rpx; } .blocktext2 text { font-size: 28rpx; color: #fbaa4c; } .circleimages { position:fixed; margin-left: 32rpx; border-radius: 48%; flex-direction: column; justify-content: center; align-items: center; width: 150rpx; height: 150rpx; top: 55rpx; } .usernameclass{ margin: 30 auto; color: white; } .usercontian{ height: 750rpx; text-indent: 10%; word-break:break-all; overflow-y: scroll; padding-left: 20rpx; padding-right: 40rpx; }