改善后台图片清晰度问题

src/components/ExampleItem.vue

@@ -77,7 +77,7 @@ export default {
     <div id="passagebanner" class="pagebanner">
       <img :src="`https://cms.yangprivate.site${psginfo.mobileheadimage.formats.large.url}`"
            v-if="breakpoint==='xs'||breakpoint==='sm'"   alt="" id="bannerimg"/>
-      <img :src="`https://cms.yangprivate.site${psginfo.headimage.formats.large.url}`"
+      <img :src="`https://cms.yangprivate.site${psginfo.headimage.url}`"
            v-else  alt="" id="bannerimg"/>
       <div id="bannercontentfill"
            style="width: 100%;height: 100%;
@@ -119,7 +119,7 @@ export default {
       <div v-for="(item, index) in psginfo.images" :key="index"
            class="imglistitem"
            style="width: 100%; height: auto;">
-        <img :src="`https://cms.yangprivate.site${item.formats.medium.url}`" alt="" />
+        <img :src="`https://cms.yangprivate.site${item.url}`" alt="" />
       </div>
     </div>
   </div>

src/components/ExamplesContent.vue

@@ -26,7 +26,7 @@
           :href="`/ExampleItem?id=${item.id}`"
       >
         <div class="listblock">
-          <img :src="`https://cms.yangprivate.site${item.headimage.formats.medium.url}`" alt="" />
+          <img :src="`https://cms.yangprivate.site${item.headimage.formats.large.url}`" alt="" />
           <div class="itemtext">
             <span class="upspan">
               {{item.brandname_cn}}

src/main.js

@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router.js'
 import axios from 'axios'
+import isMobile from 'ismobilejs'
 
 // 引入Bootstrap CSS
 import 'bootstrap/dist/css/bootstrap.min.css'