dreamland/template/graceUI/GraceUIForUniApp-157580/pages/index/index.nvue

<template>
	<graceNvuePage headerBG="#F5F6F8" :headerHeight="0">
		<!-- 页面主体 -->
		<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及微信小程序的优秀前端框架</text>
				<text class="grace-text-small grace-black9">您已成功部署GraceUI请开始编写您的代码</text>
			</view>
			<view class="demo">
				<graceNvueFlex :classes="['nowrap', 'ycenter']">
					<text class="grace-text-small grace-black9" style="margin-right:10rpx;">官网 : </text>
					<graceNvueLink url="http://grace.hcoder.net" fontSize="24rpx" title="http://grace.hcoder.net"></graceNvueLink>
				</graceNvueFlex>
			</view>
		</view>
	</graceNvuePage>
</template>
<script>
import graceNvuePage from "../../graceUI/weexComponents/gracePage.nvue";
import graceNvueFlex from "../../graceUI/weexComponents/graceFlex.nvue";
import graceNvueLink from "../../graceUI/weexComponents/graceLink.nvue";
export default {
	data() {
		return {
			
		}
	},
	methods:{
		
	},
	components:{
		graceNvuePage, graceNvueFlex , graceNvueLink
	}
}
</script>
<style>
.demo_body{padding:200rpx 150rpx;}
.index_logo{width:320rpx; height:52rpx; margin-top:188rpx;}
.demo{margin-top:20rpx;}
</style>