index.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /* pages/wallet/index.wxss */
  2. .choose{
  3. background-color: #fff;
  4. }
  5. .choose-grids{
  6. display: flex;
  7. flex-wrap: wrap;
  8. justify-content: space-around;
  9. padding: 50rpx;
  10. }
  11. .choose-grids .grid{
  12. width: 45%;
  13. height: 100rpx;
  14. margin-top: 36rpx;
  15. border-radius: 6rpx;
  16. line-height: 100rpx;
  17. text-align: center;
  18. border: 2rpx solid #b9dd08;
  19. }
  20. .choose-grids .grid:first-child,
  21. .choose-grids .grid:nth-of-type(2){
  22. margin-top: 0;
  23. }
  24. .action .action-photo{
  25. background-color: #fff;
  26. padding: 40rpx 0px 40rpx 50rpx;
  27. }
  28. .action .action-photo image{
  29. position: relative;
  30. display: inline-block;
  31. width: 120rpx;
  32. height: 120rpx;
  33. overflow: visible;
  34. margin-left: 25rpx;
  35. }
  36. .action .action-photo image icon.del{
  37. display: block;
  38. position: absolute;
  39. top: -20rpx;
  40. right: -20rpx;
  41. }
  42. .action .action-photo text.add{
  43. display: inline-block;
  44. width: 120rpx;
  45. height: 120rpx;
  46. line-height: 120rpx;
  47. text-align: center;
  48. font-size: 24rpx;
  49. color: #ccc;
  50. border: 2rpx dotted #ccc;
  51. margin-left: 25rpx;
  52. vertical-align: top;
  53. }
  54. .action .action-input{
  55. padding-left: 50rpx;
  56. margin-top: 30rpx;
  57. background-color: #fff;
  58. }
  59. .action .action-input input{
  60. width: 90%;
  61. padding-top: 40rpx;
  62. padding-bottom: 40rpx;
  63. }
  64. .action .action-input input:first-child{
  65. border-bottom: 2rpx solid #ccc;
  66. padding-bottom: 20rpx;
  67. }
  68. .action .action-input input:last-child{
  69. padding-top: 20rpx;
  70. }
  71. .action .action-submit{
  72. padding: 40rpx 40rpx;
  73. background-color: #f2f2f2;
  74. }