u-icon.wxss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. /* uni.scss */
  7. view.data-v-1c933a9a, scroll-view.data-v-1c933a9a, swiper-item.data-v-1c933a9a {
  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-1c933a9a {
  21. display: flex;
  22. align-items: center;
  23. }
  24. .u-icon--left.data-v-1c933a9a {
  25. flex-direction: row-reverse;
  26. align-items: center;
  27. }
  28. .u-icon--right.data-v-1c933a9a {
  29. flex-direction: row;
  30. align-items: center;
  31. }
  32. .u-icon--top.data-v-1c933a9a {
  33. flex-direction: column-reverse;
  34. justify-content: center;
  35. }
  36. .u-icon--bottom.data-v-1c933a9a {
  37. flex-direction: column;
  38. justify-content: center;
  39. }
  40. .u-icon__icon.data-v-1c933a9a {
  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-1c933a9a {
  48. color: #3c9cff;
  49. }
  50. .u-icon__icon--success.data-v-1c933a9a {
  51. color: #5ac725;
  52. }
  53. .u-icon__icon--error.data-v-1c933a9a {
  54. color: #f56c6c;
  55. }
  56. .u-icon__icon--warning.data-v-1c933a9a {
  57. color: #f9ae3d;
  58. }
  59. .u-icon__icon--info.data-v-1c933a9a {
  60. color: #909399;
  61. }
  62. .u-icon__img.data-v-1c933a9a {
  63. height: auto;
  64. will-change: transform;
  65. }
  66. .u-icon__label.data-v-1c933a9a {
  67. line-height: 1;
  68. }