custom-product.vue 2.69 KB

<template>
	<div>
		<div class="ebg"></div>
		<div class="content">

			<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=m41')" 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 @click="toPage('/custom/service?q=m9')" class="product-item">
					<div class="icon-wrap">
						<img src="@/assets/images/custom-product/icon-cp-9.png">
					</div>
					<div v-html="$t('customProduct.menu9')" class="t1">{{$t('customProduct.menu9')}}</div>
				</div>
				<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 @click="toPage('/custom/service?q=m10')" class="product-item">
					<div class="icon-wrap">
						<img src="@/assets/images/custom-product/icon-cp-10.png">
					</div>
					<div class="t1">{{$t('customProduct.menu10')}}</div>
				</div>
			</div>
		</div>
	</div>

</template>

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