index.wxss 942 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /* 容器 */
  2. .item_box {
  3. display: flex;
  4. width: 95vw;
  5. border-bottom: 1rpx solid #E4E4E4;
  6. padding: 20rpx 0;
  7. margin: 0 auto;
  8. }
  9. /* 容器左侧 */
  10. .item_left {
  11. width: 260rpx;
  12. height: 160rpx;
  13. }
  14. /* 左侧图片 */
  15. .item_left .img {
  16. width: 100%;
  17. height: 100%;
  18. background-color: blue;
  19. margin: 0 15rpx;
  20. }
  21. /* 容器右侧 */
  22. .item_right {
  23. flex: 1;
  24. margin-left: 25rpx;
  25. }
  26. /* 设置右侧宽度 */
  27. .item_right view {
  28. width: 450rpx;
  29. }
  30. /* 右侧-标题 */
  31. .item_right_title {
  32. height: 60rpx;
  33. line-height: 50rpx;
  34. font-size: 34rpx;
  35. font-weight: 600;
  36. color: #666666;
  37. }
  38. /* 右侧-说明 (第二行) */
  39. .item_right_explain {
  40. color: #000000;
  41. opacity: 0.9;
  42. margin-bottom: 5rpx;
  43. }
  44. /* 右侧-用户名 */
  45. .item_right_user {
  46. height: 60rpx;
  47. line-height: 60rpx;
  48. }
  49. .item_right_user .icon {
  50. float: left;
  51. width: 60rpx;
  52. height: 60rpx;
  53. font-size: 50rpx;
  54. }