u-icon.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  6. */
  7. view.data-v-2ee87dc9, scroll-view.data-v-2ee87dc9, swiper-item.data-v-2ee87dc9 {
  8. display: flex;
  9. flex-direction: column;
  10. flex-shrink: 0;
  11. flex-grow: 0;
  12. flex-basis: auto;
  13. align-items: stretch;
  14. align-content: flex-start;
  15. }
  16. @font-face {
  17. font-family: 'uicon-iconfont';
  18. src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
  19. }
  20. .u-icon.data-v-2ee87dc9 {
  21. display: flex;
  22. align-items: center;
  23. }
  24. .u-icon--left.data-v-2ee87dc9 {
  25. flex-direction: row-reverse;
  26. align-items: center;
  27. }
  28. .u-icon--right.data-v-2ee87dc9 {
  29. flex-direction: row;
  30. align-items: center;
  31. }
  32. .u-icon--top.data-v-2ee87dc9 {
  33. flex-direction: column-reverse;
  34. justify-content: center;
  35. }
  36. .u-icon--bottom.data-v-2ee87dc9 {
  37. flex-direction: column;
  38. justify-content: center;
  39. }
  40. .u-icon__icon.data-v-2ee87dc9 {
  41. font-family: uicon-iconfont;
  42. position: relative;
  43. display: flex;
  44. flex-direction: row;
  45. align-items: center;
  46. }
  47. .u-icon__icon--primary.data-v-2ee87dc9 {
  48. color: #3c9cff;
  49. }
  50. .u-icon__icon--success.data-v-2ee87dc9 {
  51. color: #5ac725;
  52. }
  53. .u-icon__icon--error.data-v-2ee87dc9 {
  54. color: #f56c6c;
  55. }
  56. .u-icon__icon--warning.data-v-2ee87dc9 {
  57. color: #f9ae3d;
  58. }
  59. .u-icon__icon--info.data-v-2ee87dc9 {
  60. color: #909399;
  61. }
  62. .u-icon__img.data-v-2ee87dc9 {
  63. height: auto;
  64. will-change: transform;
  65. }
  66. .u-icon__label.data-v-2ee87dc9 {
  67. line-height: 1;
  68. }