Vipgift.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page,
  12. .content {
  13. min-height: 100%;
  14. height: auto;
  15. }
  16. .item {
  17. border-radius: 10rpx;
  18. background-color: #ffffff;
  19. width: 690rpx;
  20. margin: 0 30rpx 20rpx 30rpx;
  21. align-items: stretch;
  22. line-height: 1;
  23. }
  24. .item .imgbox {
  25. line-height: 0;
  26. background-color: #ee2f72;
  27. border-radius: 10rpx;
  28. overflow: hidden;
  29. flex-shrink: 0;
  30. }
  31. .item .imgbox .img {
  32. height: 246rpx;
  33. width: 246rpx;
  34. }
  35. .item .contentbox {
  36. flex-wrap: wrap;
  37. }
  38. .item .contentbox .title {
  39. width: 100%;
  40. align-self: flex-start;
  41. font-size: 32rpx;
  42. color: #303133;
  43. line-height: 1.5;
  44. }
  45. .item .contentbox .money {
  46. font-size: 36rpx;
  47. font-weight: bold;
  48. color: #ee2f72;
  49. }
  50. .item .contentbox .oldMoneyBox {
  51. align-self: flex-end;
  52. width: 100%;
  53. }
  54. .item .contentbox .oldMoneyBox .oldMoney {
  55. font-size: 24rpx;
  56. text-decoration: line-through;
  57. color: #909399;
  58. }
  59. .item .contentbox .oldMoneyBox .domMoney {
  60. color: #b59467;
  61. }
  62. .item .contentbox .oldMoneyBox .icon {
  63. width: 14rpx;
  64. height: 16rpx;
  65. }
  66. .item .contentbox .oldMoneyBox .buttomPay {
  67. padding: 14rpx 26rpx;
  68. font-size: 28rpx;
  69. color: #fff;
  70. background: linear-gradient(90deg, #ff4a8a, #ff77a7);
  71. border-radius: 26px;
  72. }