Jeecg-Boot 2.2.0 版本发布 | 重磅升级

ant-design-vue-jeecg/src/components/jeecg/JCodeEditor.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-bind="fullScreenParentProps">
-    <a-icon v-if="fullScreen" class="full-screen-icon" type="fullscreen" @click="()=>fullCoder=!fullCoder"/>
+    <a-icon v-if="fullScreen" class="full-screen-icon" :type="iconType" @click="()=>fullCoder=!fullCoder"/>
 
     <div class="code-editor-cust full-screen-child">
       <textarea ref="textarea"></textarea>
@@ -91,6 +91,7 @@
       return {
         // 内部真实的内容
         code: '',
+        iconType: 'fullscreen',
         hasCode:false,
         // 默认的语法类型
         mode: 'javascript',
@@ -155,6 +156,15 @@
       }
     },
     watch: {
+      fullCoder:{
+        handler(value) {
+          if(value){
+            this.iconType="fullscreen-exit"
+          }else{
+            this.iconType="fullscreen"
+          }
+        }
+      },
       // value: {
       //   immediate: false,
       //   handler(value) {
@@ -408,6 +418,7 @@
     .full-screen-child {
       min-height: 120px;
       max-height: 320px;
+      overflow:hidden;
     }
 
   }