修复已知问题

pages/activity/index.vue

@@ -40,15 +40,17 @@
         </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();
@@ -66,48 +68,50 @@ 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:'怎么评论爱德华·艾尔加这位音乐家及其他的作品,欢迎大家发表自己的看法？',
+        id: 4,
-   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: '天津电子信息职业技术学院操场东面'
     }
 
 ]);
 
 onLoad((options) => {
-    getDicts('activity_state').then( e=> {
+    getDicts('activity_state').then(e => {
-        activityState.value=e.data
+        activityState.value = e.data
         console.log(activityState.value);
     })
 })
@@ -118,11 +122,12 @@ 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) => {
@@ -130,26 +135,25 @@ const getDictLabelByValue = (state) => {
     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;
     align-items: flex-end;
-    }
+}
+
 .content {
     position: relative;
 
@@ -157,6 +161,7 @@ function toESearch(){
         padding-left: 32rpx;
         display: flex;
         align-content: center;
+
         .lefttext {
             font-weight: 400;
             width: 58rpx;
@@ -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;
 }
+
 .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;