<style lang="less" scoped>
	.container{
		min-height: 100%;
		background:#f6f6f6;
		padding-top:30rpx;
		.card{
			margin-top:0;
			._title{
				color:#10C176;
				font-size:32rpx;
				display: flex;
				align-items: center;
				&:before{
					content:"";
					height:32rpx;
					width:8rpx;
					border-radius: 10rpx;
					background:#10C176;
					margin-right:15rpx;
				}
			}
			.content{
				margin-top:25rpx;
				display: flex;
				flex-wrap: wrap;
				margin-right:-70rpx;
				min-height: 700rpx;
				&>view{
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-right:70rpx;
					image{
						width:72rpx;
						height:72rpx;
						margin-bottom:6rpx;
					}
					.name{
						font-size:20rpx;
					}
				}
			}
		}
	}
</style>
<template>
	<view class="container">
		<view class="card">
			<view class="_title">所有应用</view>
			<view class="content">
				<view v-for="(v,k) in list" :key="k" @click="$u.route({url:v.url})">
					<image :src="`${host}/${v.icon}`"/>
					<text class="name">{{v.name}}</text>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
import request,{host} from '@/common/request'
export default {
	data(){
		return{
			list:[],
			host:host('imgUrl'),
		}
	},
	onLoad(){
		this.search()
	},
	methods:{
		async search(){
			var res=await request("/api/application/queryRoleApplication")
			if(res.statu){
				this.list=res.data
			}else{
				uni.showModal({
					title:"提示",
					content:res.msg||"保存失败！",
					showCancel:false,
				})
			}
		},
	}
}
</script>