Showing
1 changed file
with
8 additions
and
2 deletions
| 1 | <template> | 1 | <template> |
| 2 | - <div class="flex" style="justify-content: space-between; align-content: center"> | 2 | + <div class="flex flex-col justify-between"> |
| 3 | <div ref="jsoneditorRef" style="height: 100%; width: 100%"></div> | 3 | <div ref="jsoneditorRef" style="height: 100%; width: 100%"></div> |
| 4 | <div class="ml-2 -mt-1.5"> | 4 | <div class="ml-2 -mt-1.5"> |
| 5 | - <Button v-if="showBtn" @click="onHandleCopy" type="text"> 复制测试结果 </Button> | 5 | + <Button v-if="showBtn" @click="onHandleCopy" class="mt-8"> |
| 6 | + <template #icon> | ||
| 7 | + <CopyOutlined /> | ||
| 8 | + </template> | ||
| 9 | + copy | ||
| 10 | + </Button> | ||
| 6 | </div> | 11 | </div> |
| 7 | </div> | 12 | </div> |
| 8 | </template> | 13 | </template> |
| @@ -13,6 +18,7 @@ | @@ -13,6 +18,7 @@ | ||
| 13 | import 'jsoneditor/dist/jsoneditor.min.css'; | 18 | import 'jsoneditor/dist/jsoneditor.min.css'; |
| 14 | import { Button } from 'ant-design-vue'; | 19 | import { Button } from 'ant-design-vue'; |
| 15 | import { useMessage } from '/@/hooks/web/useMessage'; | 20 | import { useMessage } from '/@/hooks/web/useMessage'; |
| 21 | + import { CopyOutlined } from '@ant-design/icons-vue'; | ||
| 16 | 22 | ||
| 17 | const props = defineProps({ | 23 | const props = defineProps({ |
| 18 | showBtn: { | 24 | showBtn: { |