修复已知问题

pages/activity/index.vue

@@ -1,5 +1,5 @@
 <template class="content">
-    <view  class="fixed-header"> 
+    <view class="fixed-header">
 
         <!-- 顶部导航栏 -->
         <up-navbar leftText="" title="" :placeholder="true" :safeAreaInsetTop="true" :bgColor="bgColor">
@@ -39,20 +39,22 @@
             </up-tabs>
         </view>
     </view>
-        <!-- 列表信息 -->
+    <!-- 列表信息 -->
-        
+    <view >
         <ActiInfoList v-model="actiInfoList" @scrolltolower="scrolltolower"></ActiInfoList>
+    </view>
+    
     <view>
     </view>
 </template>
 <script setup>
 import ActiInfoList from '../common/activityList/index.vue'
 import { onShow, onLoad } from '@dcloudio/uni-app'
-import {getDicts} from "@/api/system/dict/data"
+import { getDicts } from "@/api/system/dict/data"
 import { ref, reactive, getCurrentInstance } from 'vue'
 import { useStore } from 'vuex';
 const { proxy } = getCurrentInstance();
-const iconConfig =  proxy.iconConfig;
+const iconConfig = proxy.iconConfig;
 const tu21 = iconConfig.tu21;
 const tu22 = iconConfig.tu22;
 const tu51 = iconConfig.tu51;
