首页职位卡片

src/components/Enterprise/info.vue

@@ -67,9 +67,6 @@ getData()
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  &:hover {
-    color: var(--v-primary-base);
-  }
 }
 .more-position {
   color: var(--v-primary-base);

src/components/Position/item.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="d-flex">
     <div class="position-box">
-      <div class="sub-li" v-for="(item, index) in props.items" :key="index" :style="{'height': tab === 3 && item.hire ? '180px' : '149px'}">
-        <div class="job-info" @click.stop="handlePosition(item)" @mouseenter="item.active = true" @mouseleave="item.active = false">
+      <div class="sub-li" v-for="(item, index) in props.items" :key="index" :style="{'height': tab === 3 && item.hire ? '180px' : '149px'}" @mouseenter="item.active = true" @mouseleave="item.active = false">
+        <div class="job-info" @click.stop="handlePosition(item)">
           <div class="sub-li-top">
             <div class="sub-li-info">
               <p :class="['name', {'default-active': item.active }]">{{ formatName(item.name) }}</p>
@@ -11,13 +11,12 @@
           </div>
           <div class="d-flex justify-space-between align-center">
             <div class="text-truncate" style="color: #808080;" :style="{'width': !item.payFrom && !item.payTo ? '290px' : '190px'}">
-              <span v-for="(j, i) in desc" :key="i" class="font-size-13" style="">
+              <span v-for="(j, i) in desc" :key="i" class="font-size-13">
                 <span
                   v-if="item[j.value] || j.value === 'areaName'"
                   class="mr-1 d-inline-block"
                 >
                 {{ j.value === 'areaName' ? !item.areaId ? '全国' : item.area?.str : item[j.value] }}
-                  <!-- {{ (j.value === 'areaName' && !item.areaId) ? '全国' :  item[j.value] }} -->
                 </span>
                 <span
                   v-if="i !== desc.length - 1 && (item[j.value] || (j.value === 'areaName' && !item.areaId)) && item[desc[i + 1].value]"
@@ -64,7 +63,6 @@
 
 <script setup>
 defineOptions({ name: 'position-card-item' })
-import { ref, watch } from 'vue'
 import { commissionCalculation, jumpToEnterpriseDetail } from '@/utils/position'
 import { timesTampChange } from '@/utils/date'
 import { formatName } from '@/utils/getText'
@@ -83,16 +81,7 @@ const props = defineProps({
     default: true
   }
 })
-// const list = ref([])
-// watch(
-//   () => props.items, 
-//   (newVal) => {
-//     console.log(123, newVal)
-//     list.value = newVal
-//   },
-//   { immediate: true },
-//   { deep: true }
-// )
+
 const desc = [
   { mdi: 'mdi-map-marker-outline', value: 'areaName' },
   { mdi: 'mdi-school-outline', value: 'eduName' },
@@ -206,8 +195,5 @@ const handlePosition = (item) => {
 .names {
   font-weight: 500;
   color: #404040;
-  &:hover {
-    color: var(--v-primary-base);
-  }
 }
 </style>

src/components/PreviewImg/previewImage.vue

@@ -19,7 +19,7 @@
         </i>
       </span>
       <!-- ARROW -->
-      <template v-if="!isSingle">
+      <template v-if="urlList.length > 1">
         <span
           class="el-image-viewer__btn el-image-viewer__prev"
           :class="{ 'is-disabled': !infinite && isFirst }"