123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- /* pages/mine/mine.wxss */
- .top {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
- .top-area {
- position: absolute;
- width: 100%;
- height: 468rpx;
- border-bottom-left-radius: 7%;
- border-bottom-right-radius: 7%;
- background-color: #495dfc;
- }
- .user {
- /* position: absolute; */
- margin-top: 180rpx;
- padding-left: 32rpx;
- padding-right: 32rpx;
- width: 646rx;
- height: 254rpx;
- }
- .user-msg,
- .fun {
- width: 646rx;
- height: 254rpx;
- background-color: #fff;
- border-radius: 6px;
- position: relative;
- margin-bottom: 40rpx;
- }
- .head {
- width: 174rpx;
- height: 174rpx;
- background-color: #edeef5;
- border-radius: 50%;
- position: absolute;
- left: 252rpx;
- top: -83rpx;
- }
- .default-head {
- margin-top: 15rpx;
- margin-left: 23rpx;
- }
- .m-t {
- padding-top: 150rpx;
- }
- .please {
- display: block;
- text-align: center;
- /* font-weight: 600; */
- height: 68rpx;
- font-size: 40rpx;
- }
- .btn-area1 button {
- background-color: #495dfc;
- color: #fff;
- height: 96rpx;
- line-height: 96rpx;
- }
- .bgc button {
- background-color: #fff;
- color: #333;
- }
- .fun1 {
- margin-bottom: 24rpx;
- padding: 22rpx 24rpx;
- background-color: #fff;
- }
- .item {
- height: 96rpx;
- line-height: 96rpx;
- position: relative;
- /* border-bottom: 1rpx solid #f0f0f0; */
- }
- .mine-item {
- height: 96rpx;
- line-height: 96rpx;
- position: relative;
- }
- .mine-item:first-child {
- border-bottom: 1rpx solid #f0f0f0;
- }
- .status {
- position: absolute;
- top: 0;
- right: 0;
- color: #999;
- }
- .arrow {
- display: inline-block;
- border: 4rpx solid #c2c0c0;
- width: 18rpx;
- height: 18rpx;
- border-left-color: transparent;
- border-top-color: transparent;
- transform: rotate(-45deg);
- margin-left: 8rpx;
- }
|