<template>
	<view>
		<view class="uni-head-title">内置组件1：容器</view>
		<view class="view"  @click="goToPage('view')">view</view>
		<view class="view"  @click="goToPage('scrollView')">scrollview</view>
		<view class="view"  @click="goToPage('swipe')">swiper</view>
		
		<view class="uni-head-title">内置组件2：基础内容</view>
		<view class="view"  @click="goToPage('text')">text</view>
		<view class="view"  @click="goToPage('rich-text')">rich-text</view>
		<view class="view"  @click="goToPage('progress')">progress</view>
		<view class="uni-head-title">内置组件3：表单组件</view>
		<view class="view"  @click="goToPage('button')">button</view>
		<view class="view"  @click="goToPage('checkbox')">checkbox</view>
		<view class="view"  @click="goToPage('radio')">radio</view>
		<view class="view"  @click="goToPage('input')">input</view>
		<view class="view"  @click="goToPage('picker')">picker</view>
		<view class="uni-head-title">内置组件4：页面路由</view>
		<view class="view"  @click="goToPage('navigator')">swiper</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goToPage(e){
				uni.navigateTo({
					url:'/pages/componet/'+e+'/'+e
				})
			}
		}
	}
</script>

<style>
@import url('../../lib/smart.css');

</style>
