调整样式

src/App.tsx

@@ -4,6 +4,7 @@ import Loader from './common/Loader';
 import useAuthRedirect from '@/hooks/useAuthRedirect';
 import { ConfigProvider } from 'antd';
 import RouteList from './components/RouteList';
+import "@/styles/customAntd.scss"
 
 function App() {
   useAuthRedirect()

src/components/FileUpload/index.tsx

@@ -90,8 +90,8 @@ export default ({ dir, open, onCancel, onSuccess }: UploadFileProps) => {
                         isCompressionUpload && <Select
                             onChange={setQuality}
                             options={[
-                                { value: "NaN", label: '自适应压缩（推荐）' },
-                                { value: 1, label: '轻量压缩' },
+                                { value: 1, label: '轻量压缩(推荐)' },
+                                { value: "NaN", label: '自适应压缩' },
                                 { value: 0.9, label: '0.9' },
                                 { value: 0.8, label: '0.8' },
                                 { value: 0.7, label: '0.7' },

src/pages/Swiper/index.tsx

@@ -137,7 +137,7 @@ const SwiperPage = () => {
                         </Form.Item>
 
                         <Form.Item label="图片" name="image" rules={[{ required: true, message: '轮播图不能为空' }]}>
-                            <Input placeholder="https://blog.liuyuyang.net/swiper.jpg" addonAfter={<UploadBtn />} />
+                            <Input placeholder="https://blog.liuyuyang.net/swiper.jpg" addonAfter={<UploadBtn />} className='customizeAntdInputAddonAfter' />
                         </Form.Item>
 
                         <Form.Item>

src/styles/customAntd.scss

@@ -0,0 +1,10 @@
+// 自定义input后置按钮样式
+.customizeAntdInputAddonAfter {
+    .ant-input-group-addon {
+        padding: 0;
+
+        >span {
+            padding: 8px 10px;
+        }
+    }
+}

src/styles/index.css

@@ -215,6 +215,6 @@ span.flatpickr-weekday,
   display: none !important;
 }
 
-.ant-btn-primary{
+.ant-btn-primary {
   background-color: #727cf5;
 }