myGreenCard.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .green-card-wrap {
  12. width: 700rpx;
  13. height: 184rpx;
  14. margin: 0 auto 20rpx;
  15. position: relative;
  16. }
  17. .green-card-wrap .card-bg {
  18. width: 700rpx;
  19. height: 184rpx;
  20. }
  21. .green-card-wrap .card-info {
  22. position: absolute;
  23. top: 0;
  24. left: 0;
  25. width: 700rpx;
  26. height: 184rpx;
  27. padding: 0 35rpx;
  28. }
  29. .green-card-wrap .card-info .info-img {
  30. width: 112rpx;
  31. height: 112rpx;
  32. }
  33. .green-card-wrap .card-info .info-detail {
  34. flex-grow: 1;
  35. padding-left: 30rpx;
  36. color: #FFFFFF;
  37. font-size: 24rpx;
  38. font-weight: 500;
  39. }
  40. .green-card-wrap .card-info .info-detail .card-name {
  41. font-size: 36rpx;
  42. font-weight: bold;
  43. }
  44. .green-card-wrap .card-info .card-btn-wrap {
  45. width: 132rpx;
  46. height: 100%;
  47. }
  48. .green-card-wrap .card-info .card-btn-wrap .card-btn {
  49. width: 132rpx;
  50. height: 53rpx;
  51. background: #FFFFFF;
  52. border-radius: 27rpx;
  53. font-size: 26rpx;
  54. font-weight: 500;
  55. text-align: center;
  56. line-height: 53rpx;
  57. color: #ff567f;
  58. }
  59. .zs-wrap {
  60. width: 600rpx;
  61. height: 300rpx;
  62. background-color: #fff;
  63. border-radius: 20rpx;
  64. text-align: center;
  65. position: relative;
  66. }
  67. .zs-wrap .zs-tit {
  68. font-size: 32rpx;
  69. font-weight: bold;
  70. padding: 40rpx 0 50rpx;
  71. }
  72. .zs-wrap .zs-uid {
  73. font-size: 28rpx;
  74. padding: 0 40rpx;
  75. }
  76. .zs-wrap .zs-uid .to-uid {
  77. flex-shrink: 0;
  78. }
  79. .zs-wrap .zs-btns {
  80. width: 100%;
  81. display: flex;
  82. position: absolute;
  83. bottom: 0;
  84. height: 80rpx;
  85. font-size: 32rpx;
  86. line-height: 80rpx;
  87. }
  88. .zs-wrap .zs-btns .zs-btn {
  89. width: 50%;
  90. }