133 lines
2.4 KiB
Vue
133 lines
2.4 KiB
Vue
<template>
|
|
<view class="page">
|
|
<!-- 撑高度 -->
|
|
<view style="height: 10rpx"></view>
|
|
<view v-for="(item, index) in list" :key="index" @tap="toPage(item.path)">
|
|
<JMainCard wrapPd="10rpx 30rpx" bgColor="#fff" pd="0">
|
|
<JInput :icon="item.icon" :isBorder="true" :name="item.name" align="center" size="33rpx" :img="true"
|
|
iconSize="60rpx" />
|
|
</JMainCard>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import JMainCard from '@/components/newComponents/JMainCard/JMainCard.vue' // 卡片
|
|
import JInput from '@/components/newComponents/JInput/JInput.vue'
|
|
|
|
const list = [
|
|
{
|
|
icon: '/static/equipmentImg/code-open.svg',
|
|
name: '码牌管理',
|
|
path: 'codeCardManagement'
|
|
},
|
|
{
|
|
icon: '/static/equipmentImg/horn-open.svg',
|
|
name: '云喇叭管理',
|
|
path: 'cloudHornManagement'
|
|
},
|
|
{
|
|
icon: '/static/equipmentImg/print-open.svg',
|
|
name: '云打印管理',
|
|
path: 'cloudPrintManagement'
|
|
},
|
|
{
|
|
icon: '/static/equipmentImg/pos-open.svg',
|
|
name: '扫码POS管理',
|
|
path: 'posMachineManagement'
|
|
},
|
|
{
|
|
icon: '/static/equipmentImg/iqpos-open.svg',
|
|
name: '智能POS管理',
|
|
path: 'iqPosManagement'
|
|
},
|
|
{
|
|
icon: '/static/equipmentImg/terminal-open.svg',
|
|
name: '辅助终端设备',
|
|
path: '../terminal/terminalList'
|
|
},
|
|
{
|
|
icon: '/pageWork/static/images/icon-face-1.svg',
|
|
name: '刷脸设备',
|
|
path:"../face/index"
|
|
},
|
|
{
|
|
icon: '/pageWork/static/images/lite-list.svg',
|
|
name: '如意Lite管理',
|
|
path:"../liteManager/index"
|
|
}
|
|
]
|
|
function toPage(path) {
|
|
uni.navigateTo({
|
|
url: `./${path}`
|
|
})
|
|
}
|
|
</script>
|
|
<style>
|
|
page {
|
|
background: #F5F6FC;
|
|
}
|
|
</style>
|
|
<style scoped lang="scss">
|
|
.content {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.list {
|
|
margin-top: 20rpx;
|
|
padding: 0 30rpx;
|
|
box-sizing: border-box;
|
|
border-top: 1px solid #ededed;
|
|
|
|
.list-item {
|
|
padding: 30rpx 0;
|
|
box-sizing: border-box;
|
|
border-top: 1px solid #ededed;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
.left {
|
|
view {
|
|
font-size: 30rpx;
|
|
color: #000;
|
|
}
|
|
|
|
text {
|
|
font-size: 22rpx;
|
|
color: #9ea5b3;
|
|
}
|
|
}
|
|
|
|
.right {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
|
|
image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.list-item:first-child {
|
|
border-top: none;
|
|
}
|
|
}
|
|
|
|
.back-color {
|
|
background-color: #f5f6fc;
|
|
height: 20rpx;
|
|
}
|
|
|
|
.unique {
|
|
margin-top: 0;
|
|
border: 0;
|
|
}
|
|
</style>
|