Ver código fonte

fix:视觉走查修改

suwenjiang 2 meses atrás
pai
commit
ad06de714e

BIN
src/assets/img/profile/profile_my_comment.png


+ 10 - 8
src/pages/visa/details/[id].vue

@@ -87,23 +87,25 @@
         class="box-border w-full py-16 pb-100"
       ></div>
       <div v-if="navIndex == 1" class="box-border w-full py-16 pb-60">
-        <template v-for="(item, index) in argumentList" :key="index + 'need'">
-          <div
-            class="mb-12 box-border w-full border-b-[1px] pb-9 text-base font-semibold text-black"
-          >
+        <div
+          v-for="(item, index) in argumentList"
+          :key="index + 'need'"
+          class="border-b-[1px] mb-30"
+        >
+          <div class="box-border w-full pb-9 text-base font-semibold text-black">
             {{ item?.title }}
           </div>
-          <p v-if="index === 3" class="mb-30 text-base font-normal leading-3xl text-black-9">
+          <p v-if="index === 3" class="mb-12 text-base font-normal leading-3xl text-black-9">
             {{ argumentListData[index] === 0 ? '需要' : item?.need }}
           </p>
-          <p v-else class="mb-30 text-base font-normal leading-3xl text-black-9">
+          <p v-else class="mb-12 text-base font-normal leading-3xl text-black-9">
             {{
               isArgument(argumentListData[index])
                 ? `${argumentListData[index]}${item.unit}`
                 : item?.need
             }}
           </p>
-        </template>
+        </div>
       </div>
 
       <div v-if="navIndex == 2" class="box-border w-full py-16 pb-80">
@@ -118,7 +120,7 @@
           v-for="(item, index) in metarialsLists"
           :key="item.id"
         >
-          <h1 class="line-clamp-1 w-fullw-full text-base pb-4 font-semibold text-black leading-5xl">
+          <h1 class="line-clamp-1 w-full text-base pb-4 font-semibold text-black leading-5xl">
             {{ index + 1 }}.{{ item.title }}
           </h1>
           <p class="w-full text-sm text-black-6 leading-3xl font-normal">

+ 5 - 5
src/pages/visa/index.vue

@@ -13,7 +13,7 @@
 
         <button
           @click="navigateTovisaList({ searchString })"
-          class="h-full border flex justify-center items-center w-66 shrink-0 rounded-r-full"
+          class="h-full border-l-[1px] flex justify-center items-center w-66 shrink-0 rounded-r-full"
         >
           <div style="color: white" class="w-16 h-16 shrink-0">
             <img class="w-full h-full object-cover" src="~/assets/img/visa/search.svg" alt="" />
@@ -151,17 +151,17 @@
             @click="navigateGlobalTovisaList({ countryCodeId: el?.country_code }, it)"
             :class="`mb-12 mr-10 flex py-8 px-6 h-108 w-[22%] flex-wrap justify-between  rounded-[4px] ${globalActive == it ? 'bg-[#F5F7FA]' : ''} `"
           >
-            <div class="h-48 mb-4 w-72 overflow-hidden border border-dotted border-[#E5E5E5]">
+            <div class="h-48 w-72 box-border overflow-hidden border rounded-[4px] border-[#E5E5E5]">
               <img
                 v-if="el?.url !== ''"
-                class="h-full w-full rounded-[4px] object-cover"
+                class="h-full w-full object-cover"
                 :src="el?.url"
                 style="object-fit: contain"
                 alt=""
               />
-              <img v-else class="h-full w-full rounded-[4px] object-cover" :src="UN" alt="" />
+              <img v-else class="h-full w-full object-cover" :src="UN" alt="" />
             </div>
-            <div class="pl-2.5 box-border w-full">
+            <div class="pl-2.5 mt-4 box-border w-full">
               <div
                 :title="el?.country"
                 :class="`h-[26px] w-full truncate text-ellipsis whitespace-nowrap text-base font-[400] leading-[20px]  ${globalActive == it ? 'text-[#FF9300]' : ''} `"

+ 10 - 14
src/pages/visa/visaList.vue

@@ -12,7 +12,7 @@
             style="outline: none; background: none"
             @keydown.enter="search"
           />
-          <button @click="search" class="h-full border w-46 shrink-0 rounded-r-full">
+          <button @click="search" class="h-full border-l-[1px] w-46 shrink-0 rounded-r-full">
             <van-icon size="16" :name="searchSvg" />
           </button>
         </div>
@@ -123,7 +123,7 @@
 
                 <p class="w-full leading-3xl font-normal text-sm truncate">
                   <span class="text-black-9">签证类型:</span>
-                  <span :title="item?.visaTypeIdDictMap?.name" class="text-[#444]">
+                  <span :title="item?.visaTypeIdDictMap?.name" class="font-semibold text-[#444]">
                     {{ item?.visaTypeIdDictMap?.name }}
                   </span>
                 </p>
@@ -132,7 +132,7 @@
                   class="w-full truncate leading-3xl font-normal text-sm"
                 >
                   <span class="text-black-9">有效期:</span>
-                  <span class="text-[#444]">
+                  <span class="text-[#444] font-semibold">
                     {{ item?.validity ? `${item?.validity}天` : '无限制' }}
                   </span>
                 </p>
@@ -142,7 +142,9 @@
                   class="w-full font-normal truncate leading-3xl text-sm"
                 >
                   <span class="text-black-9">出签周期:</span>
-                  <span class="text-[#444]">收齐材料后{{ item?.processingDays }}个工作日</span>
+                  <span class="text-[#444] font-semibold">
+                    收齐材料后{{ item?.processingDays }}个工作日
+                  </span>
                 </p>
               </div>
             </div>
@@ -157,7 +159,7 @@
               </p>
 
               <button
-                class="h-full border text-base px-13 shrink-0 border-black-9 rounded-full bg-white active:bg-black/[0.1]"
+                class="h-full border-[0.5px] text-base px-13 shrink-0 border-black-9 rounded-full bg-white active:bg-black/[0.1]"
               >
                 详情
                 <van-icon size="14" name="arrow" />
@@ -167,7 +169,7 @@
 
           <button
             @click.stop="getVisaCounselorDetails(item.id)"
-            class="h-24 absolute bottom-15 right-97 z-20 border text-[#FD9A00] text-base px-13 shrink-0 border-[#FD9A00] rounded-full bg-white active:bg-[#FD9A00]/[0.1]"
+            class="h-24 absolute bottom-15 right-97 z-20 border-[0.5px] text-[#FD9A00] text-base px-13 shrink-0 border-[#FD9A00] rounded-full bg-white active:bg-[#FD9A00]/[0.1]"
           >
             联系顾问
           </button>
@@ -358,16 +360,10 @@ const visaLocationTitle = ref(ADDRESS_TEXT)
 watch(showItemType.value, () => {}, { deep: true })
 
 // 监听签证类型筛选框收起
-function onVisaFilterClose() {
-  // itemTypeRef.value.toggle()
-  // visaTypeIndex.value = activeIndex.value
-}
+function onVisaFilterClose() {}
 
 // 监听出签地筛选框收起
-function onVisaLocFilterClose() {
-  // visaLocIndex.value = activeIndex2.value
-  // itemLocationRef.value.toggle()
-}
+function onVisaLocFilterClose() {}
 
 const queryParams = reactive({
   pageNum: 1,