imagepicker.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .nut-imagepicker{
  2. display:block;
  3. .img-list{
  4. display:inline-block;
  5. .img-item{
  6. display:inline-block;
  7. margin:0 0 5px 0;
  8. a{
  9. display:inline-block;
  10. width:100%;
  11. height:100%;
  12. img{
  13. width:100%;
  14. height:100%;
  15. border-radius:6px;
  16. transition:all 5s ease-in-out;
  17. }
  18. }
  19. &:last-child{
  20. margin-right:0;
  21. }
  22. }
  23. .add-icon{
  24. display:inline-block;
  25. position: relative;
  26. border:1px dashed $primary-color;
  27. border-radius:6px;
  28. box-sizing:border-box;
  29. cursor: pointer;
  30. i{
  31. position: absolute;
  32. top:0;
  33. left:0;
  34. right:0;
  35. bottom:0;
  36. margin:auto;
  37. width:20px;
  38. height:20px;
  39. color:$primary-color;
  40. svg{
  41. vertical-align: top;
  42. fill:currentColor;
  43. }
  44. }
  45. input[type="file"]{
  46. position: absolute;
  47. width:100%;
  48. height:100%;
  49. opacity: 0;
  50. top:0;
  51. left:0;
  52. }
  53. }
  54. }
  55. }