uploader.wxss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. .uploader-container .upload-image-box {
  17. position: relative;
  18. margin-right: 8rpx;
  19. margin-bottom: 8rpx;
  20. }
  21. .uploader-container .upload-image-box .close-icon {
  22. position: absolute;
  23. right: -20rpx;
  24. top: -15rpx;
  25. width: 40rpx;
  26. height: 40rpx;
  27. background-color: red;
  28. border-radius: 50%;
  29. z-index: 20;
  30. }
  31. .uploader-container .uplader-upload {
  32. position: relative;
  33. width: 160rpx;
  34. height: 160rpx;
  35. border: 1px dashed #E5E5E5;
  36. }
  37. .uploader-container .uplader-upload .uploader-input {
  38. position: absolute;
  39. width: 100%;
  40. height: 100%;
  41. overflow: hidden;
  42. opacity: 0;
  43. top: 0;
  44. left: 0;
  45. z-index: 10;
  46. cursor: pointer;
  47. }
  48. .uploader-container .uplader-upload-slot {
  49. position: relative;
  50. min-width: 160rpx;
  51. min-height: 160rpx;
  52. }
  53. .uploader-container .uplader-upload-slot .uploader-input {
  54. position: absolute;
  55. width: 100%;
  56. height: 100%;
  57. overflow: hidden;
  58. opacity: 0;
  59. top: 0;
  60. left: 0;
  61. z-index: 10;
  62. cursor: pointer;
  63. }