personal.wxss 1022 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* pages/welfareMall/personal/personal.wxss */
  2. .personal{
  3. width: 750rpx;
  4. height: auto;
  5. padding-bottom: 119rpx;
  6. }
  7. /* 垂直方向布局,水平居中 **/
  8. .flex-column{
  9. display: flex;
  10. flex-flow: column nowrap;
  11. align-items: center;
  12. justify-content: left;
  13. }
  14. /* 水平方向布局,垂直居中 **/
  15. .flex-row{
  16. display: flex;
  17. flex-flow: row nowrap;
  18. align-items: center;
  19. justify-content: center;
  20. }
  21. .head{
  22. width: 750rpx;
  23. height: 550rpx;
  24. background: #FFF2F3;
  25. border-radius: 0rpx 0rpx 40rpx 40rpx;
  26. justify-content: space-between;
  27. }
  28. .head-personal{
  29. width: 100%;
  30. height: 136rpx;
  31. justify-content: flex-start;
  32. margin-left: 35rpx;
  33. margin-top: 30rpx;
  34. }
  35. .head-personal-logo{
  36. width: 136rpx;
  37. height: 136rpx;
  38. }
  39. .head-card{
  40. width: 666rpx;
  41. height: 286rpx;
  42. background-image: url(https://dy.shpr.top/shareActivity/card.png);
  43. background-size: 100% 100%;
  44. margin-bottom: 51rpx;
  45. }
  46. .head-personal-login{
  47. margin-left: 33rpx;
  48. font-size: 38rpx;
  49. font-weight: 500;
  50. color: #303030;
  51. }