feat: 添加微信视频号引导图，优化材料详情和首页布局

packages/app/src/core/libs/net-images.ts

@@ -13,4 +13,5 @@ export enum NetImages {
   HonorsHeader = 'https://image.zhuchaohui.com/zhucaohui/3945d2a7643317aca126c4b766139c4560c6ce2c051b7e03ee0ac664abe966c3.png',
   CyclingRankingsHeaderBg = 'https://image.zhuchaohui.com/zhucaohui/2351014a57a0df427516c4993876ade7e3695ce33b1f227c52c8381aa631ba02.png',
   HonorsLogo = 'https://image.zhuchaohui.com/zhucaohui/109805f7e6a8866e6484eea793de572e97cde85c5d65a2f514cf66aacc41609d.svg',
+  WechatChannelsGuide = 'https://image.zhuchaohui.com/zhucaohui/4127d21eb75ab479b89f566f0d9479664d595091098acedf0ec29d696a60d034.png',
 }

packages/app/src/pages/material/detail/index.vue

@@ -139,7 +139,7 @@ onLoad(async (query: { id: number }) => {
             :key="i"
           >
             <div class="bg-neutral-50 rounded-2.5 p-3.5 flex items-center">
-              <div class="text-black/40 flex-1 border-r-2 border-r-[#f6f6f6] border-r-solid">
+              <div class="text-black/40 flex-1 border-r-2 border-r-[#f6f6f6] border-r-solid pr-4">
                 <div class="text-black/90 text-lg font-normal font-['PingFang_SC'] leading-normal">
                   {{ shopName }}
                 </div>

packages/app/src/pages/material/index.vue

@@ -236,7 +236,7 @@ onMounted(async () => {
               :key="i"
             >
               <div class="bg-white rounded-2.5 p-3.5 flex items-center">
-                <div class="text-black/40 flex-1 border-r-2 border-r-[#f6f6f6] border-r-solid">
+                <div class="text-black/40 flex-1 border-r-2 border-r-[#f6f6f6] border-r-solid pr-4">
                   <div
                     class="text-black/90 text-lg font-normal font-['PingFang_SC'] leading-normal"
                   >

packages/app/src/pages/mine/homepage/channels/index.vue

@@ -10,6 +10,7 @@ import { pick } from 'radash'
 import { requestToast } from '../../../../core/utils/common'
 import BottomAppBar from '@/components/bottom-app-bar.vue'
 import { useMessage } from 'wot-design-uni'
+import { NetImages } from '@/core/libs/net-images'
 
 const { alert } = useMessage()
 const userStore = useUserStore()
@@ -32,8 +33,6 @@ onMounted(async () => {
 </script>
 <template>
   <div class="flex-grow flex flex-col gap-5 px-3.5 py-6 bg-white">
-    <SectionHeading title="如何关联视频号？" size="sm"></SectionHeading>
-    <img class="w-[347px] h-[186px] rounded-2xl" src="https://via.placeholder.com/347x186" />
     <SectionHeading title="视频号ID" size="sm"></SectionHeading>
     <div class="bg-[#f6f6f6] rounded-lg px-3.5 py-2.5">
       <wd-input
@@ -43,6 +42,8 @@ onMounted(async () => {
         custom-class="bg-[#f6f6f6]!"
       ></wd-input>
     </div>
+    <SectionHeading title="如何关联视频号？" size="sm"></SectionHeading>
+    <wd-img class="rounded-2xl" width="100%" mode="widthFix" :src="NetImages.WechatChannelsGuide" />
     <BottomAppBar fixed :border="false">
       <div>
         <div class="text-center mb-5.5">