zhangqun
2 years ago
parent
b5a3c7c45c
commit
864238a8dd
13 changed files with 620 additions and 1183 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,98 @@ |
||||
<template> |
||||
<view class="home_warp"> |
||||
<view class="home_box"> |
||||
<view @click="goPage(item)" class="home_item" v-for="(item, index) in routeData" :index="index" :key="index"> |
||||
<image :src="imgFix + item.name + '.png'" class="img"></image> |
||||
<view class="txt">{{item.meta.title}}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
imgFix: '/static/image/', |
||||
routeData: [], //路由权限 |
||||
} |
||||
}, |
||||
onShow() { |
||||
if (uni.getStorageSync('satoken') && this.routeData.length == 0) { |
||||
this.getRouters(); |
||||
} |
||||
}, |
||||
methods: { |
||||
//拉取权限路由 |
||||
getRouters() { |
||||
this.$request(getApp().globalData.baseUrl + '/api/login/getRouters', {}, 'GET').then(res => { |
||||
if(res.code == 200) { |
||||
console.log('权限路由'); |
||||
this.routeData = res.data; |
||||
} |
||||
}).catch(() => { |
||||
}) |
||||
}, |
||||
goPage(item) { |
||||
uni.navigateTo({ |
||||
url: '/pages/home/index?routers=' + JSON.stringify(item) |
||||
}) |
||||
}, |
||||
//获取图形验证码 |
||||
getVerCode() { |
||||
this.$request1(getApp().globalData.baseUrl + '/api/common/captchaBase64?type=5&_t=' + Date.parse(new Date()), {}, |
||||
'GET').then(res => { |
||||
if (res.code == 200) { |
||||
this.codeImg = res.data.img; |
||||
} |
||||
}).catch(() => { |
||||
console.log('vercode err') |
||||
}) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.home_warp { |
||||
height: calc(100vh - 60rpx); |
||||
padding: 30rpx 50rpx; |
||||
background-color: #fff; |
||||
overflow: auto; |
||||
|
||||
.home_box { |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
.home_item { |
||||
width: 300rpx; |
||||
height: 300rpx; |
||||
text-align: center; |
||||
background: #FFFFFF; |
||||
box-shadow: 4rpx 10rpx 30rpx 1rpx rgba(0, 0, 0, 0.06); |
||||
border-radius: 20rpx; |
||||
margin-bottom: 30rpx; |
||||
|
||||
.img { |
||||
width: 128rpx; |
||||
height: 128rpx; |
||||
margin: 50rpx auto 12rpx; |
||||
} |
||||
|
||||
.txt { |
||||
color: #333; |
||||
line-height: 40rpx; |
||||
font-size: 28rpx; |
||||
font-family: PingFang SC-Bold, PingFang SC; |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
} |
||||
|
||||
button { |
||||
background-color: #007aff; |
||||
color: #ffffff; |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 175 KiB |
Loading…
Reference in new issue