/* pages/my/index.wxss */ .weui-cells::before { border: none; } /* 第一版——start */ .infoViewWrap{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; /* background-color: rgba(255, 255, 255, .5); */ } .infoView{ width: 90%; padding: 50rpx 40rpx; top: 200rpx; position: absolute; left: 5%; border-radius: 20rpx; box-sizing: border-box; background-color: #ffffff; box-shadow: 0 0 28rpx 10rpx #dddddd; } .infoItem{ font-size: 30rpx; color: #666666; padding-top: 30rpx; } .itemLeft{ width: 160rpx; display: inline-block; } /* 第一版——end */ /* 第二版——start */ .page{ height: 100%; background: #f1f1f1; } .blueBack{ position: absolute;top: 0;left: 0;height: 200rpx;width:100%;background-color: #7bbd52; } .absoluteContentWrap{ position: absolute;width: 100%;height: 100%; } .userImgWrap{ width: 162rpx;height: 162rpx;border-radius: 80rpx;background: #ffffff;margin: auto;padding: 6rpx;box-sizing: border-box; } .userImg{ overflow:hidden;width: 150rpx;height: 150rpx;border-radius: 75rpx; } .infoContent{ width: 94%;height: 300rpx;background: #ffffff;border-radius: 10rpx;margin: auto;margin-top: -81rpx; } .totalStatic{ width: 94%;background: #ffffff;border-radius: 10rpx;margin: auto;padding: 20rpx 0;margin-top: 20rpx;color: #666666;box-sizing: border-box; } .boldLine{ display: inline-block;width: 10rpx;height: 30rpx;background: #017748;vertical-align: text-top; margin-right: 20rpx; } .loginBtn{ position: absolute;top:100rpx;right:20rpx;color:#ffffff;background-color: #7bbd52;padding: 15rpx;border-radius: 10rpx;display: inline-block; } .kaoshiWrap{ display: flex;color: #666666;font-size: 30rpx;margin-top: 10rpx;padding: 10rpx 0;border-top: 2rpx solid #eeeeee; } .kaoshiItem{ display: flex;flex-direction: column;flex: 1;text-align: center; } .button-container { padding: 20rpx; } .my-button { background-color: #7bbd52; color: #FFFFFF; border: none; border-radius: 5rpx; font-size: 25rpx; }