ZBLOG

.wash_list{ height: 100vh; overflow-y: auto; padding: 24px 16px 30px; background-color: #fafafa; &::-webkit-scrollbar{ display: none; width: 0; } &_toast_text{ text-align: left; } &_card...

要将CSS中的像素值替换为2倍(即乘以2),你可以手动修改每个数值,或者使用一些工具自动化这个过程。以下是你的代码经过2倍像素转换后的版本:

  1. .wash_list {
  2. height: 200vh; /* 100vh * 2 */
  3. overflow-y: auto;
  4. padding: 48px 32px 60px; /* 24px, 16px, 30px * 2 */
  5. background-color: #fafafa;
  6. &::-webkit-scrollbar {
  7. display: none;
  8. width: 0;
  9. }
  10. &_toast_text {
  11. text-align: left;
  12. }
  13. &_card {
  14. margin-bottom: 40px; /* 20px * 2 */
  15. &_item {
  16. border-radius: 24px; /* 12px * 2 */
  17. background-color: #fff;
  18. box-shadow:
  19. 1px 8px 16px 0 rgba(0, 0, 0, 0.02); /* 注意这里最后的逗号去掉了 */
  20. padding: 32px; /* 16px * 2 */
  21. margin-bottom: 32px; /*16px *2 */
  22. &_title {
  23. display: flex;
  24. align-items: center;
  25. justify-content: space-between;
  26. &_main {
  27. font-family: PingFang SC;
  28. font-size: 32px; /*16px *2*/
  29. font-weight: 500;
  30. line-height: 36px; /*18px *2*/
  31. color: #272727;
  32. }
  33. &_tiny {
  34. font-family: PingFang SC;
  35. font-size: 24px; /*12px *2*/
  36. line-height:36 px;/*18 px*2*/
  37. color:#272727;
  38. &.working {
  39. color:#FF5500;
  40. }
  41. }
  42. }
  43. &_detail {
  44. margin-top:32 px;/*16 px*2*/
  45. display:flex ;
  46. align-items:center ;
  47. justify-content :space-between ;
  48. &_order{
  49. display:flex ;
  50. align-items:center ;
  51. &_bg{
  52. width :112 px ;/*56 px*2*/
  53. height :112 px ;/*56 px*2*/
  54. border-radius :16 px ;/*8 px*2*/
  55. background:#F4F4F4 ;
  56. display:flex ;
  57. align-items:center ;
  58. justify-content:center ;
  59. &_icon{
  60. width :80 px ;/*40 px*2*/
  61. height :80 px ;/*40 px*2*/
  62. // background:url(https://res-pub.huazhu.com/cossixhs/activity_rule_detail.png)
  63. // 0
  64. // 0
  65. // no-repeat ;
  66. // background-size:cover ;
  67. }
  68. }
  69. &_info{
  70. margin-left :32 px ;/*16 px*2*/
  71. flex :1;
  72. &_desc{
  73. font-family :PingFang SC;
  74. font-size :24 px ;/*12 px*3*/
  75. color:#999 ;
  76. line-height :36
  77. /pyx/ (*18 pxyx/y/)
  78. margin-top :8 pxy*/;
  79. _left{
  80. width :120
  81. _right{
  82. flex1
  83. }
  84. }
  85. }
  86. }
  87. }
  88. //_price {
  89. c:first-child{
  90. _footer {
  91. ________=_____
  92. }}
  93. ________________
  94. w__________'
  95. _bottom {
  96. (padding-bottom =40)

请根据实际需要进行适当调整,确保视觉效果符合要求。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=19735

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?