XEH-miniProgram/pages/tax/index.vue

<template>
	<view class="page-wrap">
		<view class="header-panel">
			<image class="avatar" src="@/static/auth-icon.png" mode="aspectFill"></image>
			<view class="info">
				<view class="name">天津超易达胜科技发展有限公司</view>
				<view class="company">911201033006420997</view>
				<image class="arrow" src="@/static/svg/arrow.svg"></image>
			</view>
		</view>
		<view class="menu-panel">
			<view class="item">
				<image class="icon" src="@/static/icon_tax_menu_1.jpg"></image>
				我的消息
			</view>
			<view class="item">
				<image class="icon" src="@/static/icon_tax_menu_2.jpg"></image>
				我的账簿
			</view>
			<view class="item">
				<image class="icon" src="@/static/icon_tax_menu_3.jpg"></image>
				常见问题
			</view>
			<view class="item">
				<image class="icon" src="@/static/icon_tax_menu_4.jpg"></image>
				我的管家
			</view>
		</view>
		<view class="nav-panel">
			<view :class="'item item-' + item.value" v-for="(item, index) in navList" :key="index">
				<view class="name">{{ item.name }}</view>
				<text class="desc">{{ item.desc }}</text>
				<image class="icon" :src="`../../static/icon_tax_nav_${item.value}.png`"></image>
			</view>
		</view>
		<image class="banner" src="../../static/img_tax_banner.jpg" mode="aspectFill"></image>
		<view class="foot-panel">
			<view class="link">了解财税管家</view>
			本服务由鑫鑫记账®小程序提供
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			navList: [
				{
					name: '记账报税',
					desc: '为企业建立全套规范的\n会计账簿，编制会计报\n表，装订会计凭证，\n进行税务申报，以符合\n税务稽查的要求',
					value: 1
				},
				{
					name: '税控托管',
					desc: '发票购买、代开\n税额核准与抄报税',
					value: 2
				},
				{
					name: '社保代理',
					desc: '社保公积金基数核定、\n开户、团队代理',
					value: 3
				},
				{
					name: '会计到家',
					desc: '专人上门服务\n乱账梳理、税务筹划',
					value: 4
				},
				{
					name: '线下代办',
					desc: '各类证照、开户、\n申报、异常处理等',
					value: 5
				},
				{
					name: '手机开票',
					desc: '开票不用找会计\n手机轻松搞定',
					value: 6
				},
				{
					name: '设置',
					desc: '会计准则\n科目期初',
					value: 7
				}
			]
		};
	},
	methods: {}
};
</script>

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