index.wxss 743 B

1234567891011121314151617181920212223242526
  1. .content-view{
  2. width: 100%;
  3. min-height: 100vh;
  4. background-color: #fef7e5;
  5. }
  6. .item-content{
  7. width: 100%;
  8. padding-bottom: 20rpx;
  9. background-color: #fff;
  10. border-right: 3rpx solid #000;
  11. border-bottom: 3rpx solid #000;
  12. border-left: 3rpx solid #000;
  13. background-image: url('https://www.nmglzrj.com/photo/dogManagementSystem/picture7.png');
  14. background-size: 895rpx 207rpx; /* 关键修改:保持图片比例并覆盖整个区域 */
  15. background-position: center; /* 确保背景图居中显示 */
  16. background-repeat: repeat; /* 防止图片重复 */
  17. border-bottom-left-radius: 40rpx;
  18. border-bottom-right-radius: 40rpx;
  19. box-sizing: border-box;
  20. display: flex;
  21. flex-direction: row;
  22. flex-wrap: wrap;
  23. justify-content: space-between;
  24. }