cerserach.less 644 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /* mHome/pages/cerserach/cerserach.wxss */
  2. .tab-view {
  3. position: sticky;
  4. top: 0;
  5. z-index: 999;
  6. }
  7. .cers {
  8. display: flex;
  9. flex-direction: row;
  10. flex-wrap: wrap;
  11. margin-top: 15px;
  12. justify-content: space-between;
  13. button {
  14. width: 23%;
  15. font-size: 13px;
  16. margin-bottom: 10px;
  17. }
  18. /* 选中时添加这个 样式 */
  19. .active {
  20. background: #dae9fd;
  21. }
  22. /* 三角形 */
  23. .active::before {
  24. content: '';
  25. display: inline-block;
  26. position: absolute;
  27. right: 0;
  28. bottom: 0;
  29. width: 0;
  30. height: 0;
  31. border-bottom: 15px solid rebeccapurple;
  32. border-left: 14px solid transparent;
  33. }
  34. }