style.css 1.3 KB

12345678910111213141516171819202122232425262728
  1. body {
  2. --red:#e54d42;
  3. --pink:#FF589B;
  4. --blue: #0081ff;
  5. --green: #39b54a;
  6. --gray: #666;
  7. background:#f8f9fb;
  8. font-family: "Microsoft Yahei",arial,"Hiragino Sans GB","Hiragino Sans GB W3",宋体,simsun;
  9. color:#333;
  10. }
  11. html {
  12. box-sizing: border-box;
  13. }
  14. *, *:before, *:after {
  15. box-sizing: inherit;
  16. }
  17. .nav-theme,.nav-theme .van-nav-bar{background:var(--blue);}
  18. .nav-theme .van-nav-bar__title,.nav-theme .van-nav-bar__text,.nav-theme .van-icon{color:white;}
  19. .van-swipe {background:white;}
  20. .article-list article{box-shadow:0 0 6px rgba(0, 0, 0, 0.028), 0 0 18px rgba(0, 0, 0, 0.042), 0 0 80px rgba(0, 0, 0, 0.07);border-radius: 5px;width:95%;height:110px;margin:10px auto;display:flex;align-items:center;background:white;padding:5px 10px;}
  21. .article-list article .s-left {height:90px;display:flex;flex-direction:column;width: 100%;}
  22. .article-list article .s-left.image {width: calc(100% - 120px);}
  23. .article-list article .s-left .s-title{font-size: 16px;text-overflow: ellipsis;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-box-pack: center;-webkit-box-align: center;-webkit-line-clamp: 3;}
  24. .article-list article .s-left .s-time{font-size: 12px;color:#999;margin-top:auto;}
  25. .article-list article .s-right {width:110px;margin-left:auto;}