common.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @font-face {
  2. font-family: 'oppoSans-M';
  3. src: url('@/assets/styles/OPPOSans-M.ttf') format('truetype');
  4. }
  5. @font-face {
  6. font-family: 'oppoSans-R';
  7. src: url('@/assets/styles/OPPOSans-R.ttf') format('truetype');
  8. }
  9. @font-face {
  10. font-family: 'myFont';
  11. src: url('@/assets/styles/custom.ttf') format('truetype');
  12. }
  13. .oppoSans-M{
  14. font-family: 'oppoSans-M';
  15. font-weight: 500;
  16. }
  17. .oppoSans-R{
  18. font-family: 'oppoSans-R';
  19. }
  20. .price-font{
  21. font-family: 'myFont';
  22. }
  23. body{
  24. font-family: 'oppoSans-M';
  25. background-color: #f5f5f5;
  26. color: #303133;
  27. }
  28. div{
  29. box-sizing: border-box;
  30. }
  31. // 标签
  32. .tag-item{
  33. display: flex;
  34. justify-content: center;
  35. align-items: center;
  36. box-sizing: border-box;
  37. font-size: 12px;
  38. border-radius: 6px;
  39. }
  40. .flex-center {
  41. align-items: center;
  42. display: flex;
  43. justify-content: center;
  44. }
  45. .main-container {
  46. width: 1200px;
  47. margin: 0 auto;
  48. }
  49. /* 多行超出隐藏 */
  50. .multi-hidden {
  51. word-break: break-all;
  52. text-overflow: ellipsis;
  53. overflow: hidden;
  54. display: -webkit-box;
  55. -webkit-line-clamp: 2;
  56. -webkit-box-orient: vertical;
  57. }
  58. .el-button:focus-visible{
  59. outline: none !important;
  60. }