<template>
	<view class="page-wrapper">
		<JeepayNavigation :navList="navList" type="grid" :space="10" :radiusSize="20" />
	</view>
</template>

<script setup>
import { reactive, ref } from 'vue';
const navList = [
	{ title: '码牌立牌', icon: '/pageDevice/static/devIconImg/icon-code.svg', pageUrl: 'PAGES_APP_CODE' },
	{ title: '智能云音响', icon: '/pageDevice/static/devIconImg/icon-horn.svg', pageUrl: 'PAGES_APP_HORN' },
	{ title: '云打印机', icon: '/pageDevice/static/devIconImg/icon-print.svg', pageUrl: 'PAGES_APP_PRINT' },
	{ title: '扫码王', icon: '/pageDevice/static/devIconImg/icon-scanPos.svg', pageUrl: 'PAGES_APP_SCANPOS' },
	{ title: '智能POS', icon: '/pageDevice/static/devIconImg/icon-pos.svg', pageUrl: 'PAGES_APP_POS' },
	// { title: '辅助终端', icon: '/pageDevice/static/devIconImg/icon-term.svg', pageUrl: 'PAGES_APP_TERMINAL' },
	// { title: '刷脸设备', icon: '/pageDevice/static/devIconImg/icon-face-1.svg', pageUrl: 'PAGES_APP_FACE_LIST' },
	// { title: '如意Lite', icon: '/pageDevice/static/detailsLislImg/icon-lite.svg', pageUrl: 'PAGES_LITE_LIST' }
];
</script>

<style lang="scss" scoped>
.page-wrapper {
	padding: 0.1rpx;
	min-height: 100vh;
}
</style>
