dreamland/pages/dream/view.vue

<template>
	<gracePage :customHeader="false">
		<view class="container" slot="gBody">
			<ourLoading isFullScreen :active="pageLoading" :text="pageLoadingText" />
			<view v-if="fetch.items.length > 0">
				<dever-drawer-page :show="drawer.show ? 'left' : ''">
					<view class="container_main" slot="links" @click="closeDrawer()">
						<block v-if="show">
							<swiper class="swiper" @change="change" :circular="swiper.circular" :current="fetch.index">
								<swiper-item v-for="(v, k) in fetch.items"  v-if="v.data" :key="k" >
									<scroll-view scroll-y="true" scroll-x="true" class="scroll-height" @scrolltolower="bottomCall">
										<dream ref="dream" @showDrawer="showDrawer" :index="k" :item="v" :control="control" :bottom="bottom" class="item"></dream>
									</scroll-view>
								</swiper-item>
							</swiper>
						</block>
						<block v-if="!show">
							<dream ref="dream" @showDrawer="showDrawer" :index="fetch.index" :item="fetch.items[fetch.index]" :control="control" :bottom="bottom" class="item"></dream>
						</block>
					</view>
				</dever-drawer-page>
				
				
				<dever-drawer-window v-for="(v, k) in drawer.item" :key="k" :type="k" :show="v.show" :zIndex="v.index" padding="v.padding" :top="v.top" :direction="v.direction" :width="v.width" v-on:closeDrawer="closeDrawer(k)" v-on:bottomFunc="bottomFunc">
					<view slot="links">
						<block v-if="k == 'cate'">
							<cate ref="cate" @goIndex="goIndex" :index="fetch.index" :content_id="content_id" :width="v.width" :param="v.param" :page_id="fetch.page_id"  @getCate="getCate"></cate>
						</block>
						
						<block v-if="k == 'community'">
							<community ref="community" @goIndex="goIndex" :index="fetch.index" :content_id="content_id" :width="v.width" :param="v.param"></community>
						</block>
						
						<block v-if="k == 'times'">
							<times ref="times" @goIndex="goIndex" :index="fetch.index" :content_id="content_id" :width="v.width" :param="v.param" :set="v.set" :times="fetch.times_id" @getTimes="getTimes"></times>
						</block>
						
						<block v-if="k == 'shop'">
							<shop ref="shop" @goIndex="goIndex" :index="fetch.index" :content_id="content_id" :width="v.width" :param="v.param"></shop>
						</block>
						
						<block v-if="k == 'my'">
							<my ref="my" @goIndex="goIndex" :index="fetch.index" :content_id="content_id" :width="v.width" :param="v.param"></my>
						</block>
						
						<block v-if="k == 'share'">
							<share ref="share" @goIndex="goIndex" :index="fetch.index" :content_id="content_id" :width="v.width" :param="v.param" :type="type"></share>
						</block>
					</view>
				</dever-drawer-window>
				
				<view v-if="fetch.page_info.bgmusic" :class="!bgm_playing ? `bgm bgm-paused` : `bgm`" @click="bgmControl"></view>
				
				<y-Fab v-if="!drawer.show && fetch.user.avatar && show" :bottom="20" :right="20" :btnList="drawer.button" @click="clickDrawerButton" :text="`P`+(swiper.index+1)" :icon_o="fetch.user.avatar"></y-Fab>
				<y-Fab v-if="!show" :bottom="20" :right="20" @click="goHome" :text="`更多`"></y-Fab>
			</view>
		</view>
	</gracePage>
