fixed bug for mobile chat share

web/src/assets/css/image-mj.styl

@@ -50,6 +50,7 @@
             display flex
             cursor pointer
             margin-bottom: 10px;
+            border 1px solid #383838
 
             &:hover {
               background-color #585858
@@ -61,60 +62,9 @@
               margin-bottom 5px
             }
 
-            .shape {
-              width 16px
-              height 16px
-              margin-bottom 5px
-              border 1px solid #C4C4C4
-              border-radius 3px
-            }
-
-            .shape.size9-16 {
-              width 9px
-              height 16px
-            }
-
-            .shape.size16-9 {
-              height 9px
-              width 16px
-              position relative
-              margin 4px 0 7px
-            }
-
-            .shape.size3-4 {
-              width 12px
-              height 16px
-            }
-
-            .shape.size4-3 {
-              height 12px
-              width 16px
-              position relative
-              margin 4px 0 4px
-            }
-
-            .shape.size2-3 {
-              width 11px
-              height 16px
-            }
-
-            .shape.size3-2 {
-              height 11px
-              width 16px
-              position relative
-              margin 4px 0 5px
-            }
-
-            .shape.size1-2 {
-              width 8px
-              height 16px
-            }
-
-            .shape.size2-1 {
-              height 8px
-              width 16px
-              position relative
-              margin 4px 0 8px
+            .text {
+              margin-left 5px
+              margin-top 2px
             }
           }
 
@@ -122,11 +72,8 @@
           .grid-content.active {
             color #47fff1
             background-color #585858
-
-            .shape {
             border 1px solid #47fff1
           }
-          }
 
           .model {
             background-color #383838

web/src/views/mobile/ChatExport.vue

@@ -62,6 +62,7 @@ const model = ref('')
 const finished = ref(false)
 const error = ref(false)
 
+const mathjaxPlugin = require('markdown-it-mathjax3')
 const md = require('markdown-it')({
   breaks: true,
   html: true,
@@ -86,6 +87,7 @@ const md = require('markdown-it')({
     return `<pre class="code-container"><code class="language-${lang} hljs">${preCode}</code>${copyBtn}</pre>`
   }
 });
+md.use(mathjaxPlugin)
 
 const onLoad = () => {
   httpGet('/api/chat/history?chat_id=' + chatId).then(res => {
@@ -127,7 +129,7 @@ const onLoad = () => {
 };
 
 </script>
-<style lang="stylus">
+<style scoped lang="stylus">
 .chat-export-mobile {
   height 100vh
 
@@ -144,7 +146,7 @@ const onLoad = () => {
 
       .message-list-box {
         background #F5F5F5;
-        padding-bottom: 10px
+        padding-bottom: 50px
 
         .van-cell {
           background none

web/src/views/mobile/ChatSession.vue

@@ -536,7 +536,7 @@ const shareChat = (option) => {
     showToast({message: "当前会话已经导出，请通过浏览器或者微信的自带分享功能分享给好友", duration: 5000})
     router.push({
       path: "/mobile/chat/export",
-      query: {title: title, chat_id: chatId, role: role.value.name, model: modelValue}
+      query: {title: title.value, chat_id: chatId.value, role: role.value.name, model: modelValue.value}
     })
   } else if (option.icon === "link") {
     document.getElementById('copy-link-btn').click();