yd_qycpfb/jp-mobile/pages/indexcf/indexcf.vue

<template name="apps">
	<view>
		<cu-custom bgColor="bg-blue">
			<block slot="content">首页</block>
		</cu-custom>

		<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000" :duration="800">
			<swiper-item>
				<image src="../../static/img/banner.png" class="swiper-item"></image>
			</swiper-item>
		</swiper>


		<view class="line-box">
			
			<view class="btn-box-3 mart-t">
				<navigator class="h-200" hover-class="none" url="/pages/yqList/yqList">
				</navigator>
			</view>
			
			<view class="btn-box-6 mart-t">
				<navigator class="h-200" hover-class="none" url="/pages/tdList/tdList">
				</navigator>
			</view>
			
			<view class="btn-box-1 mart-t">
				<navigator class="h-200" hover-class="none" url="/pages/buildListcf/buildListcf">
				</navigator>
			</view>
			<view class="btn-box-2 mart-t">
				<navigator class="h-200" hover-class="none" url="/pages/comListcf/comListcf">

				</navigator>
			</view>
			
			<view class="btn-box-4 mart-t">
				<navigator class="h-200" hover-class="none" url="/pages/map/mapVisualization-th">

				</navigator>
			</view>
			<view class="btn-box-5 mart-t">
				<navigator class="h-200" hover-class="none" url="/pages/analysiscf/analysiscf">
				</navigator>
			</view>
			
		</view>


	</view>
</template>

<script>
	import loginService from "@/api/auth/loginService"
	export default {
		name: "apps",
		data() {
			return {
				stype: "", // 企业 => 3  楼宇 => 2  园区 => 1  zfadmin => 4  admin=> 5
			};
		},
		onShow() {
			
		},
		
		created() {
			
		},


		methods: {

			

		}
	}
</script>

<style>
	.page {
		height: 100vh;
	}

	.line-box {
		display: flex;
		padding-left: 20rpx;
		padding-right: 20rpx;
		justify-content: space-between;
		margin-top: 20rpx;
		flex-wrap: wrap;
	}

	.mart-t {
		margin-top: 30rpx;
	}

	.btn-box-1 {
		width: 337rpx;
		height: 200rpx;
		background-image: url('../../static/img/btn1.png');
		background-size: 100% 100%;
	}

	.btn-box-2 {
		width: 337rpx;
		height: 200rpx;
		background-image: url('../../static/img/btn4.png');
		background-size: 100% 100%;
	}

	.btn-box-3 {
		width: 337rpx;
		height: 200rpx;
		background-image: url('../../static/img/btnyq.png');
		background-size: 100% 100%;
	}

	.btn-box-4 {
		width: 337rpx;
		height: 200rpx;
		background-image: url('../../static/img/btn5.png');
		background-size: 100% 100%;
	}

	.btn-box-5 {
		width: 337rpx;
		height: 200rpx;
		background-image: url('../../static/img/btn3.png');
		background-size: 100% 100%;
	}

	.btn-box-6 {
		width: 337rpx;
		height: 200rpx;
		background-image: url('../../static/img/btntd.png');
		background-size: 100% 100%;
	}

	.h-200 {
		height: 200rpx;
	}

	.swiper {
		width: 750rpx;
		height: 360rpx;
	}

	.swiper-item {
		width: 750rpx;
		height: 360rpx;
		background-color: aliceblue;
	}

	.font-size-35 {
		font-size: 35px !important;
	}

	.img-size {
		width: 80rpx;
		height: 80rpx;
	}

	.content-box {
		width: 337rpx;
		height: 200rpx;
	}

	.my-app .padding-sm {
		padding: 6px;
	}

	.grid .padding-sm .bg-white {
		box-shadow: 0 1px 4px #f9f9f9, 1px 1px 40px rgba(0, 0, 0, .06);
	}

	.bg-blue {
		background: #fff;
		color: #0081ff !important;
	}

	.text-white,
	.line-white,
	.lines-white {
		color: #0081ff !important;
	}
</style>