fix(upload): update style

Tencent · Dec 30, 2022 · fe2e0c6 · fe2e0c6
1 parent 455325e
commit fe2e0c6
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 18 deletions.
diff --git a/src/upload/_example/messageFile/index.js b/src/upload/_example/messageFile/index.js
@@ -2,7 +2,7 @@ Component({
   data: {
     originFiles: [
       {
-        url: 'https://tdesign.gtimg.com/site/upload1.png',
+        url: 'https://tdesign.gtimg.com/miniprogram/images/upload1.png',
         name: 'uploaded1.png',
         type: 'image',
       },

diff --git a/src/upload/_example/multiple/index.js b/src/upload/_example/multiple/index.js
@@ -2,17 +2,17 @@ Component({
   data: {
     originFiles: [
       {
-        url: 'https://tdesign.gtimg.com/site/upload1.png',
+        url: 'https://tdesign.gtimg.com/miniprogram/images/upload1.png',
         name: 'uploaded1.png',
         type: 'image',
       },
       {
-        url: 'https://tdesign.gtimg.com/site/upload1.png',
+        url: 'https://tdesign.gtimg.com/miniprogram/images/upload3.png',
         name: 'uploaded2.png',
         type: 'image',
       },
       {
-        url: 'https://tdesign.gtimg.com/site/upload1.png',
+        url: 'https://tdesign.gtimg.com/miniprogram/images/upload4.png',
         name: 'uploaded1.png',
         type: 'image',
       },

diff --git a/src/upload/_example/single/index.js b/src/upload/_example/single/index.js
@@ -1,12 +1,6 @@
 Component({
   data: {
-    fileList: [
-      {
-        url: 'https://tdesign.gtimg.com/site/upload1.png',
-        name: 'uploaded1.png',
-        type: 'image',
-      },
-    ],
+    fileList: [],
   },
   methods: {
     handleAdd(e) {

diff --git a/src/upload/_example/single/index.wxml b/src/upload/_example/single/index.wxml
@@ -1,4 +1,10 @@
 <view class="wrapper">
-  <t-upload mediaType="{{['video','image']}}" files="{{fileList}}" bind:add="handleAdd" bind:remove="handleRemove">
+  <t-upload
+    mediaType="{{['video','image']}}"
+    max="{{1}}"
+    files="{{fileList}}"
+    bind:add="handleAdd"
+    bind:remove="handleRemove"
+  >
   </t-upload>
 </view>
diff --git a/src/upload/_example/status/index.js b/src/upload/_example/status/index.js
@@ -2,26 +2,26 @@ Component({
   data: {
     originFiles: [
       {
-        url: 'https://tdesign.gtimg.com/site/upload1.png',
+        url: 'https://tdesign.gtimg.com/miniprogram/images/upload1.png',
         name: 'uploaded1.png',
         type: 'image',
         status: 'loading',
       },
       {
-        url: 'https://tdesign.gtimg.com/site/upload1.png',
+        url: 'https://tdesign.gtimg.com/miniprogram/images/upload2.png',
         name: 'uploaded2.png',
         type: 'image',
         percent: 68,
         status: 'loading',
       },
       {
-        url: 'https://tdesign.gtimg.com/site/upload1.png',
+        url: 'https://tdesign.gtimg.com/miniprogram/images/upload3.png',
         name: 'uploaded3.png',
         type: 'image',
         status: 'reload',
       },
       {
-        url: 'https://tdesign.gtimg.com/site/upload1.png',
+        url: 'https://tdesign.gtimg.com/miniprogram/images/upload4.png',
         name: 'uploaded4.png',
         type: 'image',
         status: 'failed',

diff --git a/src/upload/_example/upload.less b/src/upload/_example/upload.less
@@ -2,7 +2,7 @@ page {
   .upload-demo {
     background-color: #fff;
     box-sizing: border-box;
-    padding: 24rpx 32rpx;
+    padding: 32rpx;
 
     &__title {
       font-size: 32rpx;

diff --git a/src/upload/upload.less b/src/upload/upload.less
@@ -3,6 +3,7 @@
 @upload-add-color: var(--td-upload-add-color, @font-gray-3);
 @upload-add-bg-color: var(--td-upload-add-bg-color, @gray-color-1);
 @upload-radius: var(--td-upload-radius, @radius-default);
+@upload-add-icon-font-size: var(--td-upload-add-icon-font-size, 56rpx);
 
 .@{prefix}-upload {
   &__grid {
@@ -21,6 +22,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    font-size: @upload-add-icon-font-size;
     background-color: @upload-add-bg-color;
     color: @upload-add-color;
     border-radius: @upload-radius;

diff --git a/src/upload/upload.wxml b/src/upload/upload.wxml
@@ -65,7 +65,7 @@
       <view class="{{classPrefix}}__wrapper" style="{{gridItemStyle}}">
         <view class="{{classPrefix}}__add-icon">
           <slot wx:if="{{addContent === 'slot'}}" name="add-content" />
-          <t-icon wx:else name="add" size="40rpx" color="rgba(0,0,0,0.26)" />
+          <t-icon wx:else name="add" />
         </view>
       </view>
     </t-grid-item>