cloud-web-corejs 1.0.54-dev.27 → 1.0.54-dev.28

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/onlineTalk/index.vue +24 -21
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "cloud-web-corejs",
3
3
  "private": false,
4
- "version": "1.0.54-dev.27",
4
+ "version": "1.0.54-dev.28",
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
7
7
  "lint": "eslint --ext .js,.vue src",
package/src/components/onlineTalk/index.vue CHANGED
@@ -48,10 +48,13 @@
48
48
  </template>
49
49
  <template v-else-if="item.contentType == 2">
50
50
  <ul class="onlieTalk-search-list">
51
+ <div class="tit"><i class="el-icon-chat-round"></i><b>猜你想问</b></div>
52
+ <div class="o-cont">
51
53
  <li v-for="(answer,index) in item.answers" :key="index">
52
54
  <a href="javascript:void(0);" class="a-link"
53
- @click="answerCheckHandle(answer)">{{ answer.question }}</a>
55
+ @click="answerCheckHandle(answer)">{{index+1}}、{{ answer.question }}</a>
54
56
  </li>
57
+ </div>
55
58
  </ul>
56
59
  </template>
57
60
  </div>
@@ -256,9 +259,12 @@
256
259
  </template>
257
260
  <template v-else-if="item.contentType == 2">
258
261
  <ul class="onlieTalk-search-list">
262
+ <div class="tit"><i class="el-icon-chat-round"></i><b>猜你想问</b></div>
263
+ <div class="o-cont">
259
264
  <li v-for="(answer,index) in item.answers" :key="index">
260
- <a href="javascript:void(0);" class="a-link">{{ answer.question }}</a>
265
+ <a href="javascript:void(0);" class="a-link">{{index+1}}、{{ answer.question }}</a>
261
266
  </li>
267
+ </div>
262
268
  </ul>
263
269
  </template>
264
270
  </div>
@@ -288,7 +294,20 @@ export default {
288
294
  </script>
289
295
  <style scoped lang="scss">
290
296
  @import '~@/styles/variables.scss';
291
-
297
+ .onlieTalk-search-list{
298
+ list-style: none;margin: -8px -4px 0;padding: 0;min-width: 360px;max-width: 90%;
299
+ .tit{color: #333;font-size: 14px;margin: 10px 0 3px;padding-left: 6px;
300
+ i{margin-right: 3px;}
301
+ }
302
+ .o-cont{background: #FFF;border-radius: 5px;margin-top: 7px;padding: 0 12px;}
303
+ li{
304
+ padding: 10px 2px;border-bottom: dashed 1px #dfdfdf;display: block;position: relative;font-size: 12px;cursor: pointer;
305
+ &:after{content:"\e6e0";font-family: element-icons!important;color:#747474;height:30px;border-radius: 50%;position: absolute;top:50%;margin-top:-15px;right:0;line-height:30px;}
306
+ &:last-child{
307
+ border-bottom: none;
308
+ }
309
+ }
310
+ }
292
311
  .history-box {
293
312
  .h-form {
294
313
  padding: 2px 16px 10px;
@@ -364,14 +383,7 @@ export default {
364
383
  font-size: 13px;
365
384
  overflow: hidden;
366
385
  .onlieTalk-search-list{
367
- list-style: none;margin: -6px 0;padding: 0;min-width: 360px;max-width: 90%;border: solid 1px #eee;padding: 4px 8px;border-radius: 6px;margin: 10px 0 4px;background: #f7f7f7;overflow: hidden;
368
- li{
369
- padding: 12px 2px;border-bottom: dashed 1px #dfdfdf;display: block;position: relative;font-size: 12px;cursor: pointer;
370
- &:after{content:"\e6e0";font-family: element-icons!important;color:#747474;height:30px;border-radius: 50%;position: absolute;top:50%;margin-top:-15px;right:0;line-height:30px;}
371
- &:last-child{
372
- border-bottom: none;
373
- }
374
- }
386
+ border: solid 1px #eee;padding:0 8px 6px;border-radius: 6px;margin: 10px 0 4px;background: #f7f7f7;overflow: hidden;
375
387
  }
376
388
  .name {
377
389
  color: #999;
@@ -605,16 +617,7 @@ export default {
605
617
  .item {
606
618
  margin: 10px 0;
607
619
  font-size: 14px;
608
- .onlieTalk-search-list{
609
- list-style: none;margin: -6px 0;padding: 0;min-width: 360px;max-width: 90%;
610
- li{
611
- padding: 12px 2px;border-bottom: dashed 1px #dfdfdf;display: block;position: relative;font-size: 12px;cursor: pointer;
612
- &:after{content:"\e6e0";font-family: element-icons!important;color:#747474;height:30px;border-radius: 50%;position: absolute;top:50%;margin-top:-15px;right:0;line-height:30px;}
613
- &:last-child{
614
- border-bottom: none;
615
- }
616
- }
617
- }
620
+
618
621
  .name {
619
622
  color: rgba(102, 102, 102, 0.6);
620
623
  margin-bottom: 4px;