Browse Source

消息中心样式调整

13127578837 11 months ago
parent
commit
780bd03625
2 changed files with 21 additions and 16 deletions
  1. 21 15
      src/pages/common/appMessage/index.vue
  2. 0 1
      src/pages/info.vue

+ 21 - 15
src/pages/common/appMessage/index.vue

@@ -7,7 +7,7 @@
           
           <view class="content-area-center radius bg-white list-cell list-cell-arrow">
             <view class="">
-              <image class="content-area-center-image-bg" :src="all.img" />
+              <!-- <image class="content-area-center-image-bg" :src="all.img" /> -->
               <view class="content-area-center-title font16">{{ all.infoTitle }}</view>
               <view class="content-area-center-time font14 ">{{ all.createTime.substring(5,10) }} {{ all.createTime.substring(11,16) }}</view>
             </view>
@@ -35,9 +35,10 @@ const data = reactive({
 
   allInfoList: [],
   noticeList: [],
+  pageTitle:undefined
 });
 
-const { scrollIntoView, tabsCurrent, noticeList } = toRefs(data);
+const { scrollIntoView, tabsCurrent, noticeList, pageTitle } = toRefs(data);
 
 /**
  * @初始化
@@ -80,21 +81,23 @@ function goContentDetails(e) {
  */
 function infoListApi() {
   proxy.$modal.loading("加载中");
+  let infoTypeList = storage_msgType.get("msgType")?.infoTypeStatic
+  for (let i = 0; i < infoTypeList.length; i++) {
+    if(infoType.value == infoTypeList[i].infoType){
+      pageTitle.value = infoTypeList[i].label
+      break;
+    }
+  }
+  uni.setNavigationBarTitle({
+    title: pageTitle.value 
+  });
   getMceList({
     // current: 1,
     // size: 10,
     infoType: infoType.value
   }).then((requset) => {
     let data = requset.data.records
-    let infoTypeList = storage_msgType.get("msgType")?.infoTypeStatic
     if (requset.status === "SUCCESS") {
-      for (let i = 0; i < data.length; i++) {
-        for (let j = 0; j < infoTypeList.length; j++) {
-          if(data[i].infoType == infoTypeList[j].infoType){
-            data[i].img = infoTypeList[j].img
-          }
-        }
-      }
       noticeList.value = data
       loading.value = true
       setTimeout(() => {
@@ -117,6 +120,7 @@ function infoListApi() {
 
 onLoad((options) => {
   infoType.value = options.type
+  console.log(options)
   init();
 });
 
@@ -145,10 +149,13 @@ onNavigationBarButtonTap((e) => {
   padding-bottom: 1px;
 
   .content-area {
+    >div{
+      vertical-align: middle;
+    }
     &-center {
       margin: 14px 10px -2px;
       width:calc(100% - 20px);
-      padding: 15px;
+      padding: 10px;
       overflow: hidden;
       position: relative;
       &-image-bg {
@@ -158,20 +165,18 @@ onNavigationBarButtonTap((e) => {
         vertical-align: middle;
       }
       &-title {
-        margin-left: 15px;
         color: #000;
         display: inline-block;
         vertical-align: middle;
         white-space: nowrap;      /* 确保文本在一行内显示 */
         overflow: hidden;         /* 隐藏超出容器的内容 */
         text-overflow: ellipsis;  /* 使用省略号表示被截断的文本 */
-        width: 40%;             /* 定义容器宽度 */
+        width: 70%;             /* 定义容器宽度 */
       }
       &-time {
         color: #909399;
         float:right;
         margin-right:14px;
-        margin-top:12px
       }
       &-cont {
         color: #ccc;
@@ -193,7 +198,8 @@ onNavigationBarButtonTap((e) => {
   position: absolute;
 }
 .list-cell-arrow::before{
-  top:66rpx;
   position: absolute;
+  top:18px;
+  right:10px;
 }
 </style>

+ 0 - 1
src/pages/info.vue

@@ -149,7 +149,6 @@ onLoad(() => {
   .content-area {
     display: flex;
     padding: 13px 13px 13px 0px;
-    border-bottom:1px solid #EDEDED;
     &-avatar {
       display: flex;
       margin: auto 20upx auto 0;