🐞 fix(预览): 图片地址问题

Author: Darcrandex

src-tauri/tauri.conf.json

@@ -23,7 +23,7 @@
       "csp": {
         "default-src": "'self' customprotocol: asset:",
         "connect-src": "ipc: http://ipc.localhost",
-        "img-src": "'self' asset: http://asset.localhost blob: data:",
+        "img-src": "'self' asset: http://asset.localhost blob: data: tauri: http://tauri.localhost",
         "style-src": "'unsafe-inline' 'self'"
       },
       "assetProtocol": {

src/pages/root/home/space/page.tsx

@@ -56,7 +56,7 @@ export default function SpacePage() {
 
   return (
     <>
-      <section className='mx-auto max-w-5xl p-4'>
+      <section className='mx-auto max-w-7xl p-4'>
         <OwnerCard />
 
         <header className='mx-auto my-10 flex max-w-sm space-x-2'>
@@ -85,7 +85,7 @@ export default function SpacePage() {
           {listData?.records?.map((v) => (
             <li
               key={v.bvid}
-              className='w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 2xl:w-1/6'
+              className='3xl:w-1/8 3xl:1/8 w-full sm:w-1/2 lg:w-1/3 xl:w-1/4 2xl:w-1/6'
             >
               <BVListItem
                 data={v}

src/pages/root/home/space/styles.less

@@ -0,0 +1,8 @@
+.videos-container {
+  max-width: 1080px;
+}
+
+.videos-list {
+  @media screen and (max-width: 768px) {
+  }
+}

src/ui/ImageView.tsx

@@ -4,8 +4,11 @@ import { useQuery } from '@tanstack/react-query'
 
 function isNetworkUrl(url?: string) {
   if (!url) return false
-  const regex = /^(?!https?:\/\/asset$)https?:\/\//
-  return regex.test(url)
+  // const regex = /^(?!https?:\/\/asset$)https?:\/\//
+  // return regex.test(url)
+  return (
+    url.startsWith('http') && !url.includes('asset') && !url.includes('tauri')
+  )
 }
 
 function isVailImageUrl(url?: string) {