@@ -66,90 +68,92 @@ bgColor.value = 'rgba(170, 0, 0, 0)'
 const store = useStore()
 const list4 = reactive([
     { name: '全部' },
-    { name: '未开始'},  
+    { name: '未开始' },
     { name: '进行中' },
     { name: '已结束' }
 ]);
 const actiInfoList = ref([
-   {
+    {
-    id:1,
+        id: 1,
-    title:'怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
+        title: '怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
-   startTime:'2023-05-01 15:00',
+        startTime: '2023-05-01 15:00',
-   endTime:'2023-05-01 16:00',
+        endTime: '2023-05-01 16:00',
-   state:'1',
+        state: '1',
-   addrs:'天津电子信息职业技术学院操场东面'
+        addrs: '天津电子信息职业技术学院操场东面'
-   },
+    },
-   {
+    {
-    id:2,
+        id: 2,
-    title:'怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
+        title: '怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
-   startTime:'2023-05-01 15:00',
+        startTime: '2023-05-01 15:00',
-   endTime:'2023-05-01 16:00',
+        endTime: '2023-05-01 16:00',
-   state:'2',
+        state: '2',
-   addrs:'天津电子信息职业技术学院操场东面'
+        addrs: '天津电子信息职业技术学院操场东面'
-   },
+    },
-   {id:3,
+    {
-    title:'怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
+        id: 3,
-   startTime:'2023-05-01 15:00',
+        title: '怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
-   endTime:'2023-05-01 16:00',
+        startTime: '2023-05-01 15:00',
-   state:'0',
+        endTime: '2023-05-01 16:00',
-   addrs:'天津电子信息职业技术学院操场东面'
+        state: '0',
-   }
+        addrs: '天津电子信息职业技术学院操场东面'
-   ,
+    }
-   {id:4,
+    ,
-    title:'怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
+    {
-   startTime:'2023-05-01 15:00',
+        id: 4,
-   endTime:'2023-05-01 16:00',
+        title: '怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
-   state:'0',
+        startTime: '2023-05-01 15:00',
-   addrs:'天津电子信息职业技术学院操场东面'
+        endTime: '2023-05-01 16:00',
-   }
+        state: '0',
+        addrs: '天津电子信息职业技术学院操场东面'
+    }
 
 ]);
 
 onLoad((options) => {
-    getDicts('activity_state').then( e=> {
+    getDicts('activity_state').then(e => {
-        activityState.value=e.data
+        activityState.value = e.data
         console.log(activityState.value);
     })
 })
 
 onShow(() => {
-  console.log('Page onShow')
+    console.log('Page onShow')
 })
 
 const scrolltolower = () => {
     console.log("scrolltolower");
-    actiInfoList.value.push( {title:'怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
+    actiInfoList.value.push({
-   startTime:'2023-05-01 15:00',
+        title: '怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
-   endTime:'2023-05-01 16:00',
+        startTime: '2023-05-01 15:00',
-   state:'2',
+        endTime: '2023-05-01 16:00',
-   addrs:'天津电子信息职业技术学院操场东面'
+        state: '2',
-   })
+        addrs: '天津电子信息职业技术学院操场东面'
+    })
 };
 const getDictLabelByValue = (state) => {
-  const dict = activityState.value.find((dict) => dict.dictValue === state);
+    const dict = activityState.value.find((dict) => dict.dictValue === state);
-  return dict ? dict : '未知状态';
+    return dict ? dict : '未知状态';
 };
 
-const toInfo = (item) => {
+
-    proxy.$tab.navigateTo(`/pages/activity/info?id=${item.id}`);
+function toESearch() {
-}
-function toESearch(){
     console.log("toESearch");
     proxy.$tab.navigateTo('/pages/search/activitySearch')
 }
 
 </script>
 <style lang="scss">
-  .fixed-header {
+.fixed-header {
 
 
-  }
+}
 
 
-    .leftinfo{
+.leftinfo {
-        display: flex;
+    display: flex;
     align-items: flex-end;
-    }
+}
+
 .content {
     position: relative;
 
@@ -157,7 +161,8 @@ function toESearch(){
         padding-left: 32rpx;
         display: flex;
         align-content: center;
-            .lefttext {
+
+        .lefttext {
             font-weight: 400;
             width: 58rpx;
             height: 30rpx;
@@ -169,21 +174,24 @@ function toESearch(){
     }
 
 }
-.img2BOX{
+
+.img2BOX {
     display: flex;
     align-items: center;
 
 }
+
 .navbarcenter {
     font-weight: 400;
-width: 146rpx;
+    width: 146rpx;
-height: 36rpx;
+    height: 36rpx;
-font-size: 36rpx;
+    font-size: 36rpx;
-text-align: left;
+    text-align: left;
-color: #000000 100%;
+    color: #000000 100%;
-display: flex;
+    display: flex;
-align-items: center;
+    align-items: center;
 }
+
 .bgc {
     width: 100%;
     height: 500rpx;
@@ -210,21 +218,22 @@ align-items: center;
 .souBOx {
     margin-left: 32rpx;
 }
+
 .sousuoBox .souBOx .shuruText {
     margin-left: 20rpx;
     font-weight: 400;
     font-size: 28rpx;
-    color: #999999  !important;
+    color: #999999 !important;
 }
+
 .img3 {
     width: 38rpx;
     height: 38rpx;
 }
+
 .tabsinfo {
 
     height: 80rpx;
     margin: 0 auto;
 }
-
-
 </style>

pages/activity/info.vue

@@ -177,7 +177,7 @@ function cancel () {
         .btnText {
             font-weight: 400;
             width: 120rpx;
-            height: 32rpx;
+
             font-size: 30rpx;
 
             color: #00CCBE !important;

pages/common/activityList/index.vue

@@ -51,18 +51,21 @@ const scrolltolower = () => {
     emit('scrolltolower'); // 如果不需要传递数据，可以省略第二个参数
 };
 
-
+const toInfo = (item) => {
+    proxy.$tab.navigateTo(`/pages/activity/info?id=${item.id}`);
+}
 </script>
 <style lang="scss" scoped>
 .scrollable-list {
 
-    overflow: auto;
+    overflow-x: hidden;
-    /* 允许这个容器内部滚动 */
+  overflow-y: auto;
+
 }
 
 .listInfo {
     position: relative;
-    
+    width: 686rpx;
     height: 328rpx;
     border-radius: 16rpx 16rpx 16rpx 16rpx;
     background: #ffffff;