ybxf-security-uniapp/pagesA/fire/archive/nav.vue

<template>
	<view class="uni-container uni-container-bg">
		<!-- 卡片栏 -->
				<uni-card class='card'>
					<view @click.native="move1()" class="titles">居民住宅区物业服务企业消防工作基本情况登记表</view>
				</uni-card>
				<uni-card class='card'>
					<view @click.native="move2()" class="titles">居（村）民委员会消防工作基本情况登记表</view>
				</uni-card>
				<uni-card class='card'>
					<view @click.native="move3()" class="titles">乡镇（街道）监督管理单位（场所）消防安全基本情况登记表</view>
				</uni-card>
				<uni-card class='card'>
					<view @click.native="move4()" class="titles">乡镇（街道）火灾事故情况登记表</view>
				</uni-card>
				<uni-card class="card">
					<view @click.native="move5()" class="titles">乡镇（街道）消防工作办公室消防安全检查台账</view>
				</uni-card>
				<uni-card class='card'>
					<view @click.native="move6()" class="titles">乡镇（街道）消防宣传教育台账</view>
				</uni-card>

</view>
</template>
<script>
export default {
	data() {
		return {}
	},
	methods:{
		move1(){
			uni.navigateTo({
				url:'/pagesA/fire/archive/index1'
			})
		},
		move2(){
			uni.navigateTo({
				url:'/pagesA/fire/archive/index2'
			})
		},
		move3(){
			uni.navigateTo({
				url:'/pagesA/fire/archive/index3'
			})
		},
		move4(){
			uni.navigateTo({
				url:'/pagesA/fire/archive/index4'
			})
		},
		move5(){
			uni.navigateTo({
				url:'/pagesA/fire/archive/index5'
			})
		},
		move6(){
			uni.navigateTo({
				url:'/pagesA/fire/archive/index6'
			})
		},
	}
};
</script>
<style lang="scss" scoped>
body {
	background-color: #f5f7f9;
}

page {
	background-color: #f5f7f9;
}

/deep/ .u-tabs__wrapper[data-v-0de61367],
.u-tabs__wrapper.data-v-0de61367 {
	width: 99%;
}

/deep/.u-tabs__wrapper__nav__item[data-v-0de61367],
/deep/.u-tabs__wrapper__nav__item.data-v-0de61367 {
	padding: 0 60rpx;
}

.uni-container {
	height: 100vh;
	padding-right: 20upx;
}

::v-deep .u-icon__icon {
	margin-right: 0px !important;
}

.titles {
	font-weight: 600;
	margin-bottom: 10rpx;
	color: #274647;
	font-size: 32rpx;
	padding: 10rpx 0 10rpx 0;
}
.card{
	border-radius: 10px;
}
	
</style>