修改了界面的样式

2018-08-08 09:38:37 +08:00
parent 5a9ac44196
commit 924cbc12ba
4 changed files with 151 additions and 108 deletions
--- a/index.html
+++ b/index.html
@@ -7,42 +7,46 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="scaffolded-by" content="https://github.com/google/stagehand" />
-    <title>hello_world</title>
+    <title>json2dart_for_json_serializable</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" href="favicon.ico">
    <script defer src="main.dart.js"></script>
 </head>

 <body>
-
+    <h1>为了便利使用json_serializable库</h1>
    <div>
-        <div id="input" class="textarea">
-            <div class="top">
-                将json粘贴至左边
-            </div>
-            <textarea id="json" title="json字符串"></textarea>
-            <div>
-                <button id="format">格式化</button>
-            </div>
+        <div class="title">
+            <span class="half_span">将json粘贴至左边</span>
+            <span class="half_span">
+                <div class="result_title">
+                    类名称
+                    <input id="out_entity_name" />
+                    <input type="checkbox" id="use_json_key" />
+                    <span id="check_label">jsonKey annotation</span>
+                    <input type="checkbox" id="camelCase" />
+                    <span id="camelCaseLabel">use camelCase</span>
+                </div>
+                <div id="file_name"></div>
+            </span>
        </div>
-        <div id="output" class="textarea">
-            <div class="top"></div>
-            <div class="result_title">
-                类名称
-                <input id="out_entity_name" />
-                <input type="checkbox" id="use_json_key" />
-                <span id="check_label">jsonKey annotation</span>
-                <input type="checkbox" id="camelCase" />
-                <span id="camelCaseLabel">use camelCase</span>
-            </div>
-            <div id="file_name"></div>
-            <textarea id="result" title="结果"></textarea>
-            <div>
+        <div class="content">
+            <span class="half_span">
+                <textarea id="json" title="json字符串" class="content_area"></textarea>
+            </span>
+            <span class="half_span">
+                <textarea id="result" title="结果" class="content_area"></textarea>
+            </span>
+        </div>
+        <div class="func">
+            <span class="half_span">
+                <button id="format">格式化</button>
+            </span>
+            <span class="half_span">
                <button id="copy">复制</button>
                <button id="save">下载</button>
-            </div>
+            </span>
        </div>
-
    </div>
 </body>

--- a/json2dart_web_1.0.1.zip
+++ b/json2dart_web_1.0.1.zip
--- a/main.dart.js
+++ b/main.dart.js
@@ -266,7 +266,7 @@ var i=[]
 var h=[]
 processStatics(l,s)
 x.push([p,o,i,h,n,j,k,m])}finishClasses(s)}I.bl=function(){}
