update: 代码编辑器更换

This commit is contained in:
easy 2023-03-16 10:43:12 +08:00
parent e70b8d7812
commit 6c4da9db2f
2 changed files with 17 additions and 18 deletions

View File

@ -94,12 +94,13 @@
<AIcon type="PlusOutlined" />新增 <AIcon type="PlusOutlined" />新增
</j-button> </j-button>
</div> </div>
<MonacoEditor <j-monaco-editor
v-if="refStr" v-if="refStr"
v-model:modelValue="requestBody.code"
style="height: 300px; width: 100%"
theme="vs"
ref="editorRef" ref="editorRef"
language="json"
style="height: 100%"
theme="vs"
v-model:modelValue="requestBody.code"
/> />
</div> </div>
</div> </div>
@ -115,7 +116,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { JsonViewer } from 'vue3-json-viewer'; import { JsonViewer } from 'vue3-json-viewer';
import 'vue3-json-viewer/dist/index.css'; import 'vue3-json-viewer/dist/index.css';
import MonacoEditor from '@/components/MonacoEditor/index.vue';
import type { apiDetailsType } from '../typing'; import type { apiDetailsType } from '../typing';
import InputCard from './InputCard.vue'; import InputCard from './InputCard.vue';
import { cloneDeep, toLower } from 'lodash'; import { cloneDeep, toLower } from 'lodash';

View File

@ -98,11 +98,11 @@
<div> <div>
<p>使用和签名相同的算法(不需要对响应结果排序)</p> <p>使用和签名相同的算法(不需要对响应结果排序)</p>
<div> <div>
<MonacoEditor <j-monaco-editor
style="width: 100%; height: 620px"
theme="vs-dark"
language="java" language="java"
v-model="javaStr1" style="height: 370px"
theme="vs-dark"
v-model:modelValue="javaStr1"
/> />
</div> </div>
</div> </div>
@ -119,20 +119,20 @@
<h3>添加 SDK 依赖</h3> <h3>添加 SDK 依赖</h3>
<div class="h3-text">将以下Maven依赖加入到pom.xml文件中</div> <div class="h3-text">将以下Maven依赖加入到pom.xml文件中</div>
<div> <div>
<MonacoEditor <j-monaco-editor
style="width: 100%; height: 100px"
theme="vs-dark"
v-model="javaStr2"
language="java" language="java"
style="height: 370px"
theme="vs-dark"
v-model:modelValue="javaStr2"
/> />
</div> </div>
<h3>SDK 客户端的初始化和请求方式</h3> <h3>SDK 客户端的初始化和请求方式</h3>
<div> <div>
<MonacoEditor <j-monaco-editor
style="width: 100%; height: 370px"
theme="vs-dark"
v-model="javaStr"
language="java" language="java"
style="height: 370px"
theme="vs-dark"
v-model:modelValue="javaStr"
/> />
</div> </div>
</div> </div>
@ -141,7 +141,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { getImage } from '@/utils/comm'; import { getImage } from '@/utils/comm';
import MonacoEditor from '@/components/MonacoEditor/index.vue';
const data = [ const data = [
{ {