feat: 评论接口对接

src/components/Main/Settings/index.tsx

@@ -27,10 +27,13 @@ export default () => {
 						onSelect={(value: any) => {
 							navigate("/main/setting/" + value);
 						}}
-						placeholder={"请选择存储商"}>
-						{selectOptions.map((storage: any, index: any) => {
+						fieldNames={{
+							label: "name",
+							value: "value",
+						}}
+						labelRender={(label: any) => {
 							return (
-								<Select.Option value={storage.value} key={index}>
+								<>
 									<Card
 										bordered={false}
 										style={{
@@ -40,19 +43,44 @@ export default () => {
 											flexDirection: "row",
 										}}
 										size={"small"}>
-										<Avatar src={StorageIcon[storage.value]} size={"small"} />{" "}
+										<Avatar src={StorageIcon[label.value]} size={"small"} />
 										<span
 											style={{
 												marginLeft: "10px",
 												fontWeight: "bolder",
 											}}>
-											{storage.name}
+											{label.label}
 										</span>
 									</Card>
-								</Select.Option>
+								</>
 							);
-						})}
-					</Select>
+						}}
+						options={selectOptions}
+						optionRender={(item: any) => {
+							return (
+								<>
+									<Card
+										bordered={false}
+										style={{
+											height: 35,
+											display: "flex",
+											alignItems: "center",
+											flexDirection: "row",
+										}}
+										size={"small"}>
+										<Avatar src={StorageIcon[item.value]} size={"small"} />
+										<span
+											style={{
+												marginLeft: "10px",
+												fontWeight: "bolder",
+											}}>
+											{item.label}
+										</span>
+									</Card>
+								</>
+							);
+						}}
+						placeholder={"请选择存储商"}></Select>
 				</div>
 			</ProCard>
 			<ProCard style={{ marginTop: 20, height: "100%" }} bordered boxShadow>