-var dart=[["","",,H,{"^":"",fy:{"^":"a;a"}}],["","",,J,{"^":"",
+var dart=[["","",,H,{"^":"",fz:{"^":"a;a"}}],["","",,J,{"^":"",
 j:function(a){return void 0},
 bo:function(a,b,c,d){return{i:a,p:b,e:c,x:d}},
 aQ:function(a){var z,y,x,w,v
@@ -342,13 +342,13 @@ d6:function(a,b){return J.ai(H.a1(a,[b]))},
 ai:function(a){H.ap(a)
 a.fixed$length=Array
 return a}}},
-fx:{"^":"ah;$ti"},
+fy:{"^":"ah;$ti"},
 bu:{"^":"a;a,b,c,0d,$ti",
 gp:function(){return this.d},
 m:function(){var z,y,x
 z=this.a
 y=z.length
-if(this.b!==y)throw H.e(H.fn(z))
+if(this.b!==y)throw H.e(H.fo(z))
 x=this.c
 if(x>=y){this.d=null
 return!1}this.d=z[x]
@@ -485,9 +485,9 @@ z.name=""}else z.toString=H.cG
 return z},
 cG:function(){return J.ag(this.dartException)},
 ar:function(a){throw H.e(a)},
-fn:function(a){throw H.e(P.O(a))},
+fo:function(a){throw H.e(P.O(a))},
 E:function(a){var z,y,x,w,v,u,t,s,r,q,p,o,n,m,l
-z=new H.fp(a)
+z=new H.fq(a)
 if(a==null)return
 if(a instanceof H.b2)return z.$1(a.a)
 if(typeof a!=="object")return a
@@ -689,13 +689,13 @@ eO:function(a){var z
 if(a instanceof H.d){z=H.cs(J.j(a))
 if(z!=null)return H.aq(z)
 return"Closure"}return H.a7(a)},
-fo:function(a){throw H.e(new P.cV(H.p(a)))},
+fp:function(a){throw H.e(new P.cV(H.p(a)))},
 cx:function(a){return init.getIsolateTag(a)},
 a1:function(a,b){a.$ti=b
 return a},
 V:function(a){if(a==null)return
 return a.$ti},
-h5:function(a,b,c){return H.a2(a["$as"+H.c(c)],H.V(b))},
+h6:function(a,b,c){return H.a2(a["$as"+H.c(c)],H.V(b))},
 cy:function(a,b,c,d){var z
 H.p(c)
 H.w(d)
@@ -792,7 +792,7 @@ for(y=0;y<z;++y)if(!H.D(null,null,c[y],d))return!1
 return!0}z=a.length
 for(y=0;y<z;++y)if(!H.D(a[y],b,c[y],d))return!1
 return!0},
-h3:function(a,b,c){return a.apply(b,H.a2(J.j(b)["$as"+H.c(c)],H.V(b)))},
+h4:function(a,b,c){return a.apply(b,H.a2(J.j(b)["$as"+H.c(c)],H.V(b)))},
 cB:function(a){var z
 if(typeof a==="number")return!1
 if('futureOr' in a){z="type" in a?a.type:null
@@ -869,7 +869,7 @@ z=Object.getOwnPropertyNames(c)
 for(y=z.length,x=0;x<y;++x){w=z[x]
 if(!Object.hasOwnProperty.call(a,w))return!1
 if(!H.D(c[w],d,a[w],b))return!1}return!0},
-h4:function(a,b,c){Object.defineProperty(a,H.p(b),{value:c,enumerable:false,writable:true,configurable:true})},
+h5:function(a,b,c){Object.defineProperty(a,H.p(b),{value:c,enumerable:false,writable:true,configurable:true})},
 f8:function(a){var z,y,x,w,v,u
 z=H.p($.cz.$1(a))
 y=$.aN[z]
@@ -938,8 +938,8 @@ $.cz=new H.f0(v)
 $.cl=new H.f1(u)
 $.cF=new H.f2(t)},
 a_:function(a,b){return a(b)||b},
-h2:[function(a){return a},"$1","ch",4,0,24],
-fm:function(a,b,c,d){var z,y,x,w,v,u
+h3:[function(a){return a},"$1","ch",4,0,24],
+fn:function(a,b,c,d){var z,y,x,w,v,u
 z=new H.dO(b,a,0)
 y=0
 x=""
@@ -1009,7 +1009,7 @@ dM:{"^":"t;a",
 h:function(a){var z=this.a
 return z.length===0?"Error":"Error: "+z}},
 b2:{"^":"a;a,O:b<"},
-fp:{"^":"d:4;a",
+fq:{"^":"d:4;a",
 $1:function(a){if(!!J.j(a).$ist)if(a.$thrownJsError==null)a.$thrownJsError=this.a
 return a}},
 cg:{"^":"a;a,0b",
@@ -1136,6 +1136,11 @@ return!0}}this.d=null
 this.b=null
 return!1}}}],["","",,H,{"^":"",
 eW:function(a){return J.d6(a?Object.keys(a):[],null)}}],["","",,H,{"^":"",
+fm:function(a){if(typeof dartPrint=="function"){dartPrint(a)
+return}if(typeof console=="object"&&typeof console.log!="undefined"){console.log(a)
+return}if(typeof window=="object")return
+if(typeof print=="function"){print(a)
+return}throw"Unable to print message: "+String(a)}}],["","",,H,{"^":"",
 T:function(a,b,c){if(a>>>0!==a||a>=c)throw H.e(H.U(b,a))},
 dp:{"^":"y;","%":"DataView;ArrayBufferView;ba|cc|cd|dn|ce|cf|P"},
 ba:{"^":"dp;",
@@ -1159,32 +1164,32 @@ $isH:1,
 $asH:function(){return[P.C]},
 $isn:1,
 $asn:function(){return[P.C]}},
-fD:{"^":"P;",
-n:function(a,b){H.T(b,a,a.length)
-return a[b]},
-"%":"Int16Array"},
 fE:{"^":"P;",
 n:function(a,b){H.T(b,a,a.length)
 return a[b]},
-"%":"Int32Array"},
+"%":"Int16Array"},
 fF:{"^":"P;",
 n:function(a,b){H.T(b,a,a.length)
 return a[b]},
-"%":"Int8Array"},
+"%":"Int32Array"},
 fG:{"^":"P;",
 n:function(a,b){H.T(b,a,a.length)
 return a[b]},
-"%":"Uint16Array"},
+"%":"Int8Array"},
 fH:{"^":"P;",
 n:function(a,b){H.T(b,a,a.length)
 return a[b]},
-"%":"Uint32Array"},
+"%":"Uint16Array"},
 fI:{"^":"P;",
+n:function(a,b){H.T(b,a,a.length)
+return a[b]},
+"%":"Uint32Array"},
+fJ:{"^":"P;",
 gi:function(a){return a.length},
 n:function(a,b){H.T(b,a,a.length)
 return a[b]},
 "%":"CanvasPixelArray|Uint8ClampedArray"},
-fJ:{"^":"P;",
+fK:{"^":"P;",
 gi:function(a){return a.length},
 n:function(a,b){H.T(b,a,a.length)
 return a[b]},
@@ -1202,9 +1207,9 @@ z.a=null
 new self.MutationObserver(H.ac(new P.dT(z),1)).observe(y,{childList:true})
 return new P.dS(z,y,x)}else if(self.setImmediate!=null)return P.eT()
 return P.eU()},
-fV:[function(a){self.scheduleImmediate(H.ac(new P.dU(H.b(a,{func:1,ret:-1})),0))},"$1","eS",4,0,8],
-fW:[function(a){self.setImmediate(H.ac(new P.dV(H.b(a,{func:1,ret:-1})),0))},"$1","eT",4,0,8],
-fX:[function(a){H.b(a,{func:1,ret:-1})
+fW:[function(a){self.scheduleImmediate(H.ac(new P.dU(H.b(a,{func:1,ret:-1})),0))},"$1","eS",4,0,8],
+fX:[function(a){self.setImmediate(H.ac(new P.dV(H.b(a,{func:1,ret:-1})),0))},"$1","eT",4,0,8],
+fY:[function(a){H.b(a,{func:1,ret:-1})
 P.eq(0,a)},"$1","eU",4,0,8],
 eG:function(a){return new P.c5(new P.eo(new P.v(0,$.k,[a]),[a]),!1,[a])},
 ew:function(a,b){H.b(a,{func:1,ret:-1,args:[P.C,,]})
@@ -1212,7 +1217,7 @@ H.f(b,"$isc5")
 a.$2(0,null)
 b.b=!0
 return b.a.a},
-h_:function(a,b){P.ex(a,H.b(b,{func:1,ret:-1,args:[P.C,,]}))},
+h0:function(a,b){P.ex(a,H.b(b,{func:1,ret:-1,args:[P.C,,]}))},
 ev:function(a,b){H.f(b,"$isaZ").I(0,a)},
 eu:function(a,b){H.f(b,"$isaZ").J(H.E(a),H.N(a))},
 ex:function(a,b){var z,y,x,w,v
@@ -1241,7 +1246,7 @@ y=z.b
 $.Z=y
 if(y==null)$.a9=null
 z.a.$0()}},
-h1:[function(){$.bg=!0
+h2:[function(){$.bg=!0
 try{P.eH()}finally{$.aa=null
 $.bg=!1
 if($.Z!=null)$.$get$be().$1(P.cn())}},"$0","cn",0,0,1],
@@ -1270,7 +1275,7 @@ y=$.k
 if(C.b===y){P.aK(null,null,C.b,a)
 return}y.toString
 P.aK(null,null,y,H.b(y.af(a),z))},
-fS:function(a,b){return new P.en(H.aM(a,"$isQ",[b],"$asQ"),!1,[b])},
+fT:function(a,b){return new P.en(H.aM(a,"$isQ",[b],"$asQ"),!1,[b])},
 eM:function(a,b,c,d){var z,y,x,w,v,u,t
 H.b(a,{func:1,ret:d})
 H.b(b,{func:1,args:[d]})
@@ -1650,7 +1655,7 @@ $2:function(a,b){P.eA(this.a,this.b,a,H.f(b,"$iso"))}},
 B:{"^":"a;H:a>,O:b<",
 h:function(a){return H.c(this.a)},
 $ist:1},
-es:{"^":"a;",$isfU:1},
+es:{"^":"a;",$isfV:1},
 eK:{"^":"d:0;a,b",
 $0:function(){var z,y,x
 z=this.a
@@ -1816,7 +1821,7 @@ if(typeof a!="object")return a
 if(Object.getPrototypeOf(a)!==Array.prototype)return new P.eb(a,Object.create(null))
 for(z=0;z<a.length;++z)a[z]=P.aI(a[z])
 return a},
-h0:[function(a){return a.b8()},"$1","cp",4,0,4],
+h1:[function(a){return a.b8()},"$1","cp",4,0,4],
 eb:{"^":"dk;a,b,0c",
 n:function(a,b){var z,y
 z=this.b
@@ -2200,13 +2205,13 @@ bs:{"^":"u;",
 h:function(a){return String(a)},
 $isbs:1,
 "%":"HTMLAnchorElement"},
-fr:{"^":"u;",
+fs:{"^":"u;",
 h:function(a){return String(a)},
 "%":"HTMLAreaElement"},
 aY:{"^":"u;0t:value}",$isaY:1,"%":"HTMLButtonElement"},
-fs:{"^":"bb;0i:length=","%":"CDATASection|CharacterData|Comment|ProcessingInstruction|Text"},
-ft:{"^":"u;0t:value}","%":"HTMLDataElement"},
-fu:{"^":"y;",
+ft:{"^":"bb;0i:length=","%":"CDATASection|CharacterData|Comment|ProcessingInstruction|Text"},
+fu:{"^":"u;0t:value}","%":"HTMLDataElement"},
+fv:{"^":"y;",
 h:function(a){return String(a)},
 "%":"DOMException"},
 cY:{"^":"y;",
@@ -2230,7 +2235,7 @@ h:function(a){return a.localName},
 gam:function(a){return new W.c7(a,"click",!1,[W.z])},
 $isb_:1,
 "%":";Element"},
-fv:{"^":"q;0H:error=","%":"ErrorEvent"},
+fw:{"^":"q;0H:error=","%":"ErrorEvent"},
 q:{"^":"y;",$isq:1,"%":"AbortPaymentEvent|AnimationEvent|AnimationPlaybackEvent|ApplicationCacheErrorEvent|AudioProcessingEvent|BackgroundFetchClickEvent|BackgroundFetchEvent|BackgroundFetchFailEvent|BackgroundFetchedEvent|BeforeInstallPromptEvent|BeforeUnloadEvent|BlobEvent|CanMakePaymentEvent|ClipboardEvent|CloseEvent|CustomEvent|DeviceMotionEvent|DeviceOrientationEvent|ExtendableEvent|ExtendableMessageEvent|FetchEvent|FontFaceSetLoadEvent|ForeignFetchEvent|GamepadEvent|HashChangeEvent|IDBVersionChangeEvent|InstallEvent|MIDIConnectionEvent|MIDIMessageEvent|MediaEncryptedEvent|MediaKeyMessageEvent|MediaQueryListEvent|MediaStreamEvent|MediaStreamTrackEvent|MessageEvent|MojoInterfaceRequestEvent|MutationEvent|NotificationEvent|OfflineAudioCompletionEvent|PageTransitionEvent|PaymentRequestEvent|PaymentRequestUpdateEvent|PopStateEvent|PresentationConnectionAvailableEvent|PresentationConnectionCloseEvent|ProgressEvent|PromiseRejectionEvent|PushEvent|RTCDTMFToneChangeEvent|RTCDataChannelEvent|RTCPeerConnectionIceEvent|RTCTrackEvent|ResourceProgressEvent|SecurityPolicyViolationEvent|SpeechRecognitionEvent|SpeechSynthesisEvent|StorageEvent|SyncEvent|TrackEvent|TransitionEvent|USBConnectionEvent|VRDeviceEvent|VRDisplayEvent|VRSessionEvent|WebGLContextEvent|WebKitTransitionEvent;Event|InputEvent"},
 b0:{"^":"y;",
 ae:["ax",function(a,b,c,d){H.b(c,{func:1,args:[W.q]})
@@ -2238,32 +2243,32 @@ if(c!=null)this.aB(a,b,c,!1)}],
 aB:function(a,b,c,d){return a.addEventListener(b,H.ac(H.b(c,{func:1,args:[W.q]}),1),!1)},
 aF:function(a,b,c,d){return a.removeEventListener(b,H.ac(H.b(c,{func:1,args:[W.q]}),1),!1)},
 "%":"DOMWindow|ServiceWorker|Window;EventTarget"},
-fw:{"^":"u;0i:length=","%":"HTMLFormElement"},
+fx:{"^":"u;0i:length=","%":"HTMLFormElement"},
 ax:{"^":"u;0t:value}",$isax:1,"%":"HTMLInputElement"},
-fz:{"^":"u;0t:value}","%":"HTMLLIElement"},
-fA:{"^":"u;0H:error=","%":"HTMLAudioElement|HTMLMediaElement|HTMLVideoElement"},
-fB:{"^":"b0;",
+fA:{"^":"u;0t:value}","%":"HTMLLIElement"},
+fB:{"^":"u;0H:error=","%":"HTMLAudioElement|HTMLMediaElement|HTMLVideoElement"},
+fC:{"^":"b0;",
 ae:function(a,b,c,d){H.b(c,{func:1,args:[W.q]})
 if(b==="message")a.start()
 this.ax(a,b,c,!1)},
 "%":"MessagePort"},
-fC:{"^":"u;0t:value}","%":"HTMLMeterElement"},
+fD:{"^":"u;0t:value}","%":"HTMLMeterElement"},
 z:{"^":"dK;",$isz:1,"%":"DragEvent|MouseEvent|PointerEvent|WheelEvent"},
 bb:{"^":"b0;",
 h:function(a){var z=a.nodeValue
 return z==null?this.ay(a):z},
 "%":"Document|DocumentFragment|DocumentType|HTMLDocument|ShadowRoot|XMLDocument;Node"},
-fK:{"^":"u;0t:value}","%":"HTMLOptionElement"},
-fL:{"^":"u;0t:value}","%":"HTMLOutputElement"},
-fM:{"^":"u;0t:value}","%":"HTMLParamElement"},
-fN:{"^":"u;0t:value}","%":"HTMLProgressElement"},
-fP:{"^":"u;0i:length=,0t:value}","%":"HTMLSelectElement"},
-fQ:{"^":"q;0H:error=","%":"SensorErrorEvent"},
-fR:{"^":"q;0H:error=","%":"SpeechRecognitionError"},
+fL:{"^":"u;0t:value}","%":"HTMLOptionElement"},
+fM:{"^":"u;0t:value}","%":"HTMLOutputElement"},
+fN:{"^":"u;0t:value}","%":"HTMLParamElement"},
+fO:{"^":"u;0t:value}","%":"HTMLProgressElement"},
+fQ:{"^":"u;0i:length=,0t:value}","%":"HTMLSelectElement"},
+fR:{"^":"q;0H:error=","%":"SensorErrorEvent"},
+fS:{"^":"q;0H:error=","%":"SpeechRecognitionError"},
 al:{"^":"u;0t:value}",$isal:1,"%":"HTMLTextAreaElement"},
 dK:{"^":"q;","%":"CompositionEvent|FocusEvent|KeyboardEvent|TextEvent|TouchEvent;UIEvent"},
-fY:{"^":"bb;0t:value}","%":"Attr"},
-fZ:{"^":"cY;",
+fZ:{"^":"bb;0t:value}","%":"Attr"},
+h_:{"^":"cY;",
 h:function(a){return"Rectangle ("+H.c(a.left)+", "+H.c(a.top)+") "+H.c(a.width)+" x "+H.c(a.height)},
 E:function(a,b){var z
 if(b==null)return!1
@@ -2302,11 +2307,11 @@ z=new W.dY(0,a,b,z,!1,[e])
 z.aI()
 return z}}},
 dZ:{"^":"d:19;a",
-$1:function(a){return this.a.$1(H.f(a,"$isq"))}}}],["","",,P,{"^":"",fO:{"^":"b0;0H:error=","%":"IDBOpenDBRequest|IDBRequest|IDBVersionChangeRequest"}}],["","",,P,{"^":"",fT:{"^":"b_;",
+$1:function(a){return this.a.$1(H.f(a,"$isq"))}}}],["","",,P,{"^":"",fP:{"^":"b0;0H:error=","%":"IDBOpenDBRequest|IDBRequest|IDBVersionChangeRequest"}}],["","",,P,{"^":"",fU:{"^":"b_;",
 gam:function(a){return new W.c7(a,"click",!1,[W.z])},
 "%":"SVGAElement|SVGAnimateElement|SVGAnimateMotionElement|SVGAnimateTransformElement|SVGAnimationElement|SVGCircleElement|SVGClipPathElement|SVGComponentTransferFunctionElement|SVGDefsElement|SVGDescElement|SVGDiscardElement|SVGElement|SVGEllipseElement|SVGFEBlendElement|SVGFEColorMatrixElement|SVGFEComponentTransferElement|SVGFECompositeElement|SVGFEConvolveMatrixElement|SVGFEDiffuseLightingElement|SVGFEDisplacementMapElement|SVGFEDistantLightElement|SVGFEDropShadowElement|SVGFEFloodElement|SVGFEFuncAElement|SVGFEFuncBElement|SVGFEFuncGElement|SVGFEFuncRElement|SVGFEGaussianBlurElement|SVGFEImageElement|SVGFEMergeElement|SVGFEMergeNodeElement|SVGFEMorphologyElement|SVGFEOffsetElement|SVGFEPointLightElement|SVGFESpecularLightingElement|SVGFESpotLightElement|SVGFETileElement|SVGFETurbulenceElement|SVGFilterElement|SVGForeignObjectElement|SVGGElement|SVGGeometryElement|SVGGradientElement|SVGGraphicsElement|SVGImageElement|SVGLineElement|SVGLinearGradientElement|SVGMPathElement|SVGMarkerElement|SVGMaskElement|SVGMetadataElement|SVGPathElement|SVGPatternElement|SVGPolygonElement|SVGPolylineElement|SVGRadialGradientElement|SVGRectElement|SVGSVGElement|SVGScriptElement|SVGSetElement|SVGStopElement|SVGStyleElement|SVGSwitchElement|SVGSymbolElement|SVGTSpanElement|SVGTextContentElement|SVGTextElement|SVGTextPathElement|SVGTextPositioningElement|SVGTitleElement|SVGUseElement|SVGViewElement"}}],["","",,P,{"^":""}],["","",,P,{"^":""}],["","",,P,{"^":""}],["","",,X,{"^":"",
 co:function(a){if(0>=a.length)return H.l(a,0)
-return a[0].toLowerCase()+H.fm(J.aV(a,1),P.du("[A-Z]",!0,!1),H.b(new X.eV(),{func:1,ret:P.i,args:[P.aC]}),null)},
+return a[0].toLowerCase()+H.fn(J.aV(a,1),P.du("[A-Z]",!0,!1),H.b(new X.eV(),{func:1,ret:P.i,args:[P.aC]}),null)},
 d1:{"^":"a;a,b,c",
 aY:function(){var z,y,x,w,v
 z=this.b
@@ -2339,10 +2344,10 @@ $1:function(a){return"_"+a.av(0).toLowerCase()}}}],["","",,O,{"^":"",
 f9:function(){var z,y,x,w,v,u,t,s,r,q,p,o,n,m,l
 z=document
 y=H.f(z.querySelector("#json"),"$isal")
-y.value='{\n  "body": "",\n  "data": [1],\n  "input_content":["1"],\n  "list1":[{"name":"hello"}],\n  "number": [1.02],\n  "user":{"name":"abc"}\n}'
+y.value=""
 x=W.q
 w={func:1,ret:-1,args:[x]}
-W.K(y,"input",H.b(new O.fa(),w),!1,x)
+W.K(y,"input",H.b(new O.fa(y),w),!1,x)
 v=H.f(z.querySelector("#out_entity_name"),"$isax")
 v.toString
 W.K(v,"input",H.b(new O.fb(v),w),!1,x)
@@ -2388,8 +2393,9 @@ $.cq=s
 w.querySelector("#file_name").textContent="\u5e94\u8be5\u4f7f\u7528\u7684\u6587\u4ef6\u540d\u4e3a: "+s
 J.br(x,t)},
 cu:function(a){return P.cb(C.d.ai(0,a),null,"  ")},
-fa:{"^":"d:2;",
-$1:function(a){O.af()}},
+fa:{"^":"d:2;a",
+$1:function(a){H.fm(H.c(this.a.value))
+O.af()}},
 fb:{"^":"d:2;a",
 $1:function(a){$.cr=this.a.value
 O.af()}},
@@ -2557,7 +2563,7 @@ J.a0=function(a){if(a==null)return a
 if(typeof a!="object"){if(typeof a=="function")return J.aj.prototype
 return a}if(a instanceof P.a)return a
 return J.aQ(a)}
-J.fq=function(a,b){if(a==null)return b==null
+J.fr=function(a,b){if(a==null)return b==null
 if(typeof a!="object")return b!=null&&a===b
 return J.j(a).E(a,b)}
 J.cH=function(a,b){if(typeof a=="number"&&typeof b=="number")return a<b
@@ -2792,7 +2798,7 @@ var z={}
 var y={}
 e[a]=z
 e[b]=function(){var x=this[a]
-if(x==y)H.fo(d||a)
+if(x==y)H.fp(d||a)
 try{if(x===z){this[a]=y
 try{x=this[a]=c()}finally{if(x===z)this[a]=null}}return x}finally{this[b]=function(){return this[a]}}}}
 I.$finishIsolateConstructor=function(a){var z=a.p
--- a/styles.css
+++ b/styles.css
@@ -2,40 +2,73 @@

 html,
 body {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    font-family: "Roboto", sans-serif;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  font-family: "Roboto", sans-serif;
 }
-
+/* 
 .top {
-    height: 4vh;
-    text-align: center;
-    padding-top: 1vh;
-}
-
-.textarea {
-    width: 50%;
-    height: 90%;
-    text-align: center;
-    float: left;
-}
-
-textarea {
-    width: 90%;
-    height: 80vh;
+  height: 4vh;
+  text-align: center;
+  padding-top: 1vh;
 }

 .result_title {
-    padding-bottom: 15px;
+  padding-bottom: 15px;
 }

-#result {
-    width: 90%;
-    height: 70vh;
+.textarea {
+  width: 50%;
+  height: 90%;
+  text-align: center;
+  float: left;
+}
+
+.content_area {
+  width: 80%;
+  height: 90vh;
+  text-align: center;
+  float: left;
 }

 .out_entity_name {
-    height: 40px;
-}
+  height: 40px;
+} */
+
+h1 {
+  text-align: center;
+}
+
+.half_span {
+  width: 50%;
+  float: left;
+  text-align: center;
+}
+
+textarea {
+  width: 86%;
+  height: 70vh;
+}
+
+.content {
+  padding-top: 5vh;
+}
+
+.func .half_span {
+  height: 7rem;
+  padding-top: 1rem;
+}
+
+button {
+  width: 5rem;
+  height: 2rem;
+  font-size: 1rem;
+}
+
+#file_name {
+  font-size: 0.5rem;
+  padding-top: 5px;
+  color: mediumvioletred;
+}