dreamland/pages/dream/view/cover.vue

<template name="cover">
	<view slot="gBody" class="grace-body">
		
		<view class="grace-title grace-margin-top">
			<text class="grace-title-icon grace-icons icon-article grace-blue"></text>
			<text class="grace-title-text grace-black">{{item.parent_name}}</text>
			<text class="grace-gray grace-black">{{item.author_name}}{{item.username}}</text>
		</view>
					
		<view class="grace-line-title grace-margin-top">
			<view class="grace-line-title-line"></view>
			<text class="grace-line-title-text grace-blue">{{item.name}}</text>
			<view class="grace-line-title-line"></view>
		</view>
		
		<view class="grace-margin-top">
			<view class="grace-flex-center grace-flex-vcenter">
				<image :src="item.pic" mode="widthFix" style="height: auto;"></image>
			</view>
		</view>
		
		<view class="grace-margin-top">
			<view class="grace-h5 grace-blod grace-text-center" v-if="item.times">
				<text class="grace-icons icon-spliter"></text>
				<text class="grace-black" style="margin:0 20rpx;">{{item.times_parent}} {{item.times}}</text>
				<text class="grace-icons icon-spliter"></text>
			</view>
			<view class="grace-text grace-text-center">{{item.desc}}</view>
		</view>
		
		<view class="grace-margin-top">
			<view class="grace-flex-center grace-flex-vcenter">
				<text class="grace-gray grace-text-small grace-text-center">{{item.copyright}}</text>
				<text class="grace-icons grace-text-small icon-arrow-right grace-gray"></text>
			</view>
		</view>
		
		<y-Fab :bottom="20" :right="140" @click="showDrawer" bgColor="#e55d52" text="更多"></y-Fab>
	</view>
</template>

<script>
export default {
	name: "cover",
	props: {
		item : {
			type    : Object,
			value	: null
		},
	},
	methods:{
		showDrawer : function() {
			var key = 'cate';
			if (key) {
				this.$emit('showDrawer', key);
			} else {
				this.Dever.alert('您点错了吧~');
			}
		},
	},
}
</script>

<style>
.grace-h5 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}
</style>