czga-mobile/pages/list/tpxw.vue

<template>		
	<top>
		<view slot="content" class="content">
			<view class="swipers">
				<u-swiper 
				:title="true" 
				border-radius="15"
				duration="1500"
				mode="dot"
				height="300"
				:list="imglist"></u-swiper>
			</view>
			
			<menu-bar :tabs="list" :currentPage="menuIndex"></menu-bar>

			<tab-bar :currentPage="2"></tab-bar>
		</view>
	</top>
	
</template>

<script>
	export default {
		onload(val){
			console.log(val)
			that.menuIndex = val.index
			// location.reload()
		},
		onShow() {
			var that = this
			console.log('before',that.menuIndex)
			that.menuIndex = uni.getStorageSync('menuIndex')?uni.getStorageSync('menuIndex'):0
			console.log('after',that.menuIndex)
			uni.removeStorageSync('menuIndex')
		},
		created() {
			
		},
		data() {
			return {
				menuIndex:0,
				imglist: [
				],
				list:[[{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				}],[{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				},{
					title:"于贵平主持召开第9次周调度例会",
					times:"2022-08-21",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",	
				}],[],[''],[''],[''],[],[]]
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.swipers{
		padding:40rpx;
		padding-bottom:0
		
	}
	.content{
		background-color: #fff;
	}
	.u-swiper-wrap{
		
		height:360rpx
	}
	/deep/ .swipers .u-swiper-title{
		padding-bottom: 10rpx !important;
	}
/* 	/deep/ .u-swiper-indicator{
		bottom: -40rpx !important;;
	} */
	/deep/ .u-indicator-item-dot{
		background-color: #fff;
		border: 1px solid #DB1B29;
		width:20rpx;
		height:20rpx;
	}
	/deep/ .u-indicator-item-dot-active{
		background-color: #DB1B29;
	}

</style>