</template>
<script>
import cate from "@/pages/dream/func/cate.vue";
import community from "@/pages/dream/func/community.vue";
import times from "@/pages/dream/func/times.vue";
import shop from "@/pages/dream/func/shop.vue";
import my from "@/pages/dream/func/my.vue";
import share from "@/pages/dream/func/share.vue";
import dream from "@/pages/dream/view/dream.vue";
import deverDrawerPage from "@/lib/dever/components/drawerPage.vue";
import deverDrawerWindow from "@/lib/dever/components/drawerWindow.vue";
export default{
	data() {
		return {
			bgm_playing : true,
			login : '',
			content_id : 0,
			type : -1,
			show : false,
			swiper : {
				index : 0,
				circular : false,
			},
			fetch: {
				items : [],
				user : {},
				index : 0,
				info_id : 0,
				page_id : 0,
				page_info : {
					bgmusic : '',
				},
				parent_page_id : 0,
				times_id : 0,
			},
			control : {},
			bottom : {},
			drawer : {
				// 是否显示
				show : '',
				button : [],
				item : {
					cate : {
						show : false,
						index : 5,
						top: 0,
						padding: '0rpx',
						width : '86%',
						direction : 'left',
						param : {},
						button : {
							bgColor: '#55ff7f',
							text: '选集',
							fontSize: 28,
							color: '#fff'
						}
					},
					
					community : {
						show : false,
						index : 5,
						top: 0,
						padding: '0rpx',
						width : '86%',
						direction : 'left',
						param : {
							type : 3,
							type_id : this.content_id,
						},
						button : {
							bgColor: '#16C2C2',
							text: '社区',
							fontSize: 28,
							color: '#fff'
						},
					}
				}
			}
		}
	},
	onLoad(option) {
		if (!option.code) {
			this.Dever.location('index/index');
			return;
		}
		if (option && option.name) {
			uni.setNavigationBarTitle({
				title:option.name
			});
		}
		//this.Dever.login = 'user/login?code=' + option.code;
		//this.Dever.checkLogin();
		this.Dever.bgm = false;
		this.login = this.Dever.getToken();
		this.Dever.config.name = option.name;
		this.Dever.config.code = option.code;
		this.getData();
	},
	// 重新加载
	onPullDownRefresh: function() {
		if (this.drawer.show && this.drawer.item[this.drawer.show].show == true) {
			this.$refs[this.drawer.show][0].getData();
		} else {
			this.getData();
		}
	},
	onShow : function() {
		this.controlHandle();
	},
	methods:{
		// 播放背景音乐
		bgmControl : function() {
			if (this.Dever.bgm_playing) {
				this.bgmStop();
			} else {
				this.bgmStart();
			}
		},
		bgmStart : function() {
			if (this.Dever.bgm) {
				if (this.control) {
					var i = 0;
					for (i in this.control) {
						if (this.control[i].load) {
							this.control[i].stop();
						}
					}
				}
				this.Dever.bgm.play();
				this.Dever.bgm_playing = true;
			}
		},
		bgmStop : function() {
			if (this.Dever.bgm) {
				this.Dever.bgm.pause();
				this.Dever.bgm_playing = false;
			}
		},
		// 初始化背景音乐
		bgmInit : function() {
			if (this.fetch.page_info.bgmusic) {
				if (this.Dever.source == 'h5') {
					this.Dever.bgm = uni.createInnerAudioContext()
					this.Dever.bgm.src = this.fetch.page_info.bgmusic;
					this.Dever.bgm.obeyMuteSwitch = false;
					this.Dever.bgm.loop = true;
				} else {
					this.Dever.bgm = uni.getBackgroundAudioManager()
					this.Dever.bgm.title = this.fetch.page_info.name;
					this.Dever.bgm.singer = this.fetch.info.name;
					this.Dever.bgm.coverImgUrl = this.fetch.page_info.pic;
					this.Dever.bgm.src = this.fetch.page_info.bgmusic;
					this.Dever.bgm.loop = true;
				}
				
				if (this.fetch.page_info.bgmusic_autoplay == 1) {
					this.bgmStart();
				} else {
					this.bgmStop();
				}
			}
		},
		// 页面触底刷新
		bottomCall: function() {
			if (this.bottom && this.bottom[this.swiper.index]) {
				this.bottom[this.swiper.index].getData(2);
			}
		},
		// drawer触底刷新
		bottomFunc : function() {
			if (this.drawer.show && this.drawer.item[this.drawer.show].show == true) {
				this.$refs[this.drawer.show][0].getInfo(2);
			}
		},
		record : function() {
			if (!this.login) {
				return;
			}
			var self = this;
			var content_id = this.fetch.items[this.swiper.index].id;
			this.Dever.post('app/user/?l=api.record', {noloading:1, code:this.Dever.config.code, index: this.swiper.index, content_id: content_id}, function(t) {
				self.Dever.config.code = t.code;
				if (self.Dever.source == 'h5') {
					
				}
			});
		},
		
		controlHandle : function() {
			if (this.control) {
				var i = 0;
				for (i in this.control) {
					if (this.control[i].load) {
						//console.info(i);
						if (this.swiper.index == i) {
							//console.info('start');
							this.control[i].start();
						} else {
							this.control[i].stop();
						}
					}
				}
			}
		},
		change : function(e) {
			this.fetch.index = this.swiper.index = parseInt(e.detail.current);
			//用户记录
			this.record();
			this.controlHandle();
			if (this.swiper.index >= this.fetch.total) {
				
			}
		},
		view : function() {
			this.Dever.location('dream/view?id=1');
		},
		initDrawer : function() {
			//this.getContentId();
			var i = '';
			this.drawer.button = [];
			for (i in this.drawer.item) {
				this.drawer.item[i].button.key = i;
				this.drawer.item[i].param.type = 3;
				this.drawer.item[i].param.type_id = this.content_id;
				this.drawer.button.push(this.drawer.item[i].button);
			}
		},
		getData : function() {
			var self = this;
			self.drawer.item = {};
			this.Dever.get(this, 'app/collection/?l=api.getContent', {code:this.Dever.config.code}, function(t) {
				self.show = t.show;
				self.bgmInit();
				uni.setNavigationBarTitle({
					title:t.info.name
				});
				self.swiper.index = t.index ? parseInt(t.index) : 0;
				self.record();
				if (t && t['func']) {
					self.drawer.item = t['func'];
					self.initDrawer();
					if (t['func']['cate']) {
						self.getCate();
					}
					if (t['func']['times']) {
						self.getTimes();
					}
				}
			});
		},
		getCate : function() {
			console.info(1);
			if (!this.login) {
				return;
			}
			var self = this;
			this.Dever.get(this, 'app/collection/?l=api.getCategory', {code:this.Dever.config.code,noloading:1}, function(t) {
				self.drawer.item['cate'].param = t;
			});
		},
		getTimes : function() {
			if (!this.login) {
				return;
			}
			var self = this;
			this.Dever.get(this, 'app/collection/?l=api.getTimes', {code:this.Dever.config.code,noloading:1}, function(t) {
				if (t && t.times && t.times.length > 0) {
					self.drawer.item['times'].param = t;
				} else {
					delete self.drawer.item['times'];
					self.initDrawer();
				}
			});
		},
		goIndex : function(index) {
			this.fetch.index = index;
			if (this.drawer.show) {
				this.closeDrawer(this.drawer.show);
			}
		},
		showDrawer : function(key) {
			this.getContentId();
			this.drawer.item[key].show = !this.drawer.item[key].show;
			if (this.drawer.show) {
				this.drawer.show = '';
			} else {
				this.drawer.show = key;
			}
		},
		closeDrawer : function(key) {
			if (!key && this.drawer.show) {
				key = this.drawer.show;
			}
			if (!key) {
				return;
			}
			this.drawer.item[key].show = false;
			this.drawer.show = '';
		},
		getContentId : function() {
			this.content_id = this.fetch.items[this.swiper.index].id;
			this.type = this.fetch.items[this.swiper.index].type;
		},
		clickDrawerButton : function(e) {
			this.showDrawer(this.drawer.button[e.index].key);
		},
		goHome : function() {
			this.Dever.location('dream/index?id='+this.fetch.info_id);
		}
	},
	components:{
		dream,cate,community,times,shop,my,share,deverDrawerPage,deverDrawerWindow
	}
}
</script>
<style>
.container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}
.container_main {
	width: 750rpx;
	height: 100%;
}
.swiper {
	width: 750rpx;
	height: 100%;
}
swiper-item>view{
  height: 100%;
}
swiper-item image{
  width: 750rpx;
  height: 100%;
}
.scroll-height {
	height:100%;
}
.bgm{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJBQTMwRUZGNTcwMTFFODk1QzlBNDg3MzAwOTNBRTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJBQTMwRjBGNTcwMTFFODk1QzlBNDg3MzAwOTNBRTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkFBMzBFREY1NzAxMUU4OTVDOUE0ODczMDA5M0FFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkFBMzBFRUY1NzAxMUU4OTVDOUE0ODczMDA5M0FFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prb3w+IAAArqSURBVHja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) no-repeat;
  width: 80rpx;
  height: 80rpx;
  position: fixed;
  background-size: 80rpx 80rpx;
  left: 30rpx;
  bottom: 30rpx;
}
.bgm-paused{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJBQTMwRjNGNTcwMTFFODk1QzlBNDg3MzAwOTNBRTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJBQTMwRjRGNTcwMTFFODk1QzlBNDg3MzAwOTNBRTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkFBMzBGMUY1NzAxMUU4OTVDOUE0ODczMDA5M0FFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkFBMzBGMkY1NzAxMUU4OTVDOUE0ODczMDA5M0FFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj3u49UAAAtDSURBVHja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) no-repeat;
  background-size: 80rpx 80rpx;
}
</style>