|
1 | 1 | --- |
2 | | -title: ChatList 对话 |
3 | | -description: 用于 ChatBot 对话或者普通对话场景的组件。 |
| 2 | +title: ChatList 对话列表 |
| 3 | +description: 用于展示对话或者普通对话场景的组件。 |
4 | 4 | spline: base |
5 | 5 | isComponent: true |
6 | 6 | --- |
@@ -85,104 +85,104 @@ t-class-loading | 加载样式类 |
85 | 85 | ### CSS Variables |
86 | 86 |
|
87 | 87 | 组件提供了下列 CSS 变量,可用于自定义样式。 |
88 | | -名称 | 默认值 | 描述 |
| 88 | +名称 | 默认值 | 描述 |
89 | 89 | -- | -- | -- |
90 | | ---td-button-border-radius | @radius-default | - |
91 | | ---td-button-border-width | 4rpx | - |
92 | | ---td-button-danger-active-bg-color | @error-color-active | - |
93 | | ---td-button-danger-active-border-color | @error-color-active | - |
94 | | ---td-button-danger-bg-color | @error-color | - |
95 | | ---td-button-danger-border-color | @error-color | - |
96 | | ---td-button-danger-color | @text-color-anti | - |
97 | | ---td-button-danger-dashed-border-color | @button-danger-dashed-color | - |
98 | | ---td-button-danger-dashed-color | @error-color | - |
99 | | ---td-button-danger-dashed-disabled-color | @button-danger-disabled-color | - |
100 | | ---td-button-danger-disabled-bg | @error-color-3 | - |
101 | | ---td-button-danger-disabled-border-color | @error-color-3 | - |
102 | | ---td-button-danger-disabled-color | @font-white-1 | - |
103 | | ---td-button-danger-outline-active-bg-color | @bg-color-container-active | - |
104 | | ---td-button-danger-outline-active-border-color | @error-color-active | - |
105 | | ---td-button-danger-outline-border-color | @button-danger-outline-color | - |
106 | | ---td-button-danger-outline-color | @error-color | - |
107 | | ---td-button-danger-outline-disabled-color | @error-color-3 | - |
108 | | ---td-button-danger-text-active-bg-color | @bg-color-container-active | - |
109 | | ---td-button-danger-text-color | @error-color | - |
110 | | ---td-button-danger-text-disabled-color | @button-danger-disabled-color | - |
111 | | ---td-button-default-active-bg-color | @bg-color-component-active | - |
112 | | ---td-button-default-active-border-color | @bg-color-component-active | - |
113 | | ---td-button-default-bg-color | @bg-color-component | - |
114 | | ---td-button-default-border-color | @bg-color-component | - |
115 | | ---td-button-default-color | @text-color-primary | - |
116 | | ---td-button-default-disabled-bg | @bg-color-component-disabled | - |
117 | | ---td-button-default-disabled-border-color | @bg-color-component-disabled | - |
118 | | ---td-button-default-disabled-color | @text-color-disabled | - |
119 | | ---td-button-default-outline-active-bg-color | @bg-color-container-active | - |
120 | | ---td-button-default-outline-active-border-color | @component-border | - |
121 | | ---td-button-default-outline-border-color | @component-border | - |
122 | | ---td-button-default-outline-color | @text-color-primary | - |
123 | | ---td-button-default-outline-disabled-color | @component-border | - |
124 | | ---td-button-default-text-active-bg-color | @bg-color-container-active | - |
125 | | ---td-button-extra-small-font-size | @font-size-base | - |
126 | | ---td-button-extra-small-height | 56rpx | - |
127 | | ---td-button-extra-small-icon-font-size | 36rpx | - |
128 | | ---td-button-extra-small-padding-horizontal | 16rpx | - |
129 | | ---td-button-font-weight | 600 | - |
130 | | ---td-button-ghost-border-color | @button-ghost-color | - |
131 | | ---td-button-ghost-color | @text-color-anti | - |
132 | | ---td-button-ghost-danger-border-color | @error-color | - |
133 | | ---td-button-ghost-danger-color | @error-color | - |
134 | | ---td-button-ghost-danger-hover-color | @error-color-active | - |
135 | | ---td-button-ghost-disabled-color | @font-white-4 | - |
136 | | ---td-button-ghost-hover-color | @font-white-2 | - |
137 | | ---td-button-ghost-primary-border-color | @brand-color | - |
138 | | ---td-button-ghost-primary-color | @brand-color | - |
139 | | ---td-button-ghost-primary-hover-color | @brand-color-active | - |
140 | | ---td-button-icon-border-radius | 8rpx | - |
141 | | ---td-button-icon-spacer | @spacer | - |
142 | | ---td-button-large-font-size | @font-size-m | - |
143 | | ---td-button-large-height | 96rpx | - |
144 | | ---td-button-large-icon-font-size | 48rpx | - |
145 | | ---td-button-large-padding-horizontal | 40rpx | - |
146 | | ---td-button-light-active-bg-color | @brand-color-light-active | - |
147 | | ---td-button-light-active-border-color | @brand-color-light-active | - |
148 | | ---td-button-light-bg-color | @brand-color-light | - |
149 | | ---td-button-light-border-color | @brand-color-light | - |
150 | | ---td-button-light-color | @brand-color | - |
151 | | ---td-button-light-disabled-bg | @brand-color-light | - |
152 | | ---td-button-light-disabled-border-color | @brand-color-light | - |
153 | | ---td-button-light-disabled-color | @brand-color-disabled | - |
154 | | ---td-button-light-outline-active-bg-color | @brand-color-light-active | - |
155 | | ---td-button-light-outline-active-border-color | @brand-color-active | - |
156 | | ---td-button-light-outline-bg-color | @brand-color-light | - |
157 | | ---td-button-light-outline-border-color | @button-light-outline-color | - |
158 | | ---td-button-light-outline-color | @brand-color | - |
159 | | ---td-button-light-outline-disabled-color | @brand-color-disabled | - |
160 | | ---td-button-light-text-active-bg-color | @bg-color-container-active | - |
161 | | ---td-button-light-text-color | @brand-color | - |
162 | | ---td-button-medium-font-size | @font-size-m | - |
163 | | ---td-button-medium-height | 80rpx | - |
164 | | ---td-button-medium-icon-font-size | 40rpx | - |
165 | | ---td-button-medium-padding-horizontal | 32rpx | - |
166 | | ---td-button-primary-active-bg-color | @brand-color-active | - |
167 | | ---td-button-primary-active-border-color | @brand-color-active | - |
168 | | ---td-button-primary-bg-color | @brand-color | - |
169 | | ---td-button-primary-border-color | @brand-color | - |
170 | | ---td-button-primary-color | @text-color-anti | - |
171 | | ---td-button-primary-dashed-border-color | @button-primary-dashed-color | - |
172 | | ---td-button-primary-dashed-color | @brand-color | - |
173 | | ---td-button-primary-dashed-disabled-color | @brand-color-disabled | - |
174 | | ---td-button-primary-disabled-bg | @brand-color-disabled | - |
175 | | ---td-button-primary-disabled-border-color | @brand-color-disabled | - |
176 | | ---td-button-primary-disabled-color | @text-color-anti | - |
177 | | ---td-button-primary-outline-active-bg-color | @bg-color-container-active | - |
178 | | ---td-button-primary-outline-active-border-color | @brand-color-active | - |
179 | | ---td-button-primary-outline-border-color | @button-primary-outline-color | - |
180 | | ---td-button-primary-outline-color | @brand-color | - |
181 | | ---td-button-primary-outline-disabled-color | @brand-color-disabled | - |
182 | | ---td-button-primary-text-active-bg-color | @bg-color-container-active | - |
183 | | ---td-button-primary-text-color | @brand-color | - |
184 | | ---td-button-primary-text-disabled-color | @brand-color-disabled | - |
185 | | ---td-button-small-font-size | @font-size-base | - |
186 | | ---td-button-small-height | 64rpx | - |
187 | | ---td-button-small-icon-font-size | 36rpx | - |
188 | | ---td-button-small-padding-horizontal | 24rpx | - |
| 90 | +--td-button-border-radius | @radius-default | - |
| 91 | +--td-button-border-width | 4rpx | - |
| 92 | +--td-button-danger-active-bg-color | @error-color-active | - |
| 93 | +--td-button-danger-active-border-color | @error-color-active | - |
| 94 | +--td-button-danger-bg-color | @error-color | - |
| 95 | +--td-button-danger-border-color | @error-color | - |
| 96 | +--td-button-danger-color | @text-color-anti | - |
| 97 | +--td-button-danger-dashed-border-color | @button-danger-dashed-color | - |
| 98 | +--td-button-danger-dashed-color | @error-color | - |
| 99 | +--td-button-danger-dashed-disabled-color | @button-danger-disabled-color | - |
| 100 | +--td-button-danger-disabled-bg | @error-color-3 | - |
| 101 | +--td-button-danger-disabled-border-color | @error-color-3 | - |
| 102 | +--td-button-danger-disabled-color | @font-white-1 | - |
| 103 | +--td-button-danger-outline-active-bg-color | @bg-color-container-active | - |
| 104 | +--td-button-danger-outline-active-border-color | @error-color-active | - |
| 105 | +--td-button-danger-outline-border-color | @button-danger-outline-color | - |
| 106 | +--td-button-danger-outline-color | @error-color | - |
| 107 | +--td-button-danger-outline-disabled-color | @error-color-3 | - |
| 108 | +--td-button-danger-text-active-bg-color | @bg-color-container-active | - |
| 109 | +--td-button-danger-text-color | @error-color | - |
| 110 | +--td-button-danger-text-disabled-color | @button-danger-disabled-color | - |
| 111 | +--td-button-default-active-bg-color | @bg-color-component-active | - |
| 112 | +--td-button-default-active-border-color | @bg-color-component-active | - |
| 113 | +--td-button-default-bg-color | @bg-color-component | - |
| 114 | +--td-button-default-border-color | @bg-color-component | - |
| 115 | +--td-button-default-color | @text-color-primary | - |
| 116 | +--td-button-default-disabled-bg | @bg-color-component-disabled | - |
| 117 | +--td-button-default-disabled-border-color | @bg-color-component-disabled | - |
| 118 | +--td-button-default-disabled-color | @text-color-disabled | - |
| 119 | +--td-button-default-outline-active-bg-color | @bg-color-container-active | - |
| 120 | +--td-button-default-outline-active-border-color | @component-border | - |
| 121 | +--td-button-default-outline-border-color | @component-border | - |
| 122 | +--td-button-default-outline-color | @text-color-primary | - |
| 123 | +--td-button-default-outline-disabled-color | @component-border | - |
| 124 | +--td-button-default-text-active-bg-color | @bg-color-container-active | - |
| 125 | +--td-button-extra-small-font-size | @font-size-base | - |
| 126 | +--td-button-extra-small-height | 56rpx | - |
| 127 | +--td-button-extra-small-icon-font-size | 36rpx | - |
| 128 | +--td-button-extra-small-padding-horizontal | 16rpx | - |
| 129 | +--td-button-font-weight | 600 | - |
| 130 | +--td-button-ghost-border-color | @button-ghost-color | - |
| 131 | +--td-button-ghost-color | @text-color-anti | - |
| 132 | +--td-button-ghost-danger-border-color | @error-color | - |
| 133 | +--td-button-ghost-danger-color | @error-color | - |
| 134 | +--td-button-ghost-danger-hover-color | @error-color-active | - |
| 135 | +--td-button-ghost-disabled-color | @font-white-4 | - |
| 136 | +--td-button-ghost-hover-color | @font-white-2 | - |
| 137 | +--td-button-ghost-primary-border-color | @brand-color | - |
| 138 | +--td-button-ghost-primary-color | @brand-color | - |
| 139 | +--td-button-ghost-primary-hover-color | @brand-color-active | - |
| 140 | +--td-button-icon-border-radius | 8rpx | - |
| 141 | +--td-button-icon-spacer | @spacer | - |
| 142 | +--td-button-large-font-size | @font-size-m | - |
| 143 | +--td-button-large-height | 96rpx | - |
| 144 | +--td-button-large-icon-font-size | 48rpx | - |
| 145 | +--td-button-large-padding-horizontal | 40rpx | - |
| 146 | +--td-button-light-active-bg-color | @brand-color-light-active | - |
| 147 | +--td-button-light-active-border-color | @brand-color-light-active | - |
| 148 | +--td-button-light-bg-color | @brand-color-light | - |
| 149 | +--td-button-light-border-color | @brand-color-light | - |
| 150 | +--td-button-light-color | @brand-color | - |
| 151 | +--td-button-light-disabled-bg | @brand-color-light | - |
| 152 | +--td-button-light-disabled-border-color | @brand-color-light | - |
| 153 | +--td-button-light-disabled-color | @brand-color-disabled | - |
| 154 | +--td-button-light-outline-active-bg-color | @brand-color-light-active | - |
| 155 | +--td-button-light-outline-active-border-color | @brand-color-active | - |
| 156 | +--td-button-light-outline-bg-color | @brand-color-light | - |
| 157 | +--td-button-light-outline-border-color | @button-light-outline-color | - |
| 158 | +--td-button-light-outline-color | @brand-color | - |
| 159 | +--td-button-light-outline-disabled-color | @brand-color-disabled | - |
| 160 | +--td-button-light-text-active-bg-color | @bg-color-container-active | - |
| 161 | +--td-button-light-text-color | @brand-color | - |
| 162 | +--td-button-medium-font-size | @font-size-m | - |
| 163 | +--td-button-medium-height | 80rpx | - |
| 164 | +--td-button-medium-icon-font-size | 40rpx | - |
| 165 | +--td-button-medium-padding-horizontal | 32rpx | - |
| 166 | +--td-button-primary-active-bg-color | @brand-color-active | - |
| 167 | +--td-button-primary-active-border-color | @brand-color-active | - |
| 168 | +--td-button-primary-bg-color | @brand-color | - |
| 169 | +--td-button-primary-border-color | @brand-color | - |
| 170 | +--td-button-primary-color | @text-color-anti | - |
| 171 | +--td-button-primary-dashed-border-color | @button-primary-dashed-color | - |
| 172 | +--td-button-primary-dashed-color | @brand-color | - |
| 173 | +--td-button-primary-dashed-disabled-color | @brand-color-disabled | - |
| 174 | +--td-button-primary-disabled-bg | @brand-color-disabled | - |
| 175 | +--td-button-primary-disabled-border-color | @brand-color-disabled | - |
| 176 | +--td-button-primary-disabled-color | @text-color-anti | - |
| 177 | +--td-button-primary-outline-active-bg-color | @bg-color-container-active | - |
| 178 | +--td-button-primary-outline-active-border-color | @brand-color-active | - |
| 179 | +--td-button-primary-outline-border-color | @button-primary-outline-color | - |
| 180 | +--td-button-primary-outline-color | @brand-color | - |
| 181 | +--td-button-primary-outline-disabled-color | @brand-color-disabled | - |
| 182 | +--td-button-primary-text-active-bg-color | @bg-color-container-active | - |
| 183 | +--td-button-primary-text-color | @brand-color | - |
| 184 | +--td-button-primary-text-disabled-color | @brand-color-disabled | - |
| 185 | +--td-button-small-font-size | @font-size-base | - |
| 186 | +--td-button-small-height | 64rpx | - |
| 187 | +--td-button-small-icon-font-size | 36rpx | - |
| 188 | +--td-button-small-padding-horizontal | 24rpx | - |
0 commit comments