bhd-components 0.6.9 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,6 @@
1
1
  @import "../theme/variable.less";
2
- // @color-data-visualization-01: @color-background-info-base;
3
- // @color-text-primary: @color-background-info-base;
4
- // @color-background-primary-weak-hover:@color-background-info-weak;
2
+
3
+ // @import "../common.module.less"
5
4
 
6
5
  .service_ChatWindow_Drawer,
7
6
  .ChatWindow_Modal {
@@ -187,6 +186,7 @@
187
186
  .main_content_flag{
188
187
  width: 100%;
189
188
  }
189
+
190
190
  .main_content_flag:hover{
191
191
  .operate_modal {
192
192
  // display: block;
@@ -245,6 +245,10 @@
245
245
  margin: 4px 0;
246
246
  }
247
247
  }
248
+ .sign{
249
+ background-color: #1890ff;
250
+ color: #fff;
251
+ }
248
252
  }
249
253
  .operate_modal {
250
254
  // display: none;
@@ -1189,6 +1193,10 @@
1189
1193
  display: flex;
1190
1194
  align-items: center;
1191
1195
  border-bottom: 1px solid @color-border-secondary;
1196
+ cursor: pointer;
1197
+ &:hover{
1198
+ background-color: #EBEBEB;
1199
+ }
1192
1200
  .head_img{
1193
1201
  width: 36px;
1194
1202
  height: 36px;
@@ -1244,6 +1252,12 @@
1244
1252
  }
1245
1253
  }
1246
1254
  }
1255
+ .list_summary_active{
1256
+ background-color: @color-background-primary-weak;
1257
+ &:hover{
1258
+ background-color: @color-background-primary-weak;
1259
+ }
1260
+ }
1247
1261
 
1248
1262
  //详情
1249
1263
  .list_detail{
@@ -1274,11 +1288,10 @@
1274
1288
  display: flex;
1275
1289
  justify-content: space-between;
1276
1290
  align-items: center;
1277
- margin-bottom: 9px;
1291
+ margin-bottom: 4px;
1278
1292
  p {
1279
- color: @color-text-Tr;
1280
- font-size: 16px;
1281
- font-weight: 600;
1293
+ color: @color-text-Secondary-Tr;
1294
+ font-size: 14px;
1282
1295
  line-height: 1.5;
1283
1296
  }
1284
1297
  .time {
@@ -1293,12 +1306,12 @@
1293
1306
  line-height: 150%;
1294
1307
  overflow: hidden;
1295
1308
  text-overflow: ellipsis;
1296
- -webkit-box-orient: vertical;
1297
- -webkit-line-clamp: 2;
1298
- display: -webkit-box;
1309
+ // -webkit-box-orient: vertical;
1310
+ // -webkit-line-clamp: 2;
1311
+ // display: -webkit-box;
1299
1312
 
1300
- max-height: 40px;
1301
- word-break: break-all;
1313
+ max-height: 21px;
1314
+ white-space: nowrap;
1302
1315
  span {
1303
1316
  color: @color-text-primary;
1304
1317
  }
@@ -1,8 +1,11 @@
1
1
  @import "../theme/variable.less";
2
2
 
3
+ // @import "../common.module.less";
4
+
3
5
  @color-data-visualization-01: @color-background-info-base;
4
6
  @color-text-primary: @color-background-info-base;
5
7
  @color-background-primary-weak-hover: @color-background-info-weak;
8
+ @color-background-primary-weak: @color-background-info-weak;
6
9
 
7
10
 
8
11
  .service_ChatWindow_Drawer,
@@ -189,6 +192,7 @@
189
192
  .main_content_flag{
190
193
  width: 100%;
191
194
  }
195
+
192
196
  .main_content_flag:hover{
193
197
  .operate_modal {
194
198
  // display: block;
@@ -247,6 +251,10 @@
247
251
  margin: 4px 0;
248
252
  }
249
253
  }
254
+ .sign{
255
+ background-color: #1890ff;
256
+ color: #fff;
257
+ }
250
258
  }
251
259
  .operate_modal {
252
260
  // display: none;
@@ -1191,6 +1199,10 @@
1191
1199
  display: flex;
1192
1200
  align-items: center;
1193
1201
  border-bottom: 1px solid @color-border-secondary;
1202
+ cursor: pointer;
1203
+ &:hover{
1204
+ background-color: #EBEBEB;
1205
+ }
1194
1206
  .head_img{
1195
1207
  width: 36px;
1196
1208
  height: 36px;
@@ -1246,6 +1258,12 @@
1246
1258
  }
1247
1259
  }
1248
1260
  }
1261
+ .list_summary_active{
1262
+ background-color: @color-background-primary-weak;
1263
+ &:hover{
1264
+ background-color: @color-background-primary-weak;
1265
+ }
1266
+ }
1249
1267
 
1250
1268
  //详情
1251
1269
  .list_detail{
@@ -1276,11 +1294,10 @@
1276
1294
  display: flex;
1277
1295
  justify-content: space-between;
1278
1296
  align-items: center;
1279
- margin-bottom: 9px;
1297
+ margin-bottom: 4px;
1280
1298
  p {
1281
- color: @color-text-Tr;
1282
- font-size: 16px;
1283
- font-weight: 600;
1299
+ color: @color-text-Secondary-Tr;
1300
+ font-size: 14px;
1284
1301
  line-height: 1.5;
1285
1302
  }
1286
1303
  .time {
@@ -1295,12 +1312,12 @@
1295
1312
  line-height: 150%;
1296
1313
  overflow: hidden;
1297
1314
  text-overflow: ellipsis;
1298
- -webkit-box-orient: vertical;
1299
- -webkit-line-clamp: 2;
1300
- display: -webkit-box;
1315
+ // -webkit-box-orient: vertical;
1316
+ // -webkit-line-clamp: 2;
1317
+ // display: -webkit-box;
1301
1318
 
1302
- max-height: 40px;
1303
- word-break: break-all;
1319
+ max-height: 21px;
1320
+ white-space: nowrap;
1304
1321
  span {
1305
1322
  color: @color-text-primary;
1306
1323
  }
@@ -1382,3 +1399,4 @@
1382
1399
  }
1383
1400
  }
1384
1401
  }
1402
+