amis 1.9.1-beta.0 → 1.9.1-beta.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (63) hide show
  1. package/lib/components/Alert2.d.ts +10 -10
  2. package/lib/components/SearchBox.d.ts +40 -40
  3. package/lib/components/calendar/DaysView.js +13 -6
  4. package/lib/components/calendar/DaysView.js.map +2 -2
  5. package/lib/components/calendar/TimeView.js +2 -1
  6. package/lib/components/calendar/TimeView.js.map +2 -2
  7. package/lib/components/formula/Picker.js +4 -4
  8. package/lib/components/formula/Picker.js.map +2 -2
  9. package/lib/helper.css +125 -124
  10. package/lib/helper.css.map +1 -1
  11. package/lib/index.js +1 -1
  12. package/lib/renderers/Log.d.ts +16 -0
  13. package/lib/renderers/Log.js +35 -11
  14. package/lib/renderers/Log.js.map +2 -2
  15. package/lib/themes/ang-ie11.css +15 -3
  16. package/lib/themes/ang.css +15 -3
  17. package/lib/themes/ang.css.map +1 -1
  18. package/lib/themes/antd-ie11.css +15 -3
  19. package/lib/themes/antd.css +15 -3
  20. package/lib/themes/antd.css.map +1 -1
  21. package/lib/themes/cxd-ie11.css +15 -3
  22. package/lib/themes/cxd.css +15 -3
  23. package/lib/themes/cxd.css.map +1 -1
  24. package/lib/themes/dark-ie11.css +15 -3
  25. package/lib/themes/dark.css +15 -3
  26. package/lib/themes/dark.css.map +1 -1
  27. package/lib/themes/default-ie11.css +15 -3
  28. package/lib/themes/default.css +15 -3
  29. package/lib/themes/default.css.map +1 -1
  30. package/package.json +1 -1
  31. package/scss/components/form/_transfer.scss +19 -3
  32. package/scss/helper/background/_background-color.scss +125 -124
  33. package/sdk/ang-ie11.css +19 -3
  34. package/sdk/ang.css +19 -3
  35. package/sdk/antd-ie11.css +19 -3
  36. package/sdk/antd.css +19 -3
  37. package/sdk/barcode.js +51 -51
  38. package/sdk/charts.js +14 -14
  39. package/sdk/codemirror.js +7 -7
  40. package/sdk/color-picker.js +65 -65
  41. package/sdk/cropperjs.js +2 -2
  42. package/sdk/cxd-ie11.css +19 -3
  43. package/sdk/cxd.css +19 -3
  44. package/sdk/dark-ie11.css +19 -3
  45. package/sdk/dark.css +19 -3
  46. package/sdk/exceljs.js +1 -1
  47. package/sdk/helper.css +125 -124
  48. package/sdk/helper.css.map +1 -1
  49. package/sdk/markdown.js +69 -69
  50. package/sdk/papaparse.js +1 -1
  51. package/sdk/renderers/Form/CityDB.js +1 -1
  52. package/sdk/rest.js +16 -16
  53. package/sdk/rich-text.js +62 -62
  54. package/sdk/sdk-ie11.css +19 -3
  55. package/sdk/sdk.css +19 -3
  56. package/sdk/sdk.js +1307 -1305
  57. package/sdk/thirds/hls.js/hls.js +1 -1
  58. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  59. package/sdk/tinymce.js +57 -57
  60. package/src/components/calendar/DaysView.tsx +68 -37
  61. package/src/components/calendar/TimeView.tsx +1 -1
  62. package/src/components/formula/Picker.tsx +2 -1
  63. package/src/renderers/Log.tsx +71 -12
package/lib/helper.css CHANGED
@@ -5,133 +5,134 @@
5
5
  title: 背景色
6
6
  ---
7
7
 
