blockItem.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .ugc_title {
  2. padding-left: 30rpx;
  3. font-size: 32rpx;
  4. height: 84rpx;
  5. line-height: 84rpx;
  6. overflow: hidden;
  7. white-space: nowrap;
  8. text-overflow: ellipsis;
  9. }
  10. .show {
  11. opacity: 1;
  12. transition: opacity .3s linear;
  13. -webkit-transition: opacity .3s linear;
  14. }
  15. .hide {
  16. opacity: 0;
  17. }
  18. .fcode_item {
  19. font-size: 24rpx;
  20. background: #ffffff;
  21. }
  22. .fcode_goods {
  23. position: relative;
  24. display: flex;
  25. width: 100%;
  26. padding: 25rpx 0 25rpx 25rpx;
  27. box-sizing: border-box;
  28. }
  29. .fcode_goods image{
  30. border: 2rpx solid #D9D9D9;
  31. margin-right: 24rpx;
  32. width:106rpx;
  33. }
  34. .fcode_goods fcode {
  35. font-size: 20rpx;
  36. }
  37. .fcode_goods::after {
  38. content: "";
  39. position: absolute;
  40. left: 0;
  41. bottom: 0;
  42. right: 0;
  43. height: 1px;
  44. border-bottom: 1px solid #D9D9D9;
  45. color: #D9D9D9;
  46. -webkit-transform: scaleY(0.5);
  47. transform: scaleY(0.5);
  48. }
  49. .fcode_content {
  50. display: flex;
  51. width: 100%;
  52. height: 67rpx;
  53. line-height: 67rpx;
  54. padding: 0 25rpx;
  55. box-sizing: border-box;
  56. }
  57. .fcode_content>view {
  58. flex: 1;
  59. }
  60. .fcode_content .fcode_state {
  61. text-align: right;
  62. }
  63. .fcode_content .fcode_state text {
  64. padding: 8rpx 20rpx;
  65. border-radius: 30rpx;
  66. }