chore: split index.css

src/component/upload/index.less

@@ -0,0 +1,77 @@
+@import "../../theme/variable.less";
+
+.layui-upload-file {
+  display: none !important;
+  opacity: 0.01;
+  filter: Alpha(opacity=1);
+}
+
+.layui-upload-drag,
+.layui-upload-form,
+.layui-upload-wrap {
+  display: inline-block;
+}
+
+.layui-upload-list {
+  margin: 10px 0;
+}
+
+.layui-upload-choose {
+  max-width: 200px;
+  padding: 0 10px;
+  color: #999;
+  font-size: 14px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.layui-upload-drag {
+  position: relative;
+  padding: 30px;
+  border: 1px dashed @global-neutral-color-4;
+  background-color: #fff;
+  text-align: center;
+  cursor: pointer;
+  color: #999;
+}
+
+.layui-upload-drag .layui-icon {
+  font-size: 50px;
+  color: @global-primary-color;
+}
+
+.layui-upload-drag[lay-over] {
+  border-color: @global-primary-color;
+}
+
+.layui-upload-iframe {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border: 0;
+  visibility: hidden;
+}
+
+.layui-upload-wrap {
+  position: relative;
+  vertical-align: middle;
+}
+
+.layui-upload-wrap .layui-upload-file {
+  display: block !important;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 10;
+  font-size: 100px;
+  width: 100%;
+  height: 100%;
+  opacity: 0.01;
+  filter: Alpha(opacity=1);
+  cursor: pointer;
+}
+
+.layui-btn-container .layui-upload-choose {
+  padding-left: 0;
+}