@zykjcommon/questions 0.0.25 → 0.0.26

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 (9) hide show
  1. package/dist/zykjcommon-questions.common.js +35 -24
  2. package/dist/zykjcommon-questions.umd.js +35 -24
  3. package/dist/zykjcommon-questions.umd.min.js +1 -1
  4. package/package.json +1 -1
  5. package/src/assets/js/rem.js +3 -1
  6. package/src/assets/scss/questions/zykjcommon-questions.scss +60 -60
  7. package/src/assets/scss/questions/zykjcommon-questions2.scss +600 -0
  8. package/src/components/questions/Question_Classify.vue +12 -5
  9. package/src/main.ts +1 -0
package/src/assets/scss/questions/zykjcommon-questions.scss CHANGED
@@ -1,4 +1,4 @@
1
- $greenItemFontSize:0.14rem;
1
+ $greenItemFontSize:0.14em;
2
2
  .zykjcommon-question{
3
3
  .editor-content{
4
4
  margin-top: 10px;
@@ -345,47 +345,47 @@ $greenItemFontSize:0.14rem;
345
345
 
346
346
  .question-classify{
347
347
  margin: 0 auto;
348
- width: 10rem;
348
+ width: 10em;
349
349
  height: 100%;
350
350
  position: relative;
351
351
  /*background: url("../../img/classify-bg-seaworld.png") no-repeat center;*/
352
352
  /*background-size: 100% 100%;*/
353
353
  overflow: auto;
354
354
  .box{
355
- padding: 0 0.8rem;
355
+ padding: 0 0.8em;
356
356
  width: 100%;
357
357
  display: flex;
358
358
  justify-content: space-between;
359
- margin-top: 0.72rem;
359
+ margin-top: 0.72em;
360
360
  }
361
361
  .box-item{
362
- width: 4rem;
363
- height: 4.4rem;
362
+ width: 4em;
363
+ height: 4.4em;
364
364
  display: flex;
365
365
  flex-direction: column;
366
366
  /*background: url("../../img/classify-boxitem-bg.png") no-repeat center;*/
367
367
  /*background-size: 100% 100%;*/
368
368
  }
369
369
  .main-block{
370
- margin:0.38rem auto 0;
371
- width: 1.1rem;
372
- height: 1.1rem;
370
+ margin:0.38em auto 0;
371
+ width: 1.1em;
372
+ height: 1.1em;
373
373
  background: #76d2ff;
374
374
  border: 1px dashed #ffffff;
375
- border-radius: 0.11rem;
375
+ border-radius: 0.11em;
376
376
  flex-shrink: 0;
377
377
  img{
378
378
  width: 100%;
379
379
  height: 100%;
380
- border-radius: 0.11rem;
380
+ border-radius: 0.11em;
381
381
  }
382
382
  }
383
383
  .main-content{
384
- padding: 0 0.28rem 0.15rem 0.35rem;
384
+ padding: 0 0.28em 0.15em 0.35em;
385
385
  flex: 1;
386
386
  .main-append{
387
- /*height: 2.72rem;*/
388
- height: 2.9rem;
387
+ /*height: 2.72em;*/
388
+ height: 2.9em;
389
389
  overflow: auto;
390
390
  display: flex;
391
391
  flex-wrap: wrap;
@@ -396,50 +396,50 @@ $greenItemFontSize:0.14rem;
396
396
  .append-item{
397
397
  /*background: url("../../img/classify-green-item.png") no-repeat center;
398
398
  background-size: 100% 100%;*/
399
- width: 1.3rem;
400
- height: 1.3rem;
401
- margin-right: 0.1rem;
399
+ width: 1.3em;
400
+ height: 1.3em;
401
+ margin-right: 0.1em;
402
402
  flex-shrink: 0;
403
403
  cursor: move;
404
404
  text-align: center;
405
- font-size: $greenItemFontSize;
406
405
  color:rgb(238,252,149);
407
- padding:0 0.2rem;
406
+ padding:0 0.2em;
408
407
  display: flex;
409
408
  justify-content: center;
410
409
  align-items: center;
411
410
  line-height: 1.2em;
412
411
  /*letter-spacing: 0.8px;*/
413
412
  .list-item-text{
414
- margin-top: 0.1rem;
413
+ font-size: $greenItemFontSize;
414
+ margin-top: 0.1em;
415
415
  display: inline-block;
416
416
  }
417
417
  &:nth-child(2n+1){
418
- margin-left: 0.2rem;
418
+ margin-left: 0.2em;
419
419
  }
420
420
  &:nth-child(2n){
421
- margin-right: 0.2rem;
421
+ margin-right: 0.2em;
422
422
  }
423
423
  }
424
424
  .list-outter{
425
- padding: 0 0.33rem;
426
- height: 1.5rem;
425
+ padding: 0 0.33em;
426
+ height: 1.5em;
427
427
  position: absolute;
428
- bottom: 0.2rem;
428
+ bottom: 0.2em;
429
429
  left:50%;
430
- margin-left: -4.5rem;
431
- width: 9rem;
430
+ margin-left: -4.5em;
431
+ width: 9em;
432
432
  /*background: url("../../img/classify-list-bg.png") no-repeat center;*/
433
433
  /*background-size: 100% 100%;*/
434
434
  .list{
435
- height: 1.5rem;
435
+ height: 1.5em;
436
436
  display: flex;
437
437
  align-items: center;
438
438
  overflow-x: auto;
439
439
  width: 100%;
440
440
  }
441
441
  .prev,.next{
442
- width: 0.24rem;
442
+ width: 0.24em;
443
443
  height: 100%;
444
444
  display: flex;
445
445
  align-items: center;
@@ -454,8 +454,8 @@ $greenItemFontSize:0.14rem;
454
454
  right:5px;
455
455
  }
456
456
  .prev-main,.next-main{
457
- width: 0.24rem;
458
- height: 0.28rem;
457
+ width: 0.24em;
458
+ height: 0.28em;
459
459
  top:50%;
460
460
  }
461
461
  .prev-main{
@@ -470,22 +470,22 @@ $greenItemFontSize:0.14rem;
470
470
  .list-item{
471
471
  /*background: url("../../img/classify-green-item.png") no-repeat center;
472
472
  background-size: 100% 100%;*/
473
- width: 1.3rem;
474
- height: 1.3rem;
475
- margin-right: 0.1rem;
473
+ width: 1.3em;
474
+ height: 1.3em;
475
+ margin-right: 0.1em;
476
476
  flex-shrink: 0;
477
477
  cursor: move;
478
478
  text-align: center;
479
- font-size: $greenItemFontSize;
480
479
  color:rgb(238,252,149);
481
- padding:0 0.2rem;
480
+ padding:0 0.2em;
482
481
  display: flex;
483
482
  justify-content: center;
484
483
  align-items: center;
485
484
  line-height: 1.2em;
486
485
  /*letter-spacing: 0.8px;*/
487
486
  .list-item-text{
488
- margin-top: 0.1rem;
487
+ font-size: $greenItemFontSize;
488
+ margin-top: 0.1em;
489
489
  display: inline-block;
490
490
  }
491
491
  }
@@ -497,6 +497,29 @@ $greenItemFontSize:0.14rem;
497
497
  }
498
498
 
499
499
  }
500
+ .question-classify-moveDiv{
501
+ position: fixed;
502
+ /*background: url("../../img/classify-green-item.png") no-repeat center;
503
+ background-size: 100% 100%;*/
504
+ width: 1.3em;
505
+ height: 1.3em;
506
+ margin-right: 0.1em;
507
+ flex-shrink: 0;
508
+ cursor: move;
509
+ text-align: center;
510
+ color:rgb(238,252,149);
511
+ padding:0 0.2em;
512
+ display: flex;
513
+ justify-content: center;
514
+ align-items: center;
515
+ line-height: 1.2em;
516
+ /*letter-spacing: 0.8px;*/
517
+ .list-item-text{
518
+ font-size: $greenItemFontSize;
519
+ display: inline-block;
520
+ margin-top: 0.1em;
521
+ }
522
+ }
500
523
  }
501
524
 
502
525
  .imgLookerDialog{
@@ -574,27 +597,4 @@ $greenItemFontSize:0.14rem;
574
597
  &:hover {
575
598
  background-color: #fff;
576
599
  }
577
- }
578
- .question-classify-moveDiv{
579
- position: fixed;
580
- /*background: url("../../img/classify-green-item.png") no-repeat center;
581
- background-size: 100% 100%;*/
582
- width: 1.3rem;
583
- height: 1.3rem;
584
- margin-right: 0.1rem;
585
- flex-shrink: 0;
586
- cursor: move;
587
- text-align: center;
588
- font-size: $greenItemFontSize;
589
- color:rgb(238,252,149);
590
- padding:0 0.2rem;
591
- display: flex;
592
- justify-content: center;
593
- align-items: center;
594
- line-height: 1.2em;
595
- /*letter-spacing: 0.8px;*/
596
- .list-item-text{
597
- display: inline-block;
598
- margin-top: 0.1rem;
599
- }
600
600
  }