瀏覽代碼

feat:card-名称过长显示完整

Ken 4 天之前
父節點
當前提交
2c80a674a3
共有 1 個文件被更改,包括 8 次插入1 次删除
  1. 8 1
      components/Card.vue

+ 8 - 1
components/Card.vue

@@ -28,7 +28,14 @@
       <p class="show-pricing" v-if="showPricing">Pricing</p>
       <!-- </nuxt-link> -->
       <figcaption class="card-info">
-        <h1>{{ cardData.alias_name || cardData.product_name }}</h1>
+        <template v-if="cardData.product_name && cardData.product_name.length > 40">
+          <el-tooltip :content="cardData.product_name" placement="top-start">
+            <h1>{{ cardData.product_name }}</h1>
+          </el-tooltip>
+        </template>
+        <template v-else>
+          <h1>{{ cardData.product_name }}</h1>
+        </template>
         <p class="card-info-point">{{ cardData.product_code }}</p>
         <div class="card-info-icon">
           <img