project init & fix ui

miniprogram_npm/tdesign-miniprogram/upload/upload.wxss

@@ -0,0 +1,98 @@
+.t-float-left {
+  float: left;
+}
+.t-float-right {
+  float: right;
+}
+@keyframes tdesign-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.hotspot-expanded.relative {
+  position: relative;
+}
+.hotspot-expanded::after {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  transform: scale(1.5);
+}
+.t-upload__grid-content {
+  padding: 0;
+}
+.t-upload__grid-file {
+  position: relative;
+}
+.t-upload__add-icon {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--td-upload-add-icon-font-size, 56rpx);
+  background-color: var(--td-upload-add-bg-color, var(--td-gray-color-1, #f3f3f3));
+  color: var(--td-upload-add-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
+  border-radius: var(--td-upload-radius, var(--td-radius-default, 12rpx));
+}
+.t-upload__thumbnail {
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  overflow: hidden;
+}
+.t-upload__wrapper {
+  position: relative;
+  border-radius: var(--td-upload-radius, var(--td-radius-default, 12rpx));
+  overflow: hidden;
+}
+.t-upload__close-btn {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40rpx;
+  height: 40rpx;
+  border-top-right-radius: var(--td-upload-radius, var(--td-radius-default, 12rpx));
+  border-bottom-left-radius: var(--td-upload-radius, var(--td-radius-default, 12rpx));
+  background-color: var(--td-font-gray-3, rgba(0, 0, 0, 0.4));
+}
+.t-upload__progress-mask {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--td-font-gray-3, rgba(0, 0, 0, 0.4));
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border-radius: var(--td-upload-radius, var(--td-radius-default, 12rpx));
+  color: var(--td-white-color-1, #fff);
+  padding: 32rpx 0;
+}
+.t-upload__progress-text {
+  font-size: 24rpx;
+  line-height: 40rpx;
+  margin-top: 8rpx;
+}
+.t-upload__progress-loading {
+  animation: spin infinite linear 0.6s;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}