wallet.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /* pages/personal/wallet/wallet.wxss */
  2. page {
  3. background: rgba(244, 244, 244, 1);
  4. }
  5. .wallet {
  6. width: 100%;
  7. height: 100vh;
  8. }
  9. /* 显示余额 begin */
  10. .top{
  11. height:301rpx;
  12. display:flex;
  13. align-items: center;
  14. flex-direction: column;
  15. justify-content: flex-end;
  16. position: relative;
  17. }
  18. .detailed{
  19. position: absolute;
  20. top: 81rpx;
  21. right: 60rpx;
  22. font-size: 28rpx;
  23. color: white;
  24. z-index: 10;
  25. }
  26. .balance {
  27. width: 90%;
  28. height: 266rpx;
  29. color: #fff;
  30. position: relative;
  31. overflow: hidden;
  32. display: flex;
  33. flex-direction: column;
  34. }
  35. .balance view:nth-of-type(1) {
  36. font-size: 28rpx;
  37. padding: 48rpx 0rpx 0rpx 49rpx;
  38. }
  39. .balance image {
  40. position: absolute;
  41. left: 0rpx;
  42. top: 0rpx;
  43. width: 100%;
  44. height: 100%;
  45. z-index: -1;
  46. }
  47. .balance .money {
  48. font-size: 60rpx;
  49. letter-spacing: 5rpx;
  50. padding-left: 8rpx;
  51. }
  52. .balance1 {
  53. width: 100%;
  54. margin: 45rpx 0 0 62rpx;
  55. }
  56. /* 显示余额 end */
  57. /* 列表 begin */
  58. .walletList view {
  59. background: #fff;
  60. font-size: 28rpx;
  61. padding: 10rpx 28rpx 10rpx 50rpx;
  62. }
  63. .walletList view.first {
  64. padding-top: 20rpx;
  65. border-bottom: 1px solid #f4f4f4;
  66. }
  67. .walletList .last {
  68. margin-top: 21rpx;
  69. height: 70rpx;
  70. }
  71. .walletList .iconfont {
  72. font-size: 55rpx;
  73. }
  74. .walletList .state {
  75. color: #999;
  76. }
  77. /* 列表 end */