怎么修改上传图片组件的大小

<template>
  <view class="Upload">
    <u-upload
      style="width: 100rpx;height:100rpx;"
      class="upload-box"
      :action="baseUrl"
      ref="uUpload"
      deletable="false"
      show-progress="false"
      :header="token"
      :max-count="count"
      @on-error="testE"
      @on-remove="onRemove"
      @on-uploaded="onUploaded"
      :file-list="fileList"
    ></u-upload>
  </view>
</template>

<script>
import {baseUrl} from '../../services/serve.js';
export default {
  name: "x-upload",
  props: {
    count: {
      type: String,
    }
  },
  data() {
    return {
      baseUrl: `${baseUrl}/file/upload/`,
      fileList: [],
      //添加请求token
      token: {
        "Content-Type": "application/json",
        Cookie:
          "Admin-Token=FeFGNw9Bq1ABFRqCohTSizf7FpWj+jubouVJAdXwuC4JpZnbUQhG5IyQqxjWgubFzc7RYQW30LThPkdjqkLRUq59bMpSP2CXBodehsW46ubJHQXHkS5pG6GMituRuxAi7BJrcxotT08ZA9yMnCb6cW5JMFoafQWH18EigBfFoXU=",
      },
    };
  },
  created() {
    console.log("cookies", this.cookies);
  },
  mounted() {
  },
  methods: {
    testE(res) {
      console.log("error", res);
    },
    onRemove (index, list) {
      const lists = list.map((el) => {
        return el.response.data.url;
      });
      console.log(list, 'list');
      this.$emit("returnImg", lists);
      this.$emit("returnImgList", lists);
    },
    onUploaded(list) {
      const lists = list.map((el) => {
        return el.response.data.url;
      });
      // this.fileList = lists;
      console.log("Uploadedlist", lists);
      this.$emit("returnImg", lists);
      this.$emit("returnImgList",lists);
    },
  },
};
</script>
<style lang="scss" scoped>
@import "../../static/style/default.scss";
.Upload {
  width: 680rpx;
  height:auto;
  .u-upload {
    ::v-deep .u-list-item {
      height: 50rpx !important;
      width: 50rpx !important;
    }
  }
}
</style>