bhd-components 0.6.5 → 0.6.7
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.
- package/dist/{8bda9e2e.esm.es5.production.js → 0acf50ef.esm.es5.production.js} +1 -1
- package/dist/{d4259367.esm.es5.development.js → 4fa3313f.esm.es5.development.js} +1402 -1140
- package/dist/index.esm.es5.development.css +864 -732
- package/dist/index.esm.es5.development.js +945 -780
- package/dist/index.esm.es5.production.css +1 -1
- package/dist/index.esm.es5.production.js +1 -1
- package/es2017/customerService/contactsList.d.ts +1 -1
- package/es2017/customerService/contactsList.js +11 -145
- package/es2017/customerService/function.js +20 -13
- package/es2017/customerService/historyFun.js +334 -154
- package/es2017/customerService/index.js +567 -437
- package/es2017/customerService/index.module.less +169 -65
- package/es2017/customerService/index2.module.less +170 -65
- package/es2017/icons/components/custom-expand.d.ts +4 -0
- package/es2017/icons/components/custom-expand.js +22 -0
- package/es2017/icons/components/index.d.ts +1 -0
- package/es2017/icons/components/index.js +1 -0
- package/esm/customerService/contactsList.d.ts +1 -1
- package/esm/customerService/contactsList.js +11 -158
- package/esm/customerService/function.js +20 -13
- package/esm/customerService/historyFun.js +338 -167
- package/esm/customerService/index.js +557 -445
- package/esm/customerService/index.module.less +169 -65
- package/esm/customerService/index2.module.less +170 -65
- package/esm/icons/components/custom-expand.d.ts +4 -0
- package/esm/icons/components/custom-expand.js +24 -0
- package/esm/icons/components/index.d.ts +1 -0
- package/esm/icons/components/index.js +1 -0
- package/package.json +1 -1
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
.header_wrap_newlabo {
|
|
111
111
|
.top {
|
|
112
112
|
background-color: #f5f5f5;
|
|
113
|
-
border-bottom: 1px solid @color-border-
|
|
113
|
+
border-bottom: 1px solid @color-border-secondary;
|
|
114
114
|
.user {
|
|
115
115
|
padding-left: 0;
|
|
116
116
|
font-weight: 400;
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
max-height: calc(100vh - 110px);
|
|
122
122
|
overflow: auto;
|
|
123
123
|
background: #f5f5f5;
|
|
124
|
-
min-height:
|
|
124
|
+
min-height: 200px;
|
|
125
125
|
.loading {
|
|
126
126
|
text-align: center;
|
|
127
127
|
margin: 10px 0;
|
|
@@ -181,21 +181,44 @@
|
|
|
181
181
|
width: 100%;
|
|
182
182
|
.main {
|
|
183
183
|
max-width: 80%;
|
|
184
|
+
// .content:hover ~ .main_content{
|
|
185
|
+
// .operate_modal {
|
|
186
|
+
// // display: block;
|
|
187
|
+
// visibility: visible;
|
|
188
|
+
// }
|
|
189
|
+
// }
|
|
190
|
+
.main_content_flag:hover{
|
|
191
|
+
.operate_modal {
|
|
192
|
+
// display: block;
|
|
193
|
+
visibility: visible;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
184
196
|
.main_content {
|
|
185
197
|
position: relative;
|
|
186
|
-
&:hover {
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
}
|
|
198
|
+
// &:hover {
|
|
199
|
+
// .operate_modal {
|
|
200
|
+
// // display: block;
|
|
201
|
+
// visibility: visible;
|
|
202
|
+
// }
|
|
203
|
+
// }
|
|
204
|
+
|
|
192
205
|
.content {
|
|
206
|
+
// &:hover {
|
|
207
|
+
// .operate_modal {
|
|
208
|
+
// // display: block;
|
|
209
|
+
// visibility: visible;
|
|
210
|
+
// }
|
|
211
|
+
// }
|
|
212
|
+
|
|
193
213
|
max-width: 100%;
|
|
194
214
|
// width: 100%;
|
|
195
215
|
//以下优化ai返回的内容的样式
|
|
196
216
|
.content_child {
|
|
197
217
|
padding: 0;
|
|
198
218
|
line-height: 1;
|
|
219
|
+
p{
|
|
220
|
+
word-break: break-all;
|
|
221
|
+
}
|
|
199
222
|
p,
|
|
200
223
|
li {
|
|
201
224
|
line-height: 1.5;
|
|
@@ -236,7 +259,7 @@
|
|
|
236
259
|
position: relative;
|
|
237
260
|
right: 0;
|
|
238
261
|
top: -14px;
|
|
239
|
-
z-index:
|
|
262
|
+
z-index: 9;
|
|
240
263
|
text-align: right;
|
|
241
264
|
// padding-bottom: 10px;
|
|
242
265
|
.operate {
|
|
@@ -288,6 +311,9 @@
|
|
|
288
311
|
display: flex;
|
|
289
312
|
justify-content: space-between;
|
|
290
313
|
align-items: center;
|
|
314
|
+
// position: sticky;
|
|
315
|
+
bottom: 0;
|
|
316
|
+
|
|
291
317
|
.operate {
|
|
292
318
|
display: inline-block;
|
|
293
319
|
padding: 8px;
|
|
@@ -613,8 +639,8 @@
|
|
|
613
639
|
}
|
|
614
640
|
.voice {
|
|
615
641
|
position: absolute;
|
|
616
|
-
right:
|
|
617
|
-
bottom:
|
|
642
|
+
right: 18px;
|
|
643
|
+
bottom: 10px;
|
|
618
644
|
color: rgba(0, 0, 0, 0.65);
|
|
619
645
|
i {
|
|
620
646
|
cursor: pointer;
|
|
@@ -627,8 +653,8 @@
|
|
|
627
653
|
width: 32px;
|
|
628
654
|
cursor: pointer;
|
|
629
655
|
position: absolute;
|
|
630
|
-
bottom: -
|
|
631
|
-
right:
|
|
656
|
+
bottom: -5px;
|
|
657
|
+
right: -10px;
|
|
632
658
|
}
|
|
633
659
|
}
|
|
634
660
|
.disabled{
|
|
@@ -678,7 +704,7 @@
|
|
|
678
704
|
.sending {
|
|
679
705
|
width: 20px;
|
|
680
706
|
margin-left: 16px;
|
|
681
|
-
margin-bottom:
|
|
707
|
+
margin-bottom: 8px;
|
|
682
708
|
i {
|
|
683
709
|
svg {
|
|
684
710
|
font-size: 20px;
|
|
@@ -964,7 +990,8 @@
|
|
|
964
990
|
}
|
|
965
991
|
.top .active,
|
|
966
992
|
.bottom .active {
|
|
967
|
-
background: @color-background-info-weak !important
|
|
993
|
+
// background: @color-background-info-weak !important;
|
|
994
|
+
background-color: #D1E4FF;
|
|
968
995
|
}
|
|
969
996
|
}
|
|
970
997
|
.teacher_layout_modal {
|
|
@@ -1015,7 +1042,7 @@
|
|
|
1015
1042
|
}
|
|
1016
1043
|
}
|
|
1017
1044
|
.con {
|
|
1018
|
-
color:
|
|
1045
|
+
color: rgba(0, 0, 0, 0.45);
|
|
1019
1046
|
font-size: 12px;
|
|
1020
1047
|
line-height: 1.5;
|
|
1021
1048
|
margin-top: 8px;
|
|
@@ -1071,6 +1098,7 @@
|
|
|
1071
1098
|
.search_layout {
|
|
1072
1099
|
background: #fff;
|
|
1073
1100
|
position: absolute;
|
|
1101
|
+
z-index: 10;
|
|
1074
1102
|
bottom: -500px;
|
|
1075
1103
|
width: 100%;
|
|
1076
1104
|
border-radius: 16px 16px 0px 0px;
|
|
@@ -1156,61 +1184,137 @@
|
|
|
1156
1184
|
border-radius: 4px;
|
|
1157
1185
|
background-color: rgba(0, 0, 0, 0.25);
|
|
1158
1186
|
}
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
// border-bottom: 1px solid @color-border-secondary;
|
|
1163
|
-
margin-bottom: 17px;
|
|
1164
|
-
position: relative;
|
|
1165
|
-
cursor: pointer;
|
|
1166
|
-
&:hover {
|
|
1167
|
-
background-color: rgba(0, 0, 0, 0.04);
|
|
1168
|
-
border-radius: 8px;
|
|
1169
|
-
}
|
|
1170
|
-
&::before {
|
|
1171
|
-
content: "";
|
|
1172
|
-
display: inline-block;
|
|
1187
|
+
//list_item
|
|
1188
|
+
.list_item{
|
|
1189
|
+
.list_summary{
|
|
1173
1190
|
width: 100%;
|
|
1174
|
-
|
|
1175
|
-
background-color: @color-border-secondary;
|
|
1176
|
-
position: absolute;
|
|
1177
|
-
bottom: -9px;
|
|
1178
|
-
left: -1px;
|
|
1179
|
-
}
|
|
1180
|
-
.name {
|
|
1191
|
+
padding: 8px 16px;
|
|
1181
1192
|
display: flex;
|
|
1182
|
-
justify-content: space-between;
|
|
1183
1193
|
align-items: center;
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1194
|
+
border-bottom: 1px solid @color-border-secondary;
|
|
1195
|
+
.head_img{
|
|
1196
|
+
width: 36px;
|
|
1197
|
+
height: 36px;
|
|
1198
|
+
border-radius: 50%;
|
|
1199
|
+
margin-right: 16px;
|
|
1200
|
+
|
|
1201
|
+
img{
|
|
1202
|
+
width: 36px;
|
|
1203
|
+
height: 36px;
|
|
1204
|
+
border-radius: 50%;
|
|
1205
|
+
}
|
|
1206
|
+
svg{
|
|
1207
|
+
width: 36px;
|
|
1208
|
+
height: 36px;
|
|
1209
|
+
}
|
|
1190
1210
|
}
|
|
1191
|
-
.
|
|
1192
|
-
|
|
1193
|
-
|
|
1211
|
+
.list_desc{
|
|
1212
|
+
width: calc(100% - 56px);
|
|
1213
|
+
.name{
|
|
1214
|
+
color:@color-text-Tr;
|
|
1215
|
+
font-size: 16px;
|
|
1216
|
+
font-weight: 600;
|
|
1217
|
+
line-height: 150%;
|
|
1218
|
+
margin-bottom: 4px;
|
|
1219
|
+
.time{
|
|
1220
|
+
float: right;
|
|
1221
|
+
font-size: 14px;
|
|
1222
|
+
color: @color-text-tertiary;
|
|
1223
|
+
font-weight: 400;
|
|
1224
|
+
}
|
|
1225
|
+
}
|
|
1226
|
+
.decs{
|
|
1227
|
+
color: @color-text-Secondary-Tr;
|
|
1228
|
+
font-size: 14px;
|
|
1229
|
+
font-weight: 400;
|
|
1230
|
+
line-height: 150%;
|
|
1231
|
+
overflow: hidden;
|
|
1232
|
+
text-overflow: ellipsis;
|
|
1233
|
+
white-space: nowrap;
|
|
1234
|
+
span{
|
|
1235
|
+
color:@color-text-primary;
|
|
1236
|
+
}
|
|
1237
|
+
}
|
|
1238
|
+
}
|
|
1239
|
+
.open{
|
|
1240
|
+
font-size: 24px;
|
|
1241
|
+
color: @color-icon-fill-Tr;
|
|
1242
|
+
}
|
|
1243
|
+
//展开
|
|
1244
|
+
.active{
|
|
1245
|
+
svg{
|
|
1246
|
+
transform: rotate(90deg);
|
|
1247
|
+
}
|
|
1194
1248
|
}
|
|
1195
1249
|
}
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1250
|
+
|
|
1251
|
+
//详情
|
|
1252
|
+
.list_detail{
|
|
1253
|
+
background-color: @color-background-fillquaternary-Tr;
|
|
1254
|
+
.list {
|
|
1255
|
+
// margin: 8px 24px;
|
|
1256
|
+
// padding: 8px;
|
|
1257
|
+
// border-bottom: 1px solid @color-border-secondary;
|
|
1258
|
+
padding: 8px 16px;
|
|
1259
|
+
margin-bottom: 1px;
|
|
1260
|
+
position: relative;
|
|
1261
|
+
cursor: pointer;
|
|
1262
|
+
&:hover {
|
|
1263
|
+
background-color: rgba(0, 0, 0, 0.04);
|
|
1264
|
+
// border-radius: 8px;
|
|
1265
|
+
}
|
|
1266
|
+
&::before {
|
|
1267
|
+
content: "";
|
|
1268
|
+
display: inline-block;
|
|
1269
|
+
width: 100%;
|
|
1270
|
+
height: 1px;
|
|
1271
|
+
background-color: @color-border-secondary;
|
|
1272
|
+
position: absolute;
|
|
1273
|
+
bottom: -1px;
|
|
1274
|
+
left: -1px;
|
|
1275
|
+
}
|
|
1276
|
+
.name {
|
|
1277
|
+
display: flex;
|
|
1278
|
+
justify-content: space-between;
|
|
1279
|
+
align-items: center;
|
|
1280
|
+
margin-bottom: 9px;
|
|
1281
|
+
p {
|
|
1282
|
+
color: @color-text-Tr;
|
|
1283
|
+
font-size: 16px;
|
|
1284
|
+
font-weight: 600;
|
|
1285
|
+
line-height: 1.5;
|
|
1286
|
+
}
|
|
1287
|
+
.time {
|
|
1288
|
+
font-size: 14px;
|
|
1289
|
+
color: @color-text-tertiary;
|
|
1290
|
+
}
|
|
1291
|
+
}
|
|
1292
|
+
.con {
|
|
1293
|
+
color: @color-text-Tr;
|
|
1294
|
+
font-size: 14px;
|
|
1295
|
+
font-weight: 400;
|
|
1296
|
+
line-height: 150%;
|
|
1297
|
+
overflow: hidden;
|
|
1298
|
+
text-overflow: ellipsis;
|
|
1299
|
+
-webkit-box-orient: vertical;
|
|
1300
|
+
-webkit-line-clamp: 2;
|
|
1301
|
+
display: -webkit-box;
|
|
1302
|
+
|
|
1303
|
+
max-height: 40px;
|
|
1304
|
+
word-break: break-all;
|
|
1305
|
+
span {
|
|
1306
|
+
color: @color-text-primary;
|
|
1307
|
+
}
|
|
1308
|
+
}
|
|
1309
|
+
}
|
|
1310
|
+
.list_more{
|
|
1311
|
+
text-align: center;
|
|
1312
|
+
color: @color-text-tertiary-Tr;
|
|
1313
|
+
font-size: 14px;
|
|
1211
1314
|
}
|
|
1212
1315
|
}
|
|
1213
1316
|
}
|
|
1317
|
+
|
|
1214
1318
|
.no_data{
|
|
1215
1319
|
text-align: center;
|
|
1216
1320
|
margin-top: 130px;
|
|
@@ -1273,9 +1377,9 @@
|
|
|
1273
1377
|
.main_list {
|
|
1274
1378
|
height: calc(100% - 140px);
|
|
1275
1379
|
max-height: calc(100% - 140px);
|
|
1276
|
-
.list{
|
|
1277
|
-
|
|
1278
|
-
}
|
|
1380
|
+
// .list{
|
|
1381
|
+
// margin: 8px 16px 17px;
|
|
1382
|
+
// }
|
|
1279
1383
|
}
|
|
1280
1384
|
}
|
|
1281
1385
|
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@color-text-primary: @color-background-info-base;
|
|
5
5
|
@color-background-primary-weak-hover: @color-background-info-weak;
|
|
6
6
|
|
|
7
|
+
|
|
7
8
|
.service_ChatWindow_Drawer,
|
|
8
9
|
.ChatWindow_Modal {
|
|
9
10
|
width: 100% !important;
|
|
@@ -111,7 +112,7 @@
|
|
|
111
112
|
.header_wrap_newlabo {
|
|
112
113
|
.top {
|
|
113
114
|
background-color: #f5f5f5;
|
|
114
|
-
border-bottom: 1px solid @color-border-
|
|
115
|
+
border-bottom: 1px solid @color-border-secondary;
|
|
115
116
|
.user {
|
|
116
117
|
padding-left: 0;
|
|
117
118
|
font-weight: 400;
|
|
@@ -122,7 +123,7 @@
|
|
|
122
123
|
max-height: calc(100vh - 110px);
|
|
123
124
|
overflow: auto;
|
|
124
125
|
background: #f5f5f5;
|
|
125
|
-
min-height:
|
|
126
|
+
min-height: 200px;
|
|
126
127
|
.loading {
|
|
127
128
|
text-align: center;
|
|
128
129
|
margin: 10px 0;
|
|
@@ -182,21 +183,44 @@
|
|
|
182
183
|
width: 100%;
|
|
183
184
|
.main {
|
|
184
185
|
max-width: 80%;
|
|
186
|
+
// .content:hover ~ .main_content{
|
|
187
|
+
// .operate_modal {
|
|
188
|
+
// // display: block;
|
|
189
|
+
// visibility: visible;
|
|
190
|
+
// }
|
|
191
|
+
// }
|
|
192
|
+
.main_content_flag:hover{
|
|
193
|
+
.operate_modal {
|
|
194
|
+
// display: block;
|
|
195
|
+
visibility: visible;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
185
198
|
.main_content {
|
|
186
199
|
position: relative;
|
|
187
|
-
&:hover {
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
}
|
|
200
|
+
// &:hover {
|
|
201
|
+
// .operate_modal {
|
|
202
|
+
// // display: block;
|
|
203
|
+
// visibility: visible;
|
|
204
|
+
// }
|
|
205
|
+
// }
|
|
206
|
+
|
|
193
207
|
.content {
|
|
208
|
+
// &:hover {
|
|
209
|
+
// .operate_modal {
|
|
210
|
+
// // display: block;
|
|
211
|
+
// visibility: visible;
|
|
212
|
+
// }
|
|
213
|
+
// }
|
|
214
|
+
|
|
194
215
|
max-width: 100%;
|
|
195
216
|
// width: 100%;
|
|
196
217
|
//以下优化ai返回的内容的样式
|
|
197
218
|
.content_child {
|
|
198
219
|
padding: 0;
|
|
199
220
|
line-height: 1;
|
|
221
|
+
p{
|
|
222
|
+
word-break: break-all;
|
|
223
|
+
}
|
|
200
224
|
p,
|
|
201
225
|
li {
|
|
202
226
|
line-height: 1.5;
|
|
@@ -237,7 +261,7 @@
|
|
|
237
261
|
position: relative;
|
|
238
262
|
right: 0;
|
|
239
263
|
top: -14px;
|
|
240
|
-
z-index:
|
|
264
|
+
z-index: 9;
|
|
241
265
|
text-align: right;
|
|
242
266
|
// padding-bottom: 10px;
|
|
243
267
|
.operate {
|
|
@@ -289,6 +313,9 @@
|
|
|
289
313
|
display: flex;
|
|
290
314
|
justify-content: space-between;
|
|
291
315
|
align-items: center;
|
|
316
|
+
// position: sticky;
|
|
317
|
+
bottom: 0;
|
|
318
|
+
|
|
292
319
|
.operate {
|
|
293
320
|
display: inline-block;
|
|
294
321
|
padding: 8px;
|
|
@@ -614,8 +641,8 @@
|
|
|
614
641
|
}
|
|
615
642
|
.voice {
|
|
616
643
|
position: absolute;
|
|
617
|
-
right:
|
|
618
|
-
bottom:
|
|
644
|
+
right: 18px;
|
|
645
|
+
bottom: 10px;
|
|
619
646
|
color: rgba(0, 0, 0, 0.65);
|
|
620
647
|
i {
|
|
621
648
|
cursor: pointer;
|
|
@@ -628,8 +655,8 @@
|
|
|
628
655
|
width: 32px;
|
|
629
656
|
cursor: pointer;
|
|
630
657
|
position: absolute;
|
|
631
|
-
bottom: -
|
|
632
|
-
right:
|
|
658
|
+
bottom: -5px;
|
|
659
|
+
right: -10px;
|
|
633
660
|
}
|
|
634
661
|
}
|
|
635
662
|
.disabled{
|
|
@@ -679,7 +706,7 @@
|
|
|
679
706
|
.sending {
|
|
680
707
|
width: 20px;
|
|
681
708
|
margin-left: 16px;
|
|
682
|
-
margin-bottom:
|
|
709
|
+
margin-bottom: 8px;
|
|
683
710
|
i {
|
|
684
711
|
svg {
|
|
685
712
|
font-size: 20px;
|
|
@@ -965,7 +992,8 @@
|
|
|
965
992
|
}
|
|
966
993
|
.top .active,
|
|
967
994
|
.bottom .active {
|
|
968
|
-
background: @color-background-info-weak !important
|
|
995
|
+
// background: @color-background-info-weak !important;
|
|
996
|
+
background-color: #D1E4FF;
|
|
969
997
|
}
|
|
970
998
|
}
|
|
971
999
|
.teacher_layout_modal {
|
|
@@ -1016,7 +1044,7 @@
|
|
|
1016
1044
|
}
|
|
1017
1045
|
}
|
|
1018
1046
|
.con {
|
|
1019
|
-
color:
|
|
1047
|
+
color: rgba(0, 0, 0, 0.45);
|
|
1020
1048
|
font-size: 12px;
|
|
1021
1049
|
line-height: 1.5;
|
|
1022
1050
|
margin-top: 8px;
|
|
@@ -1072,6 +1100,7 @@
|
|
|
1072
1100
|
.search_layout {
|
|
1073
1101
|
background: #fff;
|
|
1074
1102
|
position: absolute;
|
|
1103
|
+
z-index: 10;
|
|
1075
1104
|
bottom: -500px;
|
|
1076
1105
|
width: 100%;
|
|
1077
1106
|
border-radius: 16px 16px 0px 0px;
|
|
@@ -1157,61 +1186,137 @@
|
|
|
1157
1186
|
border-radius: 4px;
|
|
1158
1187
|
background-color: rgba(0, 0, 0, 0.25);
|
|
1159
1188
|
}
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
// border-bottom: 1px solid @color-border-secondary;
|
|
1164
|
-
margin-bottom: 17px;
|
|
1165
|
-
position: relative;
|
|
1166
|
-
cursor: pointer;
|
|
1167
|
-
&:hover {
|
|
1168
|
-
background-color: rgba(0, 0, 0, 0.04);
|
|
1169
|
-
border-radius: 8px;
|
|
1170
|
-
}
|
|
1171
|
-
&::before {
|
|
1172
|
-
content: "";
|
|
1173
|
-
display: inline-block;
|
|
1189
|
+
//list_item
|
|
1190
|
+
.list_item{
|
|
1191
|
+
.list_summary{
|
|
1174
1192
|
width: 100%;
|
|
1175
|
-
|
|
1176
|
-
background-color: @color-border-secondary;
|
|
1177
|
-
position: absolute;
|
|
1178
|
-
bottom: -9px;
|
|
1179
|
-
left: -1px;
|
|
1180
|
-
}
|
|
1181
|
-
.name {
|
|
1193
|
+
padding: 8px 16px;
|
|
1182
1194
|
display: flex;
|
|
1183
|
-
justify-content: space-between;
|
|
1184
1195
|
align-items: center;
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1196
|
+
border-bottom: 1px solid @color-border-secondary;
|
|
1197
|
+
.head_img{
|
|
1198
|
+
width: 36px;
|
|
1199
|
+
height: 36px;
|
|
1200
|
+
border-radius: 50%;
|
|
1201
|
+
margin-right: 16px;
|
|
1202
|
+
|
|
1203
|
+
img{
|
|
1204
|
+
width: 36px;
|
|
1205
|
+
height: 36px;
|
|
1206
|
+
border-radius: 50%;
|
|
1207
|
+
}
|
|
1208
|
+
svg{
|
|
1209
|
+
width: 36px;
|
|
1210
|
+
height: 36px;
|
|
1211
|
+
}
|
|
1191
1212
|
}
|
|
1192
|
-
.
|
|
1193
|
-
|
|
1194
|
-
|
|
1213
|
+
.list_desc{
|
|
1214
|
+
width: calc(100% - 56px);
|
|
1215
|
+
.name{
|
|
1216
|
+
color:@color-text-Tr;
|
|
1217
|
+
font-size: 16px;
|
|
1218
|
+
font-weight: 600;
|
|
1219
|
+
line-height: 150%;
|
|
1220
|
+
margin-bottom: 4px;
|
|
1221
|
+
.time{
|
|
1222
|
+
float: right;
|
|
1223
|
+
font-size: 14px;
|
|
1224
|
+
color: @color-text-tertiary;
|
|
1225
|
+
font-weight: 400;
|
|
1226
|
+
}
|
|
1227
|
+
}
|
|
1228
|
+
.decs{
|
|
1229
|
+
color: @color-text-Secondary-Tr;
|
|
1230
|
+
font-size: 14px;
|
|
1231
|
+
font-weight: 400;
|
|
1232
|
+
line-height: 150%;
|
|
1233
|
+
overflow: hidden;
|
|
1234
|
+
text-overflow: ellipsis;
|
|
1235
|
+
white-space: nowrap;
|
|
1236
|
+
span{
|
|
1237
|
+
color:@color-text-primary;
|
|
1238
|
+
}
|
|
1239
|
+
}
|
|
1240
|
+
}
|
|
1241
|
+
.open{
|
|
1242
|
+
font-size: 24px;
|
|
1243
|
+
color: @color-icon-fill-Tr;
|
|
1244
|
+
}
|
|
1245
|
+
//展开
|
|
1246
|
+
.active{
|
|
1247
|
+
svg{
|
|
1248
|
+
transform: rotate(90deg);
|
|
1249
|
+
}
|
|
1195
1250
|
}
|
|
1196
1251
|
}
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1252
|
+
|
|
1253
|
+
//详情
|
|
1254
|
+
.list_detail{
|
|
1255
|
+
background-color: @color-background-fillquaternary-Tr;
|
|
1256
|
+
.list {
|
|
1257
|
+
// margin: 8px 24px;
|
|
1258
|
+
// padding: 8px;
|
|
1259
|
+
// border-bottom: 1px solid @color-border-secondary;
|
|
1260
|
+
padding: 8px 16px;
|
|
1261
|
+
margin-bottom: 1px;
|
|
1262
|
+
position: relative;
|
|
1263
|
+
cursor: pointer;
|
|
1264
|
+
&:hover {
|
|
1265
|
+
background-color: rgba(0, 0, 0, 0.04);
|
|
1266
|
+
// border-radius: 8px;
|
|
1267
|
+
}
|
|
1268
|
+
&::before {
|
|
1269
|
+
content: "";
|
|
1270
|
+
display: inline-block;
|
|
1271
|
+
width: 100%;
|
|
1272
|
+
height: 1px;
|
|
1273
|
+
background-color: @color-border-secondary;
|
|
1274
|
+
position: absolute;
|
|
1275
|
+
bottom: -1px;
|
|
1276
|
+
left: -1px;
|
|
1277
|
+
}
|
|
1278
|
+
.name {
|
|
1279
|
+
display: flex;
|
|
1280
|
+
justify-content: space-between;
|
|
1281
|
+
align-items: center;
|
|
1282
|
+
margin-bottom: 9px;
|
|
1283
|
+
p {
|
|
1284
|
+
color: @color-text-Tr;
|
|
1285
|
+
font-size: 16px;
|
|
1286
|
+
font-weight: 600;
|
|
1287
|
+
line-height: 1.5;
|
|
1288
|
+
}
|
|
1289
|
+
.time {
|
|
1290
|
+
font-size: 14px;
|
|
1291
|
+
color: @color-text-tertiary;
|
|
1292
|
+
}
|
|
1293
|
+
}
|
|
1294
|
+
.con {
|
|
1295
|
+
color: @color-text-Tr;
|
|
1296
|
+
font-size: 14px;
|
|
1297
|
+
font-weight: 400;
|
|
1298
|
+
line-height: 150%;
|
|
1299
|
+
overflow: hidden;
|
|
1300
|
+
text-overflow: ellipsis;
|
|
1301
|
+
-webkit-box-orient: vertical;
|
|
1302
|
+
-webkit-line-clamp: 2;
|
|
1303
|
+
display: -webkit-box;
|
|
1304
|
+
|
|
1305
|
+
max-height: 40px;
|
|
1306
|
+
word-break: break-all;
|
|
1307
|
+
span {
|
|
1308
|
+
color: @color-text-primary;
|
|
1309
|
+
}
|
|
1310
|
+
}
|
|
1311
|
+
}
|
|
1312
|
+
.list_more{
|
|
1313
|
+
text-align: center;
|
|
1314
|
+
color: @color-text-tertiary-Tr;
|
|
1315
|
+
font-size: 14px;
|
|
1212
1316
|
}
|
|
1213
1317
|
}
|
|
1214
1318
|
}
|
|
1319
|
+
|
|
1215
1320
|
.no_data{
|
|
1216
1321
|
text-align: center;
|
|
1217
1322
|
margin-top: 130px;
|
|
@@ -1274,9 +1379,9 @@
|
|
|
1274
1379
|
.main_list {
|
|
1275
1380
|
height: calc(100% - 140px);
|
|
1276
1381
|
max-height: calc(100% - 140px);
|
|
1277
|
-
.list{
|
|
1278
|
-
|
|
1279
|
-
}
|
|
1382
|
+
// .list{
|
|
1383
|
+
// margin: 8px 16px 17px;
|
|
1384
|
+
// }
|
|
1280
1385
|
}
|
|
1281
1386
|
}
|
|
1282
1387
|
}
|