8
- | Class | Properties |
9
- | ----------- | ------------------------ |
10
- | bg-transparent | background: transparent |
11
- | bg-none | background: none !important |
12
- | bg-transparent | background: transparent |
13
- | bg-current | background: currentColor |
14
- | bg-black | background: #000 |
15
- | bg-white | background: #fff |
16
- | bg-primary | background: #007bff |
17
- | bg-secondary | background: #6c757d |
18
- | bg-success | background: #28a745 |
19
- | bg-info | background: #007bff |
20
- | bg-warning | background: #28a745 |
21
- | bg-danger | background: #dc3545 |
22
- | bg-light | background: #f8f9fa |
23
- | bg-dark | background: #343a40 |
24
- | bg-gray-transparent | background: transparent |
25
- | bg-gray-current | background: currentColor |
26
- | bg-gray-50 | background: #f9fafb |
27
- | bg-gray-100 | background: #f3f4f6 |
28
- | bg-gray-200 | background: #e5e7eb |
29
- | bg-gray-300 | background: #d1d5db |
30
- | bg-gray-400 | background: #9ca3af |
31
- | bg-gray-500 | background: #6b7280 |
32
- | bg-gray-600 | background: #4b5563 |
33
- | bg-gray-700 | background: #374151 |
34
- | bg-gray-800 | background: #1f2937 |
35
- | bg-gray-900 | background: #111827 |
36
- | bg-red-transparent | background: transparent |
37
- | bg-red-current | background: currentColor |
38
- | bg-red-50 | background: #fef2f2 |
39
- | bg-red-100 | background: #fee2e2 |
40
- | bg-red-200 | background: #fecaca |
41
- | bg-red-300 | background: #fca5a5 |
42
- | bg-red-400 | background: #f87171 |
43
- | bg-red-500 | background: #ef4444 |
44
- | bg-red-600 | background: #dc2626 |
45
- | bg-red-700 | background: #b91c1c |
46
- | bg-red-800 | background: #991b1b |
47
- | bg-red-900 | background: #7f1d1d |
48
- | bg-yellow-transparent | background: transparent |
49
- | bg-yellow-current | background: currentColor |
50
- | bg-yellow-50 | background: #fffbeb |
51
- | bg-yellow-100 | background: #fef3c7 |
52
- | bg-yellow-200 | background: #fde68a |
53
- | bg-yellow-300 | background: #fcd34d |
54
- | bg-yellow-400 | background: #fbbf24 |
55
- | bg-yellow-500 | background: #f59e0b |
56
- | bg-yellow-600 | background: #d97706 |
57
- | bg-yellow-700 | background: #b45309 |
58
- | bg-yellow-800 | background: #92400e |
59
- | bg-yellow-900 | background: #78350f |
60
- | bg-green-transparent | background: transparent |
61
- | bg-green-current | background: currentColor |
62
- | bg-green-50 | background: #ecfdf5 |
63
- | bg-green-100 | background: #d1fae5 |
64
- | bg-green-200 | background: #a7f3d0 |
65
- | bg-green-300 | background: #6ee7b7 |
66
- | bg-green-400 | background: #34d399 |
67
- | bg-green-500 | background: #10b981 |
68
- | bg-green-600 | background: #059669 |
69
- | bg-green-700 | background: #047857 |
70
- | bg-green-800 | background: #065f46 |
71
- | bg-green-900 | background: #064e3b |
72
- | bg-blue-transparent | background: transparent |
73
- | bg-blue-current | background: currentColor |
74
- | bg-blue-50 | background: #eff6ff |
75
- | bg-blue-100 | background: #dbeafe |
76
- | bg-blue-200 | background: #bfdbfe |
77
- | bg-blue-300 | background: #93c5fd |
78
- | bg-blue-400 | background: #60a5fa |
79
- | bg-blue-500 | background: #3b82f6 |
80
- | bg-blue-600 | background: #2563eb |
81
- | bg-blue-700 | background: #1d4ed8 |
82
- | bg-blue-800 | background: #1e40af |
83
- | bg-blue-900 | background: #1e3a8a |
84
- | bg-cyan-transparent | background: transparent |
85
- | bg-cyan-current | background: currentColor |
86
- | bg-cyan-50 | background: #ecfeff |
87
- | bg-cyan-100 | background: #cffafe |
88
- | bg-cyan-200 | background: #a5f3fc |
89
- | bg-cyan-300 | background: #67e8f9 |
90
- | bg-cyan-400 | background: #22d3ee |
91
- | bg-cyan-500 | background: #06b6d4 |
92
- | bg-cyan-600 | background: #0891b2 |
93
- | bg-cyan-700 | background: #0e7490 |
94
- | bg-cyan-800 | background: #155e75 |
95
- | bg-cyan-900 | background: #164e63 |
96
- | bg-indigo-transparent | background: transparent |
97
- | bg-indigo-current | background: currentColor |
98
- | bg-indigo-50 | background: #eef2ff |
99
- | bg-indigo-100 | background: #e0e7ff |
100
- | bg-indigo-200 | background: #c7d2fe |
101
- | bg-indigo-300 | background: #a5b4fc |
102
- | bg-indigo-400 | background: #818cf8 |
103
- | bg-indigo-500 | background: #6366f1 |
104
- | bg-indigo-600 | background: #4f46e5 |
105
- | bg-indigo-700 | background: #4338ca |
106
- | bg-indigo-800 | background: #3730a3 |
107
- | bg-indigo-900 | background: #312e81 |
108
- | bg-purple-transparent | background: transparent |
109
- | bg-purple-current | background: currentColor |
110
- | bg-purple-50 | background: #f5f3ff |
111
- | bg-purple-100 | background: #ede9fe |
112
- | bg-purple-200 | background: #ddd6fe |
113
- | bg-purple-300 | background: #c4b5fd |
114
- | bg-purple-400 | background: #a78bfa |
115
- | bg-purple-500 | background: #8b5cf6 |
116
- | bg-purple-600 | background: #7c3aed |
117
- | bg-purple-700 | background: #6d28d9 |
118
- | bg-purple-800 | background: #5b21b6 |
119
- | bg-purple-900 | background: #4c1d95 |
120
- | bg-pink-transparent | background: transparent |
121
- | bg-pink-current | background: currentColor |
122
- | bg-pink-50 | background: #fdf2f8 |
123
- | bg-pink-100 | background: #fce7f3 |
124
- | bg-pink-200 | background: #fbcfe8 |
125
- | bg-pink-300 | background: #f9a8d4 |
126
- | bg-pink-400 | background: #f472b6 |
127
- | bg-pink-500 | background: #ec4899 |
128
- | bg-pink-600 | background: #db2777 |
129
- | bg-pink-700 | background: #be185d |
130
- | bg-pink-800 | background: #9d174d |
131
- | bg-pink-900 | background: #831843 |
8
+ | Class | Properties | Demo |
9
+ | ----------- | ------------------------ | -------- |
10
+ | bg-none | background: none !important | <span style="background: none !important;" class="w-24 h-6"></div> |
11
+ | bg-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
12
+ | bg-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
13
+ | bg-black | background: #000 | <div style="background: #000;" class="w-24 h-6"></div> |
14
+ | bg-white | background: #fff | <div style="background: #fff;" class="w-24 h-6"></div> |
15
+ | bg-primary | background: #007bff | <div style="background: #007bff;" class="w-24 h-6"></div> |
16
+ | bg-secondary | background: #6c757d | <div style="background: #6c757d;" class="w-24 h-6"></div> |
17
+ | bg-success | background: #28a745 | <div style="background: #28a745;" class="w-24 h-6"></div> |
18
+ | bg-info | background: #007bff | <div style="background: #007bff" class="w-24 h-6"></div> |
19
+ | bg-warning | background: #28a745 | <div style="background: #28a745;" class="w-24 h-6"></div> |
20
+ | bg-danger | background: #dc3545 | <div style="background: #dc3545;" class="w-24 h-6"></div> |
21
+ | bg-light | background: #f8f9fa | <div style="background: #f8f9fa;" class="w-24 h-6"></div> |
22
+ | bg-dark | background: #343a40 | <div style="background: #343a40;" class="w-24 h-6"></div> |
23
+ | bg-gray-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
24
+ | bg-gray-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
25
+ | bg-gray-50 | background: #f9fafb | <div style="background: #f9fafb;" class="w-24 h-6"></div> |
26
+ | bg-gray-100 | background: #f3f4f6 | <div style="background: #f3f4f6;" class="w-24 h-6"></div> |
27
+ | bg-gray-200 | background: #e5e7eb | <div style="background: #e5e7eb;" class="w-24 h-6"></div> |
28
+ | bg-gray-300 | background: #d1d5db | <div style="background: #d1d5db;" class="w-24 h-6"></div> |
29
+ | bg-gray-400 | background: #9ca3af | <div style="background: #9ca3af;" class="w-24 h-6"></div> |
30
+ | bg-gray-500 | background: #6b7280 | <div style="background: #6b7280;" class="w-24 h-6"></div> |
31
+ | bg-gray-600 | background: #4b5563 | <div style="background: #4b5563;" class="w-24 h-6"></div> |
32
+ | bg-gray-700 | background: #374151 | <div style="background: #374151;" class="w-24 h-6"></div> |
33
+ | bg-gray-800 | background: #1f2937 | <div style="background: #1f2937;" class="w-24 h-6"></div> |
34
+ | bg-gray-900 | background: #111827 | <div style="background: #111827;" class="w-24 h-6"></div> |
35
+ | bg-red-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
36
+ | bg-red-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
37
+ | bg-red-50 | background: #fef2f2 | <div style="background: #fef2f2;" class="w-24 h-6"></div> |
38
+ | bg-red-100 | background: #fee2e2 | <div style="background: #fee2e2;" class="w-24 h-6"></div> |
39
+ | bg-red-200 | background: #fecaca | <div style="background: #fecaca;" class="w-24 h-6"></div> |
40
+ | bg-red-300 | background: #fca5a5 | <div style="background: #fca5a5;" class="w-24 h-6"></div> |
41
+ | bg-red-400 | background: #f87171 | <div style="background: #f87171;" class="w-24 h-6"></div> |
42
+ | bg-red-500 | background: #ef4444 | <div style="background: #ef4444;" class="w-24 h-6"></div> |
43
+ | bg-red-600 | background: #dc2626 | <div style="background: #dc2626;" class="w-24 h-6"></div> |
44
+ | bg-red-700 | background: #b91c1c | <div style="background: #b91c1c;" class="w-24 h-6"></div> |
45
+ | bg-red-800 | background: #991b1b | <div style="background: #991b1b;" class="w-24 h-6"></div> |
46
+ | bg-red-900 | background: #7f1d1d | <div style="background: #7f1d1d;" class="w-24 h-6"></div> |
47
+ | bg-yellow-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
48
+ | bg-yellow-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
49
+ | bg-yellow-50 | background: #fffbeb | <div style="background: #fffbeb;" class="w-24 h-6"></div> |
50
+ | bg-yellow-100 | background: #fef3c7 | <div style="background: #fef3c7;" class="w-24 h-6"></div> |
51
+ | bg-yellow-200 | background: #fde68a | <div style="background: #fde68a;" class="w-24 h-6"></div> |
52
+ | bg-yellow-300 | background: #fcd34d | <div style="background: #fcd34d;" class="w-24 h-6"></div> |
53
+ | bg-yellow-400 | background: #fbbf24 | <div style="background: #fbbf24;" class="w-24 h-6"></div> |
54
+ | bg-yellow-500 | background: #f59e0b | <div style="background: #f59e0b;" class="w-24 h-6"></div> |
55
+ | bg-yellow-600 | background: #d97706 | <div style="background: #d97706;" class="w-24 h-6"></div> |
56
+ | bg-yellow-700 | background: #b45309 | <div style="background: #b45309;" class="w-24 h-6"></div> |
57
+ | bg-yellow-800 | background: #92400e | <div style="background: #92400e;" class="w-24 h-6"></div> |
58
+ | bg-yellow-900 | background: #78350f | <div style="background: #78350f;" class="w-24 h-6"></div> |
59
+ | bg-green-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
60
+ | bg-green-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
61
+ | bg-green-50 | background: #ecfdf5 | <div style="background: #ecfdf5;" class="w-24 h-6"></div> |
62
+ | bg-green-100 | background: #d1fae5 | <div style="background: #d1fae5;" class="w-24 h-6"></div> |
63
+ | bg-green-200 | background: #a7f3d0 | <div style="background: #a7f3d0;" class="w-24 h-6"></div> |
64
+ | bg-green-300 | background: #6ee7b7 | <div style="background: #6ee7b7;" class="w-24 h-6"></div> |
65
+ | bg-green-400 | background: #34d399 | <div style="background: #34d399;" class="w-24 h-6"></div> |
66
+ | bg-green-500 | background: #10b981 | <div style="background: #10b981;" class="w-24 h-6"></div> |
67
+ | bg-green-600 | background: #059669 | <div style="background: #059669;" class="w-24 h-6"></div> |
68
+ | bg-green-700 | background: #047857 | <div style="background: #047857;" class="w-24 h-6"></div> |
69
+ | bg-green-800 | background: #065f46 | <div style="background: #065f46;" class="w-24 h-6"></div> |
70
+ | bg-green-900 | background: #064e3b | <div style="background: #064e3b;" class="w-24 h-6"></div> |
71
+ | bg-blue-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
72
+ | bg-blue-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
73
+ | bg-blue-50 | background: #eff6ff | <div style="background: #eff6ff;" class="w-24 h-6"></div> |
74
+ | bg-blue-100 | background: #dbeafe | <div style="background: #dbeafe;" class="w-24 h-6"></div> |
75
+ | bg-blue-200 | background: #bfdbfe | <div style="background: #bfdbfe;" class="w-24 h-6"></div> |
76
+ | bg-blue-300 | background: #93c5fd | <div style="background: #93c5fd;" class="w-24 h-6"></div> |
77
+ | bg-blue-400 | background: #60a5fa | <div style="background: #60a5fa;" class="w-24 h-6"></div> |
78
+ | bg-blue-500 | background: #3b82f6 | <div style="background: #3b82f6;" class="w-24 h-6"></div> |
79
+ | bg-blue-600 | background: #2563eb | <div style="background: #2563eb;" class="w-24 h-6"></div> |
80
+ | bg-blue-700 | background: #1d4ed8 | <div style="background: #1d4ed8;" class="w-24 h-6"></div> |
81
+ | bg-blue-800 | background: #1e40af | <div style="background: #1e40af;" class="w-24 h-6"></div> |
82
+ | bg-blue-900 | background: #1e3a8a | <div style="background: #1e3a8a;" class="w-24 h-6"></div> |
83
+ | bg-cyan-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
84
+ | bg-cyan-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
85
+ | bg-cyan-50 | background: #ecfeff | <div style="background: #ecfeff;" class="w-24 h-6"></div> |
86
+ | bg-cyan-100 | background: #cffafe | <div style="background: #cffafe;" class="w-24 h-6"></div> |
87
+ | bg-cyan-200 | background: #a5f3fc | <div style="background: #a5f3fc;" class="w-24 h-6"></div> |
88
+ | bg-cyan-300 | background: #67e8f9 | <div style="background: #67e8f9;" class="w-24 h-6"></div> |
89
+ | bg-cyan-400 | background: #22d3ee | <div style="background: #22d3ee;" class="w-24 h-6"></div> |
90
+ | bg-cyan-500 | background: #06b6d4 | <div style="background: #06b6d4;" class="w-24 h-6"></div> |
91
+ | bg-cyan-600 | background: #0891b2 | <div style="background: #0891b2;" class="w-24 h-6"></div> |
92
+ | bg-cyan-700 | background: #0e7490 | <div style="background: #0e7490;" class="w-24 h-6"></div> |
93
+ | bg-cyan-800 | background: #155e75 | <div style="background: #155e75;" class="w-24 h-6"></div> |
94
+ | bg-cyan-900 | background: #164e63 | <div style="background: #164e63;" class="w-24 h-6"></div> |
95
+ | bg-indigo-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
96
+ | bg-indigo-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
97
+ | bg-indigo-50 | background: #eef2ff | <div style="background: #eef2ff;" class="w-24 h-6"></div> |
98
+ | bg-indigo-100 | background: #e0e7ff | <div style="background: #e0e7ff;" class="w-24 h-6"></div> |
99
+ | bg-indigo-200 | background: #c7d2fe | <div style="background: #c7d2fe;" class="w-24 h-6"></div> |
100
+ | bg-indigo-300 | background: #a5b4fc | <div style="background: #a5b4fc;" class="w-24 h-6"></div> |
101
+ | bg-indigo-400 | background: #818cf8 | <div style="background: #818cf8;" class="w-24 h-6"></div> |
102
+ | bg-indigo-500 | background: #6366f1 | <div style="background: #6366f1;" class="w-24 h-6"></div> |
103
+ | bg-indigo-600 | background: #4f46e5 | <div style="background: #4f46e5;" class="w-24 h-6"></div> |
104
+ | bg-indigo-700 | background: #4338ca | <div style="background: #4338ca;" class="w-24 h-6"></div> |
105
+ | bg-indigo-800 | background: #3730a3 | <div style="background: #3730a3;" class="w-24 h-6"></div> |
106
+ | bg-indigo-900 | background: #312e81 | <div style="background: #312e81;" class="w-24 h-6"></div> |
107
+ | bg-purple-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
108
+ | bg-purple-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
109
+ | bg-purple-50 | background: #f5f3ff | <div style="background: #f5f3ff;" class="w-24 h-6"></div> |
110
+ | bg-purple-100 | background: #ede9fe | <div style="background: #ede9fe;" class="w-24 h-6"></div> |
111
+ | bg-purple-200 | background: #ddd6fe | <div style="background: #ddd6fe;" class="w-24 h-6"></div> |
112
+ | bg-purple-300 | background: #c4b5fd | <div style="background: #c4b5fd;" class="w-24 h-6"></div> |
113
+ | bg-purple-400 | background: #a78bfa | <div style="background: #a78bfa;" class="w-24 h-6"></div> |
114
+ | bg-purple-500 | background: #8b5cf6 | <div style="background: #8b5cf6;" class="w-24 h-6"></div> |
115
+ | bg-purple-600 | background: #7c3aed | <div style="background: #7c3aed;" class="w-24 h-6"></div> |
116
+ | bg-purple-700 | background: #6d28d9 | <div style="background: #6d28d9;" class="w-24 h-6"></div> |
117
+ | bg-purple-800 | background: #5b21b6 | <div style="background: #5b21b6;" class="w-24 h-6"></div> |
118
+ | bg-purple-900 | background: #4c1d95 | <div style="background: #4c1d95;" class="w-24 h-6"></div> |
119
+ | bg-pink-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
120
+ | bg-pink-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
121
+ | bg-pink-50 | background: #fdf2f8 | <div style="background: #fdf2f8;" class="w-24 h-6"></div> |
122
+ | bg-pink-100 | background: #fce7f3 | <div style="background: #fce7f3;" class="w-24 h-6"></div> |
123
+ | bg-pink-200 | background: #fbcfe8 | <div style="background: #fbcfe8;" class="w-24 h-6"></div> |
124
+ | bg-pink-300 | background: #f9a8d4 | <div style="background: #f9a8d4;" class="w-24 h-6"></div> |
125
+ | bg-pink-400 | background: #f472b6 | <div style="background: #f472b6;" class="w-24 h-6"></div> |
126
+ | bg-pink-500 | background: #ec4899 | <div style="background: #ec4899;" class="w-24 h-6"></div> |
127
+ | bg-pink-600 | background: #db2777 | <div style="background: #db2777;" class="w-24 h-6"></div> |
128
+ | bg-pink-700 | background: #be185d | <div style="background: #be185d;" class="w-24 h-6"></div> |
129
+ | bg-pink-800 | background: #9d174d | <div style="background: #9d174d;" class="w-24 h-6"></div> |
130
+ | bg-pink-900 | background: #831843 | <div style="background: #831843;" class="w-24 h-6"></div> |
132
131
 
133
132
  还有 hover、active、focus、disabled 扩展，比如 `hover:bg-black`
134
133
 
134
+ 参考: [tailwindcss](https://tailwindcss.com/docs/background-color)
135
+
135
136
  */
136
137
  .bg-transparent {
137
138
  background: transparent;