custom-product.vue 2.2 KB

<template>
	<div class="content">
		<div class="ebg">
			<img src="@/assets/images/custom-product/cp-bg.png">
		</div>
		<div class="top-space"></div>
		<div class="box product">
			<div @click="toPage('/custom/service?q=m1')" class="product-item">
				<div class="icon-wrap">
					<img src="@/assets/images/custom-product/icon-cp-1.png">
				</div>
				<div class="t1">{{$t('customProduct.menu1')}}</div>
			</div>
			<div @click="toPage('/custom/service?q=m2')" class="product-item">
				<div class="icon-wrap">
					<img src="@/assets/images/custom-product/icon-cp-2.png">
				</div>
				<div class="t1">{{$t('customProduct.menu2')}}</div>
			</div>
			<div @click="toPage('/custom/service?q=m3')" class="product-item">
				<div class="icon-wrap">
					<img src="@/assets/images/custom-product/icon-cp-3.png">
				</div>
				<div class="t1">{{$t('customProduct.menu3')}}</div>
			</div>
			<div @click="toPage('/custom/service?q=m4')" class="product-item">
				<div class="icon-wrap">
					<img src="@/assets/images/custom-product/icon-cp-4.png">
				</div>
				<div class="t1">{{$t('customProduct.menu4')}}</div>
			</div>
		</div>
		<div class="box product">
			<div @click="toPage('/custom/service?q=m5')" class="product-item">
				<div class="icon-wrap">
					<img src="@/assets/images/custom-product/icon-cp-5.png">
				</div>
				<div class="t1">{{$t('customProduct.menu5')}}</div>
			</div>
			<div @click="toPage('/custom/service?q=m6')" class="product-item">
				<div class="icon-wrap">
					<img src="@/assets/images/custom-product/icon-cp-6.png">
				</div>
				<div class="t1">{{$t('customProduct.menu6')}}</div>
			</div>
			<div @click="toPage('/custom/service?q=m7')" class="product-item">
				<div class="icon-wrap">
					<img src="@/assets/images/custom-product/icon-cp-7.png">
				</div>
				<div class="t1">{{$t('customProduct.menu7')}}</div>
			</div>
			<div @click="toPage('/custom/service?q=m8')" class="product-item">
				<div class="icon-wrap">
					<img src="@/assets/images/custom-product/icon-cp-8.png">
				</div>
				<div class="t1">{{$t('customProduct.menu8')}}</div>
			</div>
		</div>
	</div>
</template>

<script src="./custom-product.js"></script>
<style lang="scss" scoped>
@import "./custom-product.scss";
</style>