<template>
	<gracePage headerBG="#F5F6F8" :headerHeight="0" :isSwitchPage="true">
		<!-- 页面主体 -->
		<view slot="gBody" class="demo_body">
			<view class="demo">
				<image src="https://graceui.oss-cn-beijing.aliyuncs.com/demo2.1/logo2.png" class="index_logo" mode="widthFix"></image>
			</view>
			<view class="demo">
				<text class="grace-text-small grace-black9">兼容uni-app及微信小程序的优秀前端框架\n</text>
				<text class="grace-text-small grace-black9">您已成功部署GraceUI请开始编写您的代码</text>
			</view>
			<view class="demo">
				<graceFlex :classes="['nowrap', 'ycenter']">
					<text class="grace-text-small grace-black9" style="margin-right:10rpx;">官网 : </text>
					<graceLink url="http://grace.hcoder.net" title="http://grace.hcoder.net"></graceLink>
				</graceFlex>
			</view>
		</view>
	</gracePage>
</template>
<script>
import gracePage from "../../graceUI/components/gracePage.vue";
import graceFlex from "../../graceUI/components/graceFlex.vue";
import graceLink from "../../graceUI/components/graceLink.vue";
// 演示调用 common.js
var common = require('../../common.js');
export default {
	data() {
		return {
			
		}
	},
	onLoad:function(){
		common.myfun();
	},
	methods:{
		
	},
	components:{
		gracePage, graceFlex , graceLink
	}
}
</script>
<style>
.demo_body{padding:200rpx 138rpx;}
.index_logo{width:320rpx; height:52rpx; margin-top:188rpx;}
.demo{width:100%; margin-top:20rpx;}
</style>