talk
/
talk_appAmin
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复已知问题

main
26947 2024-06-02 19:09:14 +08:00
parent ce937a5f3f
commit 92aeaf5d9c
3 changed files with 97 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

169
pages/activity/index.vue
View File

@ -1,6 +1,6 @@
<template class="content"> <template class="content">
<view class="fixed-header"> <view class="fixed-header">
<!-- 顶部导航栏 --> <!-- 顶部导航栏 -->
<up-navbar leftText="" title="" :placeholder="true" :safeAreaInsetTop="true" :bgColor="bgColor"> <up-navbar leftText="" title="" :placeholder="true" :safeAreaInsetTop="true" :bgColor="bgColor">
<template class="img1BOX" #left> <template class="img1BOX" #left>
@ -39,20 +39,22 @@
</up-tabs> </up-tabs>
</view> </view>
</view> </view>
<!-- 列表信息 --> <!-- 列表信息 -->
<view >
<ActiInfoList v-model="actiInfoList" @scrolltolower="scrolltolower"></ActiInfoList> <ActiInfoList v-model="actiInfoList" @scrolltolower="scrolltolower"></ActiInfoList>
</view>
<view> <view>
</view> </view>
</template> </template>
<script setup> <script setup>
import ActiInfoList from '../common/activityList/index.vue' import ActiInfoList from '../common/activityList/index.vue'
import { onShow, onLoad } from '@dcloudio/uni-app' 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 { ref, reactive, getCurrentInstance } from 'vue'
import { useStore } from 'vuex'; import { useStore } from 'vuex';
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const iconConfig = proxy.iconConfig; const iconConfig = proxy.iconConfig;
const tu21 = iconConfig.tu21; const tu21 = iconConfig.tu21;
const tu22 = iconConfig.tu22; const tu22 = iconConfig.tu22;
const tu51 = iconConfig.tu51; const tu51 = iconConfig.tu51;
@ -64,92 +66,94 @@ const imgInfo = ref("")
const bgColor = ref(''); const bgColor = ref('');
bgColor.value = 'rgba(170, 0, 0, 0)' bgColor.value = 'rgba(170, 0, 0, 0)'
const store = useStore() const store = useStore()
const list4 = reactive([ const list4 = reactive([
{ name: '全部' }, { name: '全部' },
{ name: '未开始'}, { name: '未开始' },
{ name: '进行中' }, { name: '进行中' },
{ name: '已结束' } { name: '已结束' }
]); ]);
const actiInfoList = ref([ 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) => { onLoad((options) => {
getDicts('activity_state').then( e=> { getDicts('activity_state').then(e => {
activityState.value=e.data activityState.value = e.data
console.log(activityState.value); console.log(activityState.value);
}) })
}) })
onShow(() => { onShow(() => {
console.log('Page onShow') console.log('Page onShow')
}) })
const scrolltolower = () => { const scrolltolower = () => {
console.log("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 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"); console.log("toESearch");
proxy.$tab.navigateTo('/pages/search/activitySearch') proxy.$tab.navigateTo('/pages/search/activitySearch')
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.fixed-header { .fixed-header {
}
.leftinfo{ }
display: flex;
.leftinfo {
display: flex;
align-items: flex-end; align-items: flex-end;
} }
.content { .content {
position: relative; position: relative;
@ -157,7 +161,8 @@ function toESearch(){
padding-left: 32rpx; padding-left: 32rpx;
display: flex; display: flex;
align-content: center; align-content: center;
.lefttext {
.lefttext {
font-weight: 400; font-weight: 400;
width: 58rpx; width: 58rpx;
height: 30rpx; height: 30rpx;
@ -169,21 +174,24 @@ function toESearch(){
} }
} }
.img2BOX{
.img2BOX {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.navbarcenter { .navbarcenter {
font-weight: 400; 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 { .bgc {
width: 100%; width: 100%;
height: 500rpx; height: 500rpx;
@ -210,21 +218,22 @@ align-items: center;
.souBOx { .souBOx {
margin-left: 32rpx; margin-left: 32rpx;
} }
.sousuoBox .souBOx .shuruText { .sousuoBox .souBOx .shuruText {
margin-left: 20rpx; margin-left: 20rpx;
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
color: #999999 !important; color: #999999 !important;
} }
.img3 { .img3 {
width: 38rpx; width: 38rpx;
height: 38rpx; height: 38rpx;
} }
.tabsinfo { .tabsinfo {
height: 80rpx; height: 80rpx;
margin: 0 auto; margin: 0 auto;
} }
</style> </style>

2
pages/activity/info.vue
View File

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

11
pages/common/activityList/index.vue
View File

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