ybxf-security-uniapp/pagesA/fire/fire_inspetItem/fire_inspetItem.vue

<template>
	<view class="uni-container uni-container-bg">
		<!-- 卡片栏 -->
		<uni-card class='card' @click.native="move7()">
			<view  class="titles">
				<image :src="Scroll" class="img-ico"></image>消防设施设备排查治理
			</view>
		</uni-card>
		<uni-card  @click.native="move8()" class='card'>
			<view class="titles">
				<image :src="Scroll" class="img-ico"></image>消防通道排查治理
			</view>
		</uni-card>
		<uni-card  @click.native="move2()" class='card'>
			<view class="titles">
				<image :src="Scroll" class="img-ico"></image>电瓶车充电停放排查治理
			</view>
		</uni-card>
		<uni-card  @click.native="move1()" class='card'>
			<view class="titles">
				<image :src="Scroll" class="img-ico"></image>出租房排查治理
			</view>
		</uni-card>
		<uni-card  @click.native="move9()" class='card'>
			<view class="titles">
				<image :src="Scroll" class="img-ico"></image>消防宣传教育培训演练
			</view>
		</uni-card>
		<uni-card  @click.native="move3()" class='card'>
			<view class="titles">
				<image :src="Scroll" class="img-ico"></image>电源排查治理
			</view>
		</uni-card>
		<uni-card @click.native="move5()" class="card">
			<view class="titles">
				<image :src="Scroll" class="img-ico"></image>气源排查治理
			</view>
		</uni-card>
		<uni-card @click.native="move4()" class='card'>
			<view  class="titles">
				<image :src="Scroll" class="img-ico"></image>火源排查治理
			</view>
		</uni-card>

		<uni-card @click.native="move6()" class='card'>
			<view  class="titles">
				<image :src="Scroll" class="img-ico"></image>特殊人群帮扶
			</view>
		</uni-card>
	</view>
</template>
<script>
	import Scroll from '@/static/images/Scroll.png'
	export default {
		data() {
			return {
				Scroll: Scroll
			}
		},
		methods: {
			move1() {
				uni.navigateTo({
					url: '/pagesA/fire/fire_inspetItem/streetCzfpczl'
				})
			},
			move2() {
				uni.navigateTo({
					url: '/pagesA/fire/fire_inspetItem/streetDpccdtfpczl'
				})
			},
			move3() {
				uni.navigateTo({
					url: '/pagesA/fire/fire_inspetItem/streetDypczl'
				})
			},
			move4() {
				uni.navigateTo({
					url: '/pagesA/fire/fire_inspetItem/streetHypczl'
				})
			},
			move5() {
				uni.navigateTo({
					url: '/pagesA/fire/fire_inspetItem/streetQypczl'
				})
			},
			move6() {
				uni.navigateTo({
					url: '/pagesA/fire/fire_inspetItem/streetTsrqbf'
				})
			},
			move7() {
				uni.navigateTo({
					url: '/pagesA/fire/fire_inspetItem/streetXfsssbpczl'
				})
			},
			move8() {
				uni.navigateTo({
					url: '/pagesA/fire/fire_inspetItem/streetXftdpczl'
				})
			},
			move9() {
				uni.navigateTo({
					url: '/pagesA/fire/fire_inspetItem/streetXfxcjypxyl'
				})
			},
		}
	};
</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 {
		display: flex;
		align-items: cneter;
		font-weight: 600;
		margin-bottom: 10rpx;
		color: #274647;
		font-size: 32rpx;
		padding: 20rpx 20rpx 20rpx 0;
	}

	.card {
		border: none;
		box-shadow: 0px 0px 3px 0px rgba(86, 165, 168, 0.15);
		display: flex;
		align-items: cneter;
		border-radius: 10px;
	}

	.img-ico {
		width: 52rpx;
		height: 52rpx;
	}
</style>