xg_total_process_master_cloud_h5/pages/apps/apps.vue

<template name="apps">
	<view>
		<cu-custom bgColor="bg-blue">
			<block slot="content"> 应用</block>
		</cu-custom>
		<scroll-view scroll-y class="page my-app">
			<view class="grid col-2 padding-sm">
<!--				<view class="padding-sm">-->
<!--					<navigator hover-class="none" url="/pages/apps/notification/notification" >-->
<!--						<view class="padding radius text-center shadow-blur bg-blue">-->
<!--							<view class="cuIcon-notice text-white circle-button font-size-35"></view>-->
<!--							<view class="margin-top-sm text-Abc">通告</view>-->
<!--						</view>-->
<!--					</navigator>-->
<!--				</view>-->
<!--				<view class="padding-sm">-->
<!--					<navigator hover-class="none" url="/pages/apps/mail/mail" >-->
<!--						<view class="padding radius text-center shadow-blur bg-blue">-->
<!--							<view class="cuIcon-mail text-white circle-button font-size-35"></view>-->
<!--							<view class="margin-top-sm text-Abc">站内信</view>-->
<!--						</view>-->
<!--					</navigator>-->
<!--				</view>-->
<!--			</view>-->
<!--			<view class="grid col-3 padding-sm" style="margin-top: -7px;">-->
<!--				<view class="padding-sm">-->
<!--					<navigator hover-class="none" url="/pages/example/components" >-->
<!--						<view class="padding radius text-center shadow-blur bg-white">-->
<!--							<text class="lg font-size-35 text-blue cuIcon-form"></text>-->
<!--							<view class="margin-top-sm text-Abc">元素</view>-->
<!--						</view>-->
<!--					</navigator>-->
<!--				</view>-->
				<view class="padding-sm">
					<navigator hover-class="none" url="/pages/example/components" >
						<view class="padding radius text-center shadow-blur bg-white">
							<text class="lg font-size-35 text-blue cuIcon-list"></text>
							<view class="margin-top-sm text-Abc">组件</view>
						</view>
					</navigator>
				</view>
<!--				<view class="padding-sm">-->
<!--					<navigator hover-class="none" url="/pages/example/basics/icon" >-->
<!--						<view class="padding radius text-center shadow-blur bg-white">-->
<!--							<text class="lg font-size-35 text-blue cuIcon-similar"></text>-->
<!--							<view class="margin-top-sm text-Abc">图标</view>-->
<!--						</view>-->
<!--					</navigator>-->
<!--				</view>-->
<!--				<view class="padding-sm">-->
<!--					<navigator hover-class="none" url="/pages/example/ucharts/ucharts" >-->
<!--						<view class="padding radius text-center shadow-blur bg-white">-->
<!--							<text class="lg font-size-35 text-blue cuIcon-rank"></text>-->
<!--							<view class="margin-top-sm text-Abc">图表</view>-->
<!--						</view>-->
<!--					</navigator>-->
<!--				</view>-->
				<view class="padding-sm">
<!--					<view class="padding radius text-center shadow-blur bg-white">-->
<!--						<text class="lg font-size-35 text-blue cuIcon-calendar"></text>-->
<!--						<view class="margin-top-sm text-Abc">我的日程</view>-->
<!--					</view>-->
					<navigator hover-class="none" url="/pages/calendar/MyCalendar" >
						<view class="padding radius text-center shadow-blur bg-white">
							<text class="lg font-size-35 text-blue cuIcon-calendar"></text>
							<view class="margin-top-sm text-Abc">我的日程</view>
						</view>
					</navigator>
				</view>
				<view class="padding-sm">
					<navigator hover-class="none" url="/pages/test/luckyDraw/LuckyDrawEvents_pc" >
						<view class="padding radius text-center shadow-blur bg-white">
							<text class="lg font-size-35 text-blue cuIcon-safe"></text>
							<view class="margin-top-sm text-Abc">抽奖</view>
						</view>
					</navigator>
				</view>
				<view class="padding-sm">
					<navigator hover-class="none" url="/pages/test/luckyDraw/LuckyDrawShowList" >
						<view class="padding radius text-center shadow-blur bg-white">
							<text class="lg font-size-35 text-blue cuIcon-safe"></text>
							<view class="margin-top-sm text-Abc">中奖详情</view>
						</view>
					</navigator>
				</view>
				<view class="padding-sm">
					<navigator hover-class="none" url="/pages/test/luckyDraw/LuckyDrawEvents" >
						<view class="padding radius text-center shadow-blur bg-white">
							<text class="lg font-size-35 text-blue cuIcon-safe"></text>
							<view class="margin-top-sm text-Abc">活动</view>
						</view>
					</navigator>
				</view>
				<view class="padding-sm">
					<navigator hover-class="none" url="/pages/test/local/LocationDemo" >
						<view class="padding radius text-center shadow-blur bg-white">
							<text class="lg font-size-35 text-blue cuIcon-safe"></text>
							<view class="margin-top-sm text-Abc">地理位置及拍照</view>
						</view>
					</navigator>
				</view>
<!--				<view class="padding-sm">-->
<!--					<view class="padding radius text-center shadow-blur bg-white">-->
<!--						<text class="lg font-size-35 text-blue cuIcon-phone"></text>-->
<!--						<view class="margin-top-sm text-Abc">电话</view>-->
<!--					</view>-->
<!--				</view>-->
<!--				<view class="padding-sm">-->
<!--					<view class="padding radius text-center shadow-blur bg-white">-->
<!--						<text class="lg font-size-35 text-blue cuIcon-activity"></text>-->
<!--						<view class="margin-top-sm text-Abc">工作</view>-->
<!--					</view>-->
<!--				</view>-->
<!--				<view class="padding-sm">-->
<!--					<view class="padding radius text-center shadow-blur bg-white">-->
<!--						<text class="lg font-size-35 text-blue cuIcon-hot"></text>-->
<!--						<view class="margin-top-sm text-Abc">热点</view>-->
<!--					</view>-->
<!--				</view>-->
<!--				<view class="padding-sm">-->
<!--					<navigator hover-class="none" url="/pages/test/mobile/TestMobileList" >-->
<!--						<view class="padding radius text-center shadow-blur bg-white">-->
<!--							<text class="lg font-size-35 text-blue cuIcon-safe"></text>-->
<!--							<view class="margin-top-sm text-Abc">测试</view>-->
<!--						</view>-->
<!--					</navigator>-->
<!--				</view>-->

			</view>
			<u-gap height="80" bgColor="#fff"></u-gap>
		</scroll-view>

	</view>
</template>

<script>

	export default {
		name: "apps",
		data() {
			return {
			};
		},
		onShow() {
			console.log("success")
		}
	}
</script>

<style>
	.page {
		height: 100vh;
	}
	.font-size-35{
		 font-size: 35px!important;
	}
	.my-app .padding-sm {
	    padding: 6px;
	}
	.grid .padding-sm .bg-white{
		    box-shadow: 0 1px 4px #f9f9f9, 1px 1px 40px rgba(0,0,0,.06);
	}
</style>