添加 krg 表情差分

src/routes/krgsay/+page.svelte

@@ -1,17 +1,29 @@
 <script lang="ts">
     import { onMount } from "svelte";
-    import krgsay from "$lib/assets/krgsay.png";
+    import krgsay from "$lib/assets/krgsay.jpg";
+    import krgcry from "$lib/assets/krgcry.png";
+    import krghungry from "$lib/assets/krghungry.png";
+    import krgblush from "$lib/assets/krgblush.png";
 
     let content = '嗨小朋友们大家好！\n你们认识我是谁吗？';
+    let style = 'say';
+
+    let images = {
+        'say': krgsay,
+        'cry': krgcry,
+        'hungry': krghungry,
+        'blush': krgblush
+    };
 
     onMount(async () => {
-        (window as any)['setContent'] = (_content: string) => {
+        (window as any)['setContent'] = (_content: string, _style: string = "say") => {
             content = _content;
+            style = _style;
         };
     });
 </script>
 
-<div id="main" style={`background-image: url(${krgsay}); width: 800px; height: 800px; margin: 20px;`}>
+<div id="main" style={`background-image: url(${images[style]}); background-size: contain; width: 800px; height: 800px; margin: 20px;`}>
     <div class="inner">{ content }</div>
 </div>