user_wallet.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. .user-wallet .contain {
  17. padding: 20rpx 30rpx 36rpx;
  18. }
  19. .user-wallet .contain .header {
  20. position: relative;
  21. background: linear-gradient(180deg, #ff2c3c 0%, #ff316a 100%);
  22. border-radius: 20rpx;
  23. height: 320rpx;
  24. padding: 50rpx 30rpx 30rpx;
  25. box-sizing: border-box;
  26. }
  27. .user-wallet .contain .header .money .item {
  28. flex: 1;
  29. }
  30. .user-wallet .contain .header .btn {
  31. position: absolute;
  32. right: 30rpx;
  33. top: 50rpx;
  34. padding: 0 51rpx;
  35. }
  36. .user-wallet .contain .nav {
  37. border-bottom: 1px solid #E5E5E5;
  38. }
  39. .user-wallet .contain .nav .nav-item {
  40. width: 25%;
  41. padding: 40rpx 0;
  42. }
  43. .user-wallet .contain .nav .nav-item .icon {
  44. width: 52rpx;
  45. height: 52rpx;
  46. }
  47. .activity {
  48. padding: 40rpx 0rpx;
  49. }
  50. .activity .activity-title {
  51. font-weight: bold;
  52. }
  53. .activity .activity-item {
  54. padding: 15rpx 40rpx;
  55. margin-top: 34rpx;
  56. }
  57. .activity .activity-item .join-btn {
  58. height: 52rpx;
  59. width: 156rpx;
  60. margin-top: 24rpx;
  61. }