UI优化

front/package.json

@@ -1,5 +1,4 @@
 {
-  "name": "cimo",
   "version": "0.1.0",
   "private": true,
   "scripts": {

front/src/views/advertisement/index.vue

@@ -60,13 +60,26 @@
               <a :href="row.Url" target="_blank" class="text-primary">{{ row.Url }}</a>
             </template>
           </vxe-column>
-          <!-- 当前竞价列 -->
           <vxe-column v-if="showColumns.includes('Price')" field="Price" title="当前竞价" width="80">
             <template #default="{ row }"> ¥{{ row.Price || 0 }} </template>
-          </vxe-column><!-- 分类列 -->
-          <vxe-column v-if="showColumns.includes('CategoryIds')" field="CategoryIds" title="分类" width="260" show-overflow>
+          </vxe-column>
+          <vxe-column v-if="showColumns.includes('CategoryIds')" field="CategoryIds" title="分类" width="260">
             <template #default="{ row }">
-              <q-select use-chips outlined :model-value="getCategoryIdsArray(row.CategoryIds)" @update:model-value="(val) => changeAdvertisementCategory(row, val)" :options="categoryOptions" option-value="value" option-label="label" multiple dense borderless map-options emit-value placeholder="选择分类" />
+              <q-select use-chips outlined :model-value="getCategoryIdsArray(row.CategoryIds)" @update:model-value="(val) => changeAdvertisementCategory(row, val)" :options="categoryOptions" option-value="value" option-label="label" multiple dense map-options emit-value :label="getCategoryIdsArray(row.CategoryIds).length === 0 ? '未选择分类' : undefined" :label-slot="false">
+                <template v-slot:selected-item="scope">
+                  <q-chip :style="{ backgroundColor: ['#FFB300', '#39B54A', '#00A1E9', '#F75000', '#8C6E63', '#E67E22'][scope.index % 6], color: 'white', fontSize: '11px' }" removable @remove="scope.removeAtIndex(scope.index)"> {{ scope.opt.label }} </q-chip>
+                </template>
+                <template v-slot:option="{ itemProps, opt, selected, toggleOption }">
+                  <q-item v-bind="itemProps">
+                    <q-item-section>
+                      <q-item-label>{{ opt.label }}</q-item-label>
+                    </q-item-section>
+                    <q-item-section side>
+                      <q-toggle :model-value="selected" @update:model-value="toggleOption(opt)" />
+                    </q-item-section>
+                  </q-item>
+                </template>
+              </q-select>
             </template>
           </vxe-column>
           <!-- 当月曝光量列 -->
@@ -1067,7 +1080,7 @@ const updateChart = async () => {
       xSeries.push(x)
       ySeries.push(y)
     }
-    console.log(xSeries, ySeries);
+
     const colors = ['#0091ee', '#ccc']
     const option = {
       color: colors,
@@ -1479,7 +1492,7 @@ onBeforeUnmount(() => {
 .advertisement-page {
   .show-columns-selector {
     .q-chip {
-      max-width: 120px;
+      //max-width: 120px;
       font-size: 11px;
 
       .q-chip__content {
@@ -1537,7 +1550,7 @@ onBeforeUnmount(() => {
     }
 
     .q-chip {
-      max-width: 120px;
+      //max-width: 120px;
       font-size: 11px;
 
       .q-chip__content {

front/src/views/posts/list.vue

@@ -12,7 +12,7 @@
         </div>
         <div class="text-right">
           <div class="row q-gutter-md">
-            <q-input class="col" v-model="searchKeyword" placeholder="全局搜索" outlined dense style="min-width: 200px" clearable @update:model-value="loadPageData" debounce="1000">
+            <q-input class="col" v-model="searchKeyword" shadow-text="全局搜索" outlined dense style="min-width: 200px" clearable @update:model-value="loadPageData" debounce="1000">
               <template v-slot:append>
                 <span style="font-size: 12px;"><q-checkbox size="sm" v-model="useRegex" label="正则" @update:model-value="loadPageData" dense /></span>
               </template>
@@ -44,15 +44,13 @@
               <a :href="`/${row.Id}`" target="_blank" :class="{ 'text-grey text-bold': row.AverageViewCount < 1 && row.IsNsfw === false && row.LimitDesc === '无限制' }"> {{ row.Title }} </a>
             </template>
           </vxe-column>
-          <!-- 作者列 -->
           <vxe-column field="Author" title="作者" width="120">
             <template #default="{ row }">
               <q-tooltip class="bg-grey" v-if="row.AverageViewCount < 1 && row.IsNsfw === false && row.LimitDesc === '无限制'">日均浏览量低于1</q-tooltip>
               <a :href="`/author/${row.Author}`" target="_blank" :class="{ 'text-grey text-bold': row.AverageViewCount < 1 && row.IsNsfw === false && row.LimitDesc === '无限制' }">{{ row.Author }}</a>
             </template>
           </vxe-column>
-          <!-- 作者邮箱列 -->
-          <vxe-column field="Email" title="作者邮箱" width="180" /><!-- 分类列 -->
+          <vxe-column field="Email" title="作者邮箱" width="180" v-if="showColumns.includes('Email')" />
           <vxe-column field="CategoryId" title="分类" width="200">
             <template #default="{ row }">
               <q-select outlined v-model="row.CategoryId" :options="filteredCategoryOptions" option-value="Id" option-label="Name" map-options emit-value dense borderless @update:model-value="(val) => changeCategory(row.Id, val)" use-input input-debounce="300" @filter="filterCategoryOptions" />
@@ -61,7 +59,11 @@
           <!-- 专题列 -->
           <vxe-column field="Seminars" title="专题" width="270">
             <template #default="{ row }">
-              <q-select use-chips outlined v-model="row.Seminars" :options="filteredSeminarOptions" option-value="Id" option-label="Title" multiple dense borderless @update:model-value="(val) => changeSeminar(row.Id, val)" map-options use-input input-debounce="300" @filter="filterSeminarOptions" />
+              <q-select use-chips outlined v-model="row.Seminars" :options="filteredSeminarOptions" option-value="Id" option-label="Title" multiple dense borderless :placeholder="!row.Seminars || row.Seminars.length === 0 ? '未选择专题' : ''" @update:model-value="(val) => changeSeminar(row.Id, val)" map-options use-input input-debounce="300" @filter="filterSeminarOptions">
+                <template v-slot:selected-item="scope">
+                  <q-chip :style="{ backgroundColor: ['#FFB300', '#39B54A', '#00A1E9', '#F75000', '#8C6E63', '#E67E22'][scope.index % 6], color: 'white', fontSize: '11px' }" removable @remove="scope.removeAtIndex(scope.index)"> {{ scope.opt.Title }} </q-chip>
+                </template>
+              </q-select>
             </template>
           </vxe-column>
           <!-- 阅读量列-->
@@ -304,7 +306,7 @@
 </div>
 </template>
 <script setup lang="ts">
-import { ref, onMounted, onBeforeUnmount, watch, nextTick } from 'vue'
+import { ref, onMounted, onBeforeUnmount, watch } from 'vue'
 import { toast } from 'vue3-toastify'
 import dayjs from 'dayjs'
 import * as echarts from 'echarts'
@@ -326,7 +328,7 @@ const handleIframeLoad = () => {
 const loading = ref(false)
 const tableData = ref([])
 const searchKeyword = ref('')
-const useRegex = ref(false)
+const useRegex = ref(true)
 const selectedCategory = ref(null)
 const orderBy = ref(1)
 const showInsightDialog = ref(false);
@@ -358,6 +360,7 @@ let eventSource = null
 
 const showColumns = ref([]);
 const columnOptions = [
+  { label: "作者邮箱", value: 'Email' },
   { label: "阅读量", value: 'ViewCount' },
   { label: "在看数", value: 'Online' },
   { label: "发表时间", value: 'PostDate' },

front/src/views/posts/write.vue

@@ -78,7 +78,8 @@
               <q-item>
                 <q-item-section class="text-grey"> 没有找到匹配的专题 </q-item-section>
               </q-item>
-            </template><template v-slot:selected-item="scope">
+            </template>
+            <template v-slot:selected-item="scope">
               <q-chip :style="{ backgroundColor: ['#FFB300', '#39B54A', '#00A1E9', '#F75000', '#8C6E63', '#E67E22'][scope.index % 6], color: 'white', fontSize: '11px' }" removable @remove="scope.removeAtIndex(scope.index)"> {{ scope.opt.Title }} </q-chip>
             </template>
           </q-select>

src/Masuit.MyBlogs.Core/Views/Msg/Index.cshtml

@@ -24,10 +24,10 @@
       <p>@Context.Request.Cookies["NickName"] 您好！</p>
     } else {
       <div class="comment-form-row @hidden" style="display:flex;gap:12px;flex-wrap:wrap;">
-        <input name="nickname" placeholder="用户昵称" required style="flex:1 1 140px;min-width:120px;" type="text" v-model="msg.NickName">
+        <input name="nickname" placeholder="您的称呼" required style="flex:1 1 140px;min-width:120px;" type="text" v-model="msg.NickName">
         <div style="position:relative;flex:1 1 240px;min-width:180px;display:flex;">
-          <input name="email" placeholder="用户邮箱" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" type="email" v-model="msg.Email">
-          <button :disabled="disableGetcode" @@click="getcode(msg.Email)" class="comment-form-btn" id="getEmailCodeBtn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
+          <input name="email" placeholder="您的邮箱" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" type="email" v-model="msg.Email">
+          <button :disabled="disableGetcode||!msg.Email" @@click="getcode(msg.Email)" class="comment-form-btn" id="getEmailCodeBtn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
         </div>
         <input name="emailcode" placeholder="验证码" required style="flex:1 1 110px;min-width:80px;" type="text" v-model="msg.Code">
       </div>
@@ -66,10 +66,10 @@
         <p>@Context.Request.Cookies["NickName"] 您好！</p>
       } else {
         <div class="comment-form-row @hidden" style="display:flex;gap:12px;flex-wrap:wrap;">
-          <input name="nickname" placeholder="用户昵称" required style="flex:1 1 140px;min-width:120px;" type="text" v-model="reply.NickName">
+          <input name="nickname" placeholder="您的称呼" required style="flex:1 1 140px;min-width:120px;" type="text" v-model="reply.NickName">
           <div style="position:relative;flex:1 1 240px;min-width:180px;display:flex;">
-            <input name="email" placeholder="用户邮箱" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" type="email" v-model="reply.Email">
-            <button :disabled="disableGetcode" @@click="getcode(reply.Email)" class="comment-form-btn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
+            <input name="email" placeholder="您的邮箱" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" type="email" v-model="reply.Email">
+            <button :disabled="disableGetcode||!reply.Email" @@click="getcode(reply.Email)" class="comment-form-btn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
           </div>
           <input name="emailcode" placeholder="验证码" required style="flex:1 1 110px;min-width:80px;" type="text" v-model="reply.Code">
         </div>

src/Masuit.MyBlogs.Core/Views/Post/Details.cshtml

@@ -215,10 +215,10 @@
           <p>@Context.Request.Cookies["NickName"] 您好！</p>
         } else {
           <div class="comment-form-row @hidden" style="display:flex;gap:12px;flex-wrap:wrap;">
-            <input name="nickname" placeholder="用户昵称" required style="flex:1 1 140px;min-width:120px;" type="text" v-model="msg.NickName">
+            <input name="nickname" placeholder="您的称呼" required style="flex:1 1 140px;min-width:120px;" type="text" v-model="msg.NickName">
             <div style="position:relative;flex:1 1 240px;min-width:180px;display:flex;">
-              <input name="email" placeholder="用户邮箱" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" type="email" v-model="msg.Email">
-              <button :disabled="disableGetcode" @@click="getcode(msg.Email)" class="comment-form-btn" id="getEmailCodeBtn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
+              <input name="email" placeholder="您的邮箱" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" type="email" v-model="msg.Email">
+              <button :disabled="disableGetcode||!msg.Email" @@click="getcode(msg.Email)" class="comment-form-btn" id="getEmailCodeBtn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
             </div>
             <input name="emailcode" placeholder="验证码" required style="flex:1 1 110px;min-width:80px;" type="text" v-model="msg.Code">
           </div>
@@ -258,10 +258,10 @@
         <p>@Context.Request.Cookies["NickName"] 您好！</p>
       } else {
         <div class="comment-form-row @hidden" style="display:flex;gap:12px;flex-wrap:wrap;">
-          <input name="nickname" placeholder="用户昵称" required style="flex:1 1 140px;min-width:120px;" type="text" v-model="reply.NickName">
+          <input name="nickname" placeholder="您的称呼" required style="flex:1 1 140px;min-width:120px;" type="text" v-model="reply.NickName">
           <div style="position:relative;flex:1 1 240px;min-width:180px;display:flex;">
-            <input name="email" placeholder="用户邮箱" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" type="email" v-model="reply.Email">
-            <button :disabled="disableGetcode" @@click="getcode(reply.Email)" class="comment-form-btn" id="getEmailCodeBtn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
+            <input name="email" placeholder="您的邮箱" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" type="email" v-model="reply.Email">
+            <button :disabled="disableGetcode||!reply.Email" @@click="getcode(reply.Email)" class="comment-form-btn" id="getEmailCodeBtn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
           </div>
           <input name="emailcode" placeholder="验证码" required style="flex:1 1 110px;min-width:80px;" type="text" v-model="reply.Code">
         </div>

src/Masuit.MyBlogs.Core/Views/Post/ProtectContent.cshtml

@@ -17,7 +17,7 @@
         <div class="comment-form-row" style="display:flex;gap:12px;flex-wrap:wrap;">
           <div style="position:relative;flex:1 1 240px;min-width:180px;display:flex;">
             <input name="email" placeholder="请输入邮箱" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" type="email" v-model="viewToken.email">
-            <button :disabled="disableGetcode" @@click="getcode(viewToken.email)" class="comment-form-btn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
+            <button :disabled="disableGetcode||!viewToken.email" @@click="getcode(viewToken.email)" class="comment-form-btn" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);min-width:96px;height:36px;padding:0 8px;font-size:.97rem;z-index:2;" type="button"> {{codeMsg}} </button>
           </div>
           <div style="position:relative;flex:1 1 240px;min-width:180px;display:flex;">
             <input name="email" placeholder="验证码" required style="flex:1 1 auto;min-width:120px;padding-right:110px;" v-model="viewToken.token">

src/Masuit.MyBlogs.Core/Views/Post/Publish.cshtml

@@ -30,7 +30,7 @@
         <label for="article">文章标题：</label>
       </span>
       <input class="form-control input-lg" id="article" placeholder="请输入文章标题" required type="text" v-model="post.Title">
-      <span class="input-group-btn">
+      <span class="input-group-btn" v-if="post.Title">
         <a :href="`/s/${post.Title}`" class="btn btn-info btn-lg" target="_blank">
           检索同类资源
         </a>
@@ -64,7 +64,7 @@
           </span>
           <input class="form-control" id="Email" placeholder="您的电子邮箱(非常重要)" required type="email" v-model="post.Email">
           <span class="input-group-btn">
-            <button :disabled="disableGetcode" @@click="getcode(post.Email)" class="btn btn-danger" type="button">
+            <button :disabled="disableGetcode||!post.Email" @@click="getcode(post.Email)" class="btn btn-danger" type="button">
               {{codeMsg}}
             </button>
           </span>

src/Masuit.MyBlogs.Core/Views/Post/PushMerge.cshtml

@@ -63,7 +63,7 @@
           </span>
           <input class="form-control" id="ModifierEmail" name="ModifierEmail" placeholder="您的电子邮箱(非常重要)" required type="email" v-model="post.ModifierEmail">
           <span class="input-group-btn">
-            <button :disabled="disableGetcode" @@click="getcode(post.ModifierEmail)" class="btn btn-danger" type="button">
+            <button :disabled="disableGetcode||!post.ModifierEmail" @@click="getcode(post.ModifierEmail)" class="btn btn-danger" type="button">
               {{codeMsg}}
             </button>
           </span>

src/Masuit.MyBlogs.Core/Views/Post/RepushMerge.cshtml

@@ -65,7 +65,7 @@
           </span>
           <input class="form-control" id="ModifierEmail" name="ModifierEmail" placeholder="您的电子邮箱(非常重要)" required type="email" v-model="post.ModifierEmail">
           <span class="input-group-btn">
-            <button :disabled="disableGetcode" @@click="getcode(post.ModifierEmail)" class="btn btn-danger" type="button">
+            <button :disabled="disableGetcode||!post.ModifierEmail" @@click="getcode(post.ModifierEmail)" class="btn btn-danger" type="button">
               {{codeMsg}}
             </button>
           </span>

src/Masuit.MyBlogs.Core/wwwroot/UEditorPlus/ueditor.config.front.js

@@ -353,7 +353,7 @@
         //,emotionLocalization:false
 
         // 粘贴只保留标签，去除标签所有属性
-        //,retainOnlyLabelPasted: false
+        , retainOnlyLabelPasted: true
 
         // 是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
         //,pasteplain:false

src/Masuit.MyBlogs.Core/wwwroot/UEditorPlus/ueditor.config.js

@@ -333,7 +333,7 @@
         //,emotionLocalization:false
 
         // 粘贴只保留标签，去除标签所有属性
-        //,retainOnlyLabelPasted: false
+        , retainOnlyLabelPasted: true
 
         // 是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
         //,pasteplain:false

src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/427.1760179226541.css → src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/275.1760275066674.css

@@ -1,22 +1,22 @@
 
-.post-list-container[data-v-3ef7e6f0] {
+.post-list-container[data-v-12b46d45] {
   padding: 16px;
 }
-.controls-row[data-v-3ef7e6f0] {
+.controls-row[data-v-12b46d45] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 16px;
 }
-[data-v-3ef7e6f0] .warning-row {
+[data-v-12b46d45] .warning-row {
   background-color: #fff3cd !important;
 }
-.text-red[data-v-3ef7e6f0] {
+.text-red[data-v-12b46d45] {
   color: #f56565 !important;
 }
 @media (max-width: 768px) {
-.controls-row[data-v-3ef7e6f0] {
+.controls-row[data-v-12b46d45] {
     flex-direction: column;
     align-items: stretch;
 }

src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/175.1760179226541.css → src/Masuit.MyBlogs.Core/wwwroot/dashboard/css/663.1760275066674.css

@@ -87,7 +87,7 @@
 }
 
 
-.write-blog-container[data-v-4afbd643] {
+.write-blog-container[data-v-0f8bb56e] {
   margin-top: 10px;
 }
 

src/Masuit.MyBlogs.Core/wwwroot/dashboard/index.html

@@ -1,3 +1,3 @@
 <!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css"><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quasar.prod.css" rel="stylesheet"><script>// 设置UEditor资源路径
           window.UEDITOR_HOME_URL = '/UEditorPlus/';
-          window.UEDITOR_CORS_URL = '/UEditorPlus/';</script><script charset="utf-8" src="/UEditorPlus/ueditor.config.js"></script><script charset="utf-8" src="/UEditorPlus/ueditor.all.js"></script><script charset="utf-8" src="/UEditorPlus/lang/zh-cn/zh-cn.js"></script><script defer="defer" src="/dashboard/js/chunk-quasar.1760179226541.js"></script><script defer="defer" src="/dashboard/js/chunk-vendors.1760179226541.js"></script><script defer="defer" src="/dashboard/js/index.1760179226541.js"></script><link href="/dashboard/css/chunk-quasar.1760179226541.css" rel="stylesheet"><link href="/dashboard/css/chunk-vendors.1760179226541.css" rel="stylesheet"><link href="/dashboard/css/index.1760179226541.css" rel="stylesheet"></head><body><div id="app"></div><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.global.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pinia.iife.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dayjs.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/build/player/lottie.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/xe-utils.umd.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quasar.umd.prod.js"></script></body></html>
+          window.UEDITOR_CORS_URL = '/UEditorPlus/';</script><script charset="utf-8" src="/UEditorPlus/ueditor.config.js"></script><script charset="utf-8" src="/UEditorPlus/ueditor.all.js"></script><script charset="utf-8" src="/UEditorPlus/lang/zh-cn/zh-cn.js"></script><script defer="defer" src="/dashboard/js/chunk-quasar.1760275066674.js"></script><script defer="defer" src="/dashboard/js/chunk-vendors.1760275066674.js"></script><script defer="defer" src="/dashboard/js/index.1760275066674.js"></script><link href="/dashboard/css/chunk-quasar.1760275066674.css" rel="stylesheet"><link href="/dashboard/css/chunk-vendors.1760275066674.css" rel="stylesheet"><link href="/dashboard/css/index.1760275066674.css" rel="stylesheet"></head><body><div id="app"></div><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.global.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pinia.iife.prod.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dayjs.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/build/player/lottie.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/xe-utils.umd.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quasar.umd.prod.js"></script></body></html>