blockItem.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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. height: 106rpx;
  34. }
  35. .fcode_goods fcode {
  36. font-size: 20rpx;
  37. }
  38. .fcode_goods::after {
  39. content: "";
  40. position: absolute;
  41. left: 0;
  42. bottom: 0;
  43. right: 0;
  44. height: 1px;
  45. border-bottom: 1px solid #D9D9D9;
  46. color: #D9D9D9;
  47. -webkit-transform: scaleY(0.5);
  48. transform: scaleY(0.5);
  49. }
  50. .fcode_content {
  51. display: flex;
  52. width: 100%;
  53. height: 67rpx;
  54. line-height: 67rpx;
  55. padding: 0 25rpx;
  56. box-sizing: border-box;
  57. }
  58. .fcode_content>view {
  59. flex: 1;
  60. }
  61. .fcode_content .fcode_state {
  62. text-align: right;
  63. }
  64. .fcode_content .fcode_state text {
  65. padding: 8rpx 20rpx;
  66. border-radius: 30rpx;
  67. }