<template>
	<view class="container">
		<navBar title="服务" :back="false" color="black" flex="cen" background="#fff" />

		<view class="list">
			<view class="item" v-for="i in 2">
				<view class="topTitle">
					<view class="water">
						GIGESI
					</view>
					<text>智能设计</text>
				</view>

				<view class="con" @click="goDetail" v-for="i in 2">
					<view class="label">
						<image src="/static/index/part1_icon.png" mode="" class="img"></image>
						<view class="item2">
							智能设计
						</view>
						<view class="des">
							详情
						</view>
					</view>
					<view class="cen">
						<view class="item3">
							智能方案
						</view>
						<view class="item3">
							设计优势
						</view>
						<view class="item3">
							了解智能设计
						</view>
					</view>

					<view class="bot">
						<image class="img2" :src="picUrl+'/static/service/look.png'" mode=""
							style="width: 48rpx;height: 48rpx;">
						</image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	// import navBar from '@/components/navBar/index.vue'
	export default {
		// components: {
		// 	navBar
		// },
		data() {
			return {
				picUrl: this.$picUrl
			}
		},
		methods: {
			goDetail() {
				uni.navigateTo({
					url: '/pages/service/detail/index'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import "./service.scss";
</style>