微信

page.scss 1.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .caseTableItem{
  2. width: 100%;
  3. position: relative;
  4. overflow: hidden;
  5. align-items: center;
  6. &>img{
  7. display: inline-block;
  8. position: absolute;
  9. right: .06rem;
  10. top: 50%;
  11. transform: translateY(-50%);
  12. -webkit-transform: translateY(-50%);
  13. width: .36rem;
  14. z-index: 1;
  15. opacity: .3;
  16. }
  17. &>img{
  18. display: inline-block;
  19. position: absolute;
  20. right: .1rem;
  21. top: .05rem;
  22. // font-size: .36rem;
  23. width: .4rem;
  24. height: .4rem;
  25. z-index: 1;
  26. color: rgba(255, 0, 0, .1);
  27. }
  28. .itemNo{
  29. width: .44rem;
  30. position: relative;
  31. overflow: hidden;
  32. margin-left: .15rem;
  33. z-index: 2;
  34. a{
  35. width: 100%;
  36. display: block;
  37. padding-bottom: 100%;
  38. box-sizing: border-box;
  39. border: .01rem solid #eee;
  40. border-radius: 100%;
  41. position: relative;
  42. overflow: hidden;
  43. div{
  44. width: 100%;
  45. text-align: center;
  46. font-size: 0;
  47. white-space: nowrap;
  48. i{
  49. display: inline-block;
  50. font-size: .13rem;
  51. color: #666;
  52. }
  53. }
  54. }
  55. }
  56. &>div.flex-item{
  57. margin: 0 .1rem;
  58. position: relative;
  59. overflow: hidden;
  60. z-index: 2;
  61. &>div{
  62. width: 100%;
  63. position: relative;
  64. overflow: hidden;
  65. span{
  66. width: 100%;
  67. display: block;
  68. overflow: hidden;
  69. text-overflow: ellipsis;
  70. white-space: nowrap;
  71. font-size: .13rem;
  72. color: #666;
  73. line-height: .24rem;
  74. }
  75. a{
  76. line-height: .22rem;
  77. color: #fb6b2f;
  78. font-size: .13rem;
  79. }
  80. }
  81. }
  82. }