index.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /* components/spacecard/spacecard.wxss */
  2. .card_box{
  3. display: flex;
  4. flex-direction: row;
  5. justify-content: space-around;
  6. }
  7. .card_img{
  8. width:136rpx;
  9. height: 108rpx;
  10. border-radius:8rpx;
  11. overflow: hidden;
  12. }
  13. .noimgbox{
  14. width: 100%;
  15. height: 100%;
  16. display: flex;
  17. justify-content: center;
  18. align-items: center;
  19. background-color: #cccccc;
  20. color: #ffffff;
  21. font-size: 12px;
  22. }
  23. .card_img image{
  24. width: 100%;
  25. height: 100%;
  26. }
  27. .card_msg{
  28. flex: 1;
  29. padding-left: 32rpx;
  30. }
  31. .card_msg>view{
  32. display: flex;
  33. justify-content: space-between;
  34. flex-direction: row;
  35. }
  36. .imgbox{
  37. display: flex;
  38. align-items: center;
  39. }
  40. .imgbox image{
  41. width: 40rpx;
  42. height: 40rpx;
  43. margin-right: 6rpx;
  44. }
  45. .card_msg>view:nth-child(1){
  46. margin-top: 4rpx;
  47. color:rgba(25,27,38,1);
  48. font-size: 32rpx;
  49. }
  50. .card_msg>view:nth-child(2){
  51. color: #80838F;
  52. font-size: 28rpx;
  53. margin-top: 16rpx;
  54. }
  55. .card_msg>view .tempnum{
  56. color: #191B26;
  57. }
  58. .lottie{
  59. width: 50rpx;
  60. height: 50rpx;
  61. z-index: 1;
  62. }
  63. .lottiehidden{
  64. height: 0rpx;
  65. }
  66. .del_box{
  67. display: none;
  68. }
  69. .hide_box{
  70. display: flex;
  71. }
  72. /* .imagebg::after{
  73. background: url(../../static/images/room.png)
  74. }
  75. .imagebg[src^="http"]::after{
  76. opacity: 0;
  77. } */
  78. .before-load {
  79. width: 0;
  80. height: 0;
  81. opacity: 0;
  82. }