gx

src/components/list-no-img.vue

@@ -1,14 +1,9 @@
 <template>
   <div class="list-1">
     <div class="top">
-      <strong :class="[newData.title.length < 40 ? 'yesDevelop' : 'noDevelop']"
+      <strong class="yesDevelop"
         >{{ newData.title
-        }}<a
-          href="javascript:;"
-          v-if="newData.title.length > 40"
-          @click="quanwen"
-          >全文</a
-        ></strong
+        }}</strong
       >
     </div>
     <div class="bottom-1">
@@ -39,7 +34,8 @@ const quanwen = () => {
 
     .noDevelop {
       display: inline-block;
-      width: 343px;
+      // width: 343px;
+      width: 90vw;
       height: 44px;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -74,7 +70,8 @@ const quanwen = () => {
 
     .yesDevelop {
       display: inline-block;
-      width: 343px;
+      // width: 343px;
+      width: 90vw;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;

src/components/list-right-img.vue

@@ -1,15 +1,9 @@
 <template>
   <div class="list-1">
     <div class="left">
-      <strong :class="[newData.title.length < 26 ? 'yesDevelop' : 'noDevelop']"
+      <strong class="yesDevelop"
         >{{ newData.title
-        }}<a
-          href="javascript:;"
-          v-if="newData.title.length > 26"
-          @click="quanwen"
-        >
-          全文</a
-        ></strong
+        }}</strong
       >
       <div class="bottom-1">
         <div class="left">{{ newData.createdAt }}</div>

src/views/znyt.vue

@@ -114,14 +114,14 @@ const records = reactive({
     {
       id: 1,
       display: 0,
-      title: "2023年养老金政策震撼发布！你的养老金将发生这样的变化！",
+      title: "2023年养老金政策震撼发布！你的养老金将发生这样的变化！红红火火恍恍惚惚或或或或或或或或或或或或或或或或或或或或或或或或或",
       createdAt: "11月27日",
       eye: "8888",
     },
     {
       id: 1,
       display: 1,
-      title: "“三问”个人养老金：是什么、怎么缴、如何领？",
+      title: "“三问”个人养老金：是什么、怎么缴、如何领？红红火火恍恍惚惚或或或或或或或或或或或或或或或或或或或或或或或或或",
       createdAt: "11月27日",
       eye: "8888",
     },