dreamland/pages/index/index.vue

<template>
	<gracePage :customHeader="false">
		<view slot="gBody" class="grace-body">
			<view class="grace-title grace-margin-top">
				<view class="grace-title-border"></view>
				<text class="grace-title-text grace-blue">幻境</text>
				<text class="grace-text-small grace-gray">shemic.com</text>
			</view>
			<view style="padding-bottom:50rpx;">
				<graceSwiper :swiperItems="swiperItems2" :width="700" :height="1300" @taped="location"></graceSwiper>
			</view>
		</view>
	</gracePage>
</template>
<script>
import gracePage from "../../lib/graceUI/components/gracePage.vue";
import graceSwiper from "../../lib/graceUI/components/graceSwiper.vue";
export default{
	data() {
		return {
			swiperItems2 : [
				{
					id 	: 1,
					img : 'https://graceui.oss-cn-beijing.aliyuncs.com/swiperimgs/3.png',
					url : '',
					title:"测试标题很长很长很长很长很长很长很长很长很长很长很长很长很长很长",
					opentype : 'click'
				},
				{
					id 	: 1,
					img : 'https://graceui.oss-cn-beijing.aliyuncs.com/swiperimgs/4.png',
					url : '',
					title:"测试标题04",
					opentype : 'click'
				},
				{
					id 	: 1,
					img : 'https://graceui.oss-cn-beijing.aliyuncs.com/swiperimgs/5.png',
					url : '',
					title:"测试标题05",
					opentype : 'click'
				}
			]
		}
	},
	methods:{
		location : function(e){
			var id = this.swiperItems2[e].id;
			this.Dever.location('dream/index?id=' + id);
		}
	},
	components: {
		gracePage, graceSwiper
	}
}
</script>
<style>
</style>