article.wxss 678 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /* common.wxss */
  2. /* @import "/utils/common.wxss"; */
  3. /* 文章组 */
  4. .diy-article {
  5. background: #f7f7f7;
  6. }
  7. .diy-article .article-item {
  8. margin-bottom: 20rpx;
  9. padding: 30rpx;
  10. background: #fff;
  11. }
  12. .diy-article .article-item:last-child {
  13. margin-bottom: 0;
  14. }
  15. .diy-article .article-item .article-item__image .image {
  16. display: block;
  17. }
  18. /* 小图模式 */
  19. .show-type__10 {
  20. display: flex;
  21. }
  22. .show-type__10 .article-item__left {
  23. padding-right: 20rpx;
  24. }
  25. .show-type__10 .article-item__title {
  26. min-height: 72rpx;
  27. }
  28. .show-type__10 .article-item__image .image {
  29. width: 240rpx;
  30. }
  31. /* 大图模式 */
  32. .show-type__20 .article-item__image .image {
  33. width: 100%;
  34. }