超长字符处理

pages/findList/all.vue

@@ -78,9 +78,9 @@
             <ul class="v-ul clearfix list">
               <li v-for="item in tourDetail.data" :key="item.id">
                 <nuxt-link :to="item.link" class="flex-aic-noc">
-                  <img class="v-img-cover" :src="item.cover" alt="房车租赁" />
+                  <img class="v-img-cover" :src="item.cover" alt="欣新房车" />
                   <div style="margin-left: 11px;position: relative;text-align: left;">
-                    <h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
+                    <h2 class="ellipsis2"  style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.name}}</h2>
                     <button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
                       旅游详情
                       <img style="position: absolute;" src="../../assets/images/r.png" />
@@ -105,7 +105,7 @@
                 <nuxt-link :to="item.link" class="flex-aic-noc">
                   <img class="v-img-cover" :src="item.logo" alt="房车租赁" />
                   <div style="margin-left: 11px;position: relative;text-align: left;">
-                    <h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
+                    <h2 class="ellipsis2"  style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.address}}</h2>
                     <button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
                       营地详情
                       <img style="position: absolute;" src="../../assets/images/r.png" />
@@ -130,7 +130,7 @@
                 <nuxt-link :to="item.link" class="flex-aic-noc">
                   <img class="v-img-cover" :src="item.banner" alt="房车租赁" />
                   <div style="margin-left: 11px;position: relative;text-align: left;">
-                    <h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
+                    <h2 class="ellipsis2" style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.title}}</h2>
                     <h2 style="font-size: 12px;color:#666666;margin-top:23px">
                       <i class="el-icon-location"></i>
                       {{item.province}}{{item.city}}{{item.town}}{{item.address}}
@@ -155,7 +155,7 @@
                 <nuxt-link :to="item.link" class="flex-aic-noc">
                   <img class="v-img-cover" :src="item.coverImage" alt="房车租赁" />
                   <div style="margin-left: 11px;position: relative;text-align: left;">
-                    <h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
+                    <h2 class="ellipsis2" style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.title}}</h2>
                     <h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
                   </div>
                 </nuxt-link>
@@ -178,7 +178,7 @@
                 <!-- <nuxt-link to="/" class="flex-aic-noc"> -->
                   <img class="v-img-cover" :src="item.cover" alt="房车租赁" />
                   <div style="margin-left: 11px;position: relative;text-align: left;">
-                    <h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
+                    <h2 class="ellipsis2" style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.name}}</h2>
                     <h2 style="font-size: 12px;color:#666666;margin-top:23px">
                       <i class="el-icon-phone"></i>
                       {{item.leaderContactInfo}}

pages/findList/findActivity.vue

@@ -15,7 +15,7 @@
                 <nuxt-link :to="item.link" class="flex-aic-noc">
                   <img class="v-img-cover" :src="item.banner" alt="房车租赁" />
                   <div style="margin-left: 11px;position: relative;text-align: left;">
-                    <h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
+                    <h2 class="ellipsis2" style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.title}}</h2>
                     <h2 style="font-size: 12px;color:#666666;margin-top:23px">
                       <i class="el-icon-location"></i>
                       {{item.province}}{{item.city}}{{item.town}}{{item.address}}

pages/findList/findCampsite.vue

@@ -15,7 +15,7 @@
                 <nuxt-link :to="item.link" class="flex-aic-noc">
                   <img class="v-img-cover" :src="item.logo" alt="房车租赁" />
                   <div style="margin-left: 11px;position: relative;text-align: left;">
-                    <h2 style="font-size: 18px;margin-top:10px">{{item.address}}</h2>
+                    <h2 class="ellipsis2"  style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.address}}</h2>
                     <button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">
                       营地详情
                       <img style="position: absolute;" src="../../assets/images/r.png" />

pages/findList/findCompany.vue

@@ -15,7 +15,7 @@
                 <div class="flex-aic-noc">
                   <img class="v-img-cover" :src="item.cover" alt="房车租赁" />
                   <div style="margin-left: 11px;position: relative;text-align: left;">
-                    <h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
+                    <h2 class="ellipsis2"  style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.name}}</h2>
                     <h2 style="font-size: 12px;color:#666666;margin-top:23px">
                       <i class="el-icon-phone"></i>
                       {{item.leaderContactInfo}}

pages/findList/findNew.vue

@@ -15,7 +15,7 @@
                 <nuxt-link :to="item.link" class="flex-aic-noc">
                   <img class="v-img-cover" :src="item.coverImage" alt="房车租赁" />
                   <div style="margin-left: 11px;position: relative;text-align: left;">
-                    <h2 style="font-size: 18px;margin-top:10px">{{item.title}}</h2>
+                    <h2 class="ellipsis2" style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.title}}</h2>
                     <h2 style="font-size: 12px;color:#666666;margin-top:23px">{{item.addTime}}</h2>
                   </div>
                 </nuxt-link>

pages/findList/findTour.vue

@@ -15,7 +15,7 @@
               <nuxt-link :to="item.link" class="flex-aic-noc">
                 <img class="v-img-cover" :src="item.cover" alt="房车租赁" />
                 <div style="margin-left: 11px;position: relative;text-align: left;">
-                  <h2 style="font-size: 18px;margin-top:10px">{{item.name}}</h2>
+                  <h2 class="ellipsis2" style="font-size: 18px;margin-top:10px;max-width: 400px;">{{item.name}}</h2>
                   <button class="buttonDetails" style="position: absolute;bottom:10px;left:0px;">旅游详情<img style="position: absolute;" src="../../assets/images/r.png"/></button>
                 </div>
               </nuxt-link>