123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130 |
- /* pages/welfareMall/personal/personal.wxss */
- .personal{
- width: 750rpx;
- height: auto;
- padding-bottom: 119rpx;
- }
- /* 垂直方向布局,水平居中 **/
- .flex-column{
- display: flex;
- flex-flow: column nowrap;
- align-items: center;
- justify-content: left;
- }
- /* 水平方向布局,垂直居中 **/
- .flex-row{
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- justify-content: center;
- }
- .head{
- width: 750rpx;
- height: 536rpx;
- background: #FFF2F3;
- border-radius: 0rpx 0rpx 40rpx 40rpx;
- justify-content: space-between;
- }
- .head-personal{
- width: 100%;
- height: 136rpx;
- justify-content: flex-start;
- margin-left: 35rpx;
- margin-top: 30rpx;
- }
- .head-personal-logo{
- width: 136rpx;
- height: 136rpx;
- }
- .head-personal-login{
- margin-left: 33rpx;
- font-size: 38rpx;
- font-weight: 500;
- color: #303030;
- }
- .head-card{
- width: 666rpx;
- height: 286rpx;
- background-image: url(https://dy.shpr.top/shareActivity/card.png);
- background-size: 100% 100%;
- margin-bottom: 51rpx;
- justify-content: space-between;
- }
- .head-card-coupon{
- font-size: 30rpx;
- font-weight: bold;
- color: #FFFFFF;
- margin-left: 58rpx;
- }
- .head-card-nt{
- margin-right: 51rpx;
- }
- .head-card-num{
- font-size: 120rpx;
- font-weight: bold;
- color: #FFFFFF;
- }
- .head-card-text{
- width: 40rpx;
- height: 40rpx;
- font-size: 30rpx;
- font-weight: 300;
- color: #FFFFFF;
- margin-top: 70rpx;
- }
- .content{
- width: 100%;
- height: auto;
- }
- .content-style{
- width: 670rpx;
- height: 130rpx;
- justify-content: space-between;
- }
- .content-lower{
- width: 334px;
- height: 1px;
- background: #EFEFEF;
- }
- .content-img{
- width: 48rpx;
- height: 48rpx;
- }
- .content-jump{
- width: 42rpx;
- height: 42rpx;
- }
- .content-text{
- width: 150rpx;
- height: 36rpx;
- font-size: 28rpx;
- font-weight: 500;
- color: #444444;
- margin-left: 10rpx;
- }
- .personal-isLogin{
- font-size: 38rpx;
- font-weight: 500;
- color: #303030;
- background-color: transparent;
- border-style: none;
- }
|