资讯

src/components/HotNews/index.vue

 <template>
   <div class="mx-5">
     <div class="wrap22 flex items-center" @click="$router.push({path: 'NewsDetail', query: { uuid: info?.uuid, type: 'news' }})">
-      <div class="box1 flex-col flex-grow justify-between">
+      <div class="box1 flex-col flex-grow justify-between overflow-hidden">
         <span class="info8">{{ info?.title }}</span>
+        <span class="info10">{{ info?.desc }}</span>
         <div class="layer4 flex pr-20">
           <span class="info9">{{ info?.writer }}</span>
           <span class="word24">{{ $format(info?.created_at, 'YYYY-MM-DD') }}</span>
@@ -62,6 +63,23 @@ export default defineComponent({
   text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap
+}
+
+.info10 {
+  z-index: 205;
+  display: block;
+  overflow-wrap: break-word;
+  color: rgba(141, 146, 175, 1);
+  margin-top: 5px;
+  font-size: 12px;
+  letter-spacing: 0.1679999977350235px;
+  font-family: PingFangSC-Medium;
+  line-height: 25px;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap
 }
 
 .layer4 {

src/components/PolicyCard/index.vue

 <template>
   <div @click="$router.push({path: 'NewsDetail', query: { uuid: info.uuid, type: 'policy' }})">
-    <div class=" text-base text-gray-800 font-semibold pt-5">{{ info.title }}</div>
+    <div class=" text-base text-gray-800 font-semibold pt-5 news-title">{{ info.title }}</div>
     <!-- <p class=" text-xs text-gray-400 pt-5">{{ info.desc }}</p> -->
-    <div class=" text-sm text-gray-800 text-justify pt-3">{{ info.desc }}</div>
+    <div class=" text-sm text-gray-800 text-justify pt-3 news-info">{{ info.desc }}</div>
     <div class=" text-xs text-gray-400 py-5 border-b border-red border-solid">发布时间：{{ $format(info.created_at, 'YYYY-MM-DD') }} &nbsp;&nbsp;&nbsp;作者: {{ info.writer }}</div>
   </div>
 </template>
@@ -26,4 +26,16 @@ export default defineComponent({
 
 <style scoped>
 
+  .news-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+  }
+  .news-info {
+    display: -webkit-box;
+    overflow: hidden;  
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+  }
 </style>
\ No newline at end of file

src/views/News/NewsList/index.vue

 <template>
   <div @click="$router.push({path: 'NewsDetail', query: { uuid: info.uuid, type: 'news' }})" class=" border-b border-gray-200 py-5">
-    <div class=" text-base text-gray-900 font-semibold">{{ info.title }}</div>
-    <div class=" text-xs text-gray-800 pt-3">{{ info.desc }}</div>
+    <div class=" text-base text-gray-900 font-semibold news-title">{{ info.title }}</div>
+    <div class=" text-xs text-gray-800 pt-3 news-info">{{ info.desc }}</div>
     <div
       v-if="showImg"
       class=" h-32 bg-app-blue mt-2 bg-cover bg-center bg-no-repeat"
@@ -36,5 +36,16 @@ export default defineComponent({
 </script>
 
 <style scoped>
-
+  .news-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+  }
+  .news-info {
+    display: -webkit-box;
+    overflow: hidden;  
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+  }
 </style>
\ No newline at end of file

src/views/withMenu/Home/appList.ts

 import Bridge from "@/utils/jsBridge2"
 
+
 export default [
   {
     name: '贷款服务',
@@ -41,7 +42,10 @@ export default [
     icon: 'icon-jingcaizhibo',
     color: '#0FCBA5',
     cb(){
-      new Bridge().bridge_live()
+      new Bridge().bridge_live({
+        phone: JSON.parse(window.localStorage.getItem('USER_MSG') as string)?.userInfo.phone,
+        avatar: window.location.host + require('../../../assets/icons/avatar.png')
+      })
     },
   },
   {