xudan/web-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化导出格式选择界面，调整单选按钮样式并添加悬停效果

Browse Source
This commit is contained in:
xudan 2025-09-25 17:11:07 +08:00
parent b665cd2032
commit 8e1b245ab6
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/modal/ExportConverterModal.vue
View File

@ -109,9 +109,13 @@ const beforeUpload: UploadProps['beforeUpload'] = (file) => {
>
<a-form layout="vertical">
<a-form-item label="选择导出格式">
<a-radio-group v-model:value="format" button-style="solid" style="width: 100%">
<a-radio-button value="smap" style="width: 50%">导出为 SMAP (.smap)</a-radio-button>
<a-radio-button value="iray" style="width: 50%">导出为 IRAY (.zip)</a-radio-button>
<a-radio-group v-model:value="format" button-style="solid" style="display: flex; width: 100%">
<a-radio-button value="smap" style="flex: 1; text-align: center; white-space: nowrap"
>导出为 SMAP (.smap)</a-radio-button
>
<a-radio-button value="iray" style="flex: 1; text-align: center; white-space: nowrap"
>导出为 IRAY (.zip)</a-radio-button
>
</a-radio-group>
</a-form-item>
@ -161,3 +165,12 @@ const beforeUpload: UploadProps['beforeUpload'] = (file) => {
</a-form>
</a-modal>
</template>
<style lang="scss" scoped>
.ant-radio-button-wrapper-checked {
background-color: #0dbb8a !important;
border: #0dbb8a;
}
.ant-radio-button-wrapper:hover {
color: #0dbb8a !important;
}
</style>