YNUtdPlatform/pages/realName/workbench/index.vue

69 lines
1.6 KiB
Vue

<template>
<view class="page">
<u-navbar title="工作台" placeholder @leftClick="leftClick" bgColor="#00337A" :titleStyle="{ color: '#FFF', fontSize: '32rpx' }"/>
<view style="width: 100%;height: 84vh;">
<scroll-view scroll-y="true">
<view class="view-box">
<view class="view-item" @click="goPersonEnter">
<view><image class="img1" src="@/static/realName/base_person.png" style="width: 60rpx;height: 60rpx;" alt=""></view>
<view style="font-size: 24rpx;">人员信息录入</view>
</view>
</view>
</scroll-view>
</view>
<m-tabbar fixed fill :current="3" :tabbar="tabbar"></m-tabbar>
</view>
</template>
<script>
import TabbarConfig from '../util/tabbar.js'
import config from '@/config'
export default {
data() {
return {
tabbar: TabbarConfig,
// userName: uni.getStorageSync('userName'),
// className: uni.getStorageSync('className'),
// facePath: config.fileUrl + uni.getStorageSync('facePath'),
// token: uni.getStorageSync('access_token')
}
},
onLoad() {
},
methods: {
goPersonEnter(){
uni.navigateTo({
url: `/pages/realName/workbench/personEnter/index`
})
}
}
}
</script>
<style lang="scss">
.page {
width: 100%;
height: 100vh;
background: linear-gradient(#eaf0f7, #f8f8f8);
// box-sizing: border-box;
// padding: 15vh 8vw;
.view-box{
width: 100%;height: 84vh;display: flex;flex-wrap: wrap;
}
.view-item{
width: 33%;height: 200rpx;display: flex;flex-direction:column;align-items: center;justify-content: center;
}
}
</style>