<template>
	<view class="postManage">
		<scroll-view :scroll-y="true" :style="{ height: scollHeight }" @scrolltolower="load" :lower-threshold="0">
			<!-- 循环模板 -->
			<view class="pmMb" v-for="(item, index) in postList" @click="goPostDetails(item.id)">
				<view class="pmMbPackage">
					<view class="pmMbTitle" v-if="item.status || item.status == 0">
						<view class="pmMbTitleLeft">
							<view class="userImg"><image :src="item.avatar" /></view>
							<span>{{ item.nickname }}</span>
							<view class="isRed" v-if="item.package !== '0'"><span>红包</span></view>
						</view>
						<view class="pmMbTitleRight">
							<span>{{ item.onetype }}</span>
						</view>
					</view>
					<!-- 置顶标签 -->
					<view class="pmMbTips" v-if="item.top == 1"><image :src="imgfixUrls + 'merchant/zd.png'" /></view>
					<view class="pmMbTips" v-else></view>
					<!-- 置顶标签 -->
					<!-- 帖子标签 -->
					<view class="postTips aa f-20"  v-if="item.status || item.status == 0">
						<!-- 标签循环模板 -->
						<view
							v-for="(items, indexs) in item.keyword"
							:style="{ color: textTip_color[indexs % textTip_color.length].color, border: textTip_color[indexs % textTip_color.length].border }"
						>
							<text>{{ items }}</text>
						</view>
						<!-- 标签循环模板 -->
					</view>
					<!-- 帖子标签 -->
					<!-- 帖子内容 -->
					<view class="pmMbMain" :class="textList.indexOf(index) !== -1 ? 'fullText' : 'postListTextMain'">
						<span>{{ item.content }}</span>
					</view>
					<!-- 帖子内容 -->

					<!-- 展示全文 -->
					<view class="zsQw" @click.stop="fullText(index)" v-if="item.content.length > 50">
						<span>{{ textList.indexOf(index) !== -1 ? '' : '' }}</span>
					</view>
					<!-- 展示全文 -->

					<!-- 图片 -->
					<view class="postImg">
						<!-- 循环模板 -->
						<view v-for="(items, indexs) in item.img"><image :src="items" /></view>
						<video :src="item.video_link" class="postListMbImgShow" v-if="!!item.video_link && item.img.length != 0"></video>
						<!-- 循环模板 -->
					</view>
					<!-- 图片 -->
					<view v-if="!!item.video_link && item.img.length == 0" @click.stop="">
						<video :src="item.video_link" class="videoPlay" id="videoPlay"></video>
					</view>

					<!-- 底部 -->
					<view class="pmMbFoot">
						<view class="pmMbFootLeft">
							<span>阅读 {{ item.look }}</span>
							<span>分享 {{ item.share }}</span>
							<span>{{ item.createtime }}发布</span>
						</view>
						<!-- <view class="pmMbFootRight" @click.stop="openPop(item)" v-if="source == 1"><span>管理</span></view> -->
						<view class="pmMbFootRight1" v-if="source == 2" @click.stop="postCollection(item.id)"><span>取消收藏</span></view>
					</view>
					<!-- 底部 -->
				</view>
				<!-- 按钮组 -->
				<view class="dis-flex pmbtn" v-if="item.status || item.status == 0">
					<view class="f-20 pmstatus" 
					:style="{backgroundColor: item.status == 0?'#E9FFEE':item.status == 1?'#FFE9E9':item.status == 2?'#F8F8F8':'#ff9000',
					color: item.status == 0?'#25DC4C':item.status == 1?'#ff4444':item.status == 2?'#999999':'#ffffff'}">
						{{item.status == 0?'显示中':item.status == 1?'审核中':item.status == 2?'未通过':'未支付'}}
					</view>
					<view class="flex-box">
						
					</view>
					<!-- <view class="pmtop" v-if="item.status == 0" @click.stop="isshareShow(item)">
						刷新
					</view> -->
					<view class="pmtop" @click.stop="zdPopShow(item)" v-if=" extension.set.is_openTop == 0 ||  ((CustomerService.payclose == 1 && platform == 'ios')?false:true) && (item.status == 0 || item.status == 1) && item.fullchnnel == 0">
						置顶
					</view>
					<!-- #ifdef H5 -->
					<!-- <view ><span>分享帖子</span></view> -->
					<view class="pmtop" v-if="item.status == 0" @click.stop="isshareShow(item)">
						分享
					</view>
					<!-- #endif -->
					<!-- #ifndef H5 -->
					<!-- <view class="sharGj">
						<span></span> -->
						<button open-type="share" @click.stop="isshareShow(item)" class="pmtop">分享</button>
					<!-- </view> -->
					<!-- #endif -->
					
					<view class="pmred" v-if="extension.set.is_openRed > 0 || (item.redpackstatus == 0 &&  ((CustomerService.payclose == 1 && platform == 'ios')?false:true) && (item.status == 0 || item.status == 1))" @click.stop="hbPopShow(item)">
						发红包
					</view>
					<view class="f-36 f-w pmd" @click.stop="checked(index)">
						··
					</view>
					<view class="pmboxbtns col-f dis-flex" :style="{'width':extension.set.fullchnnel == 1 && item.top == 0 && item.fullchnnel == 0? '580rpx':'400rpx'}"  v-if="index == indexs">
						<view class="flex-box  pmcompile" v-if="extension.set.fullchnnel == 1 && item.top == 0 && item.fullchnnel == 0" @click.stop="promotion(item)">
							<text class="iconfont icon-top" style="font-size: 24upx;padding-right: 10upx;"></text>
							<view class="f-24 dis-il-block">全局推广</view>
						</view>
						<view class="flex-box  pmcompile" @click.stop="refresh(item)">
							<text class="iconfont icon-refresh" style="font-size: 24upx;padding-right: 10upx;"></text>
							<view class="f-24 dis-il-block">刷新</view>
						</view>
						<view class="flex-box  pmcompile" @click.stop="goSuccessRelease(item)">
							<text class="iconfont icon-bianji" style="font-size: 24upx;padding-right: 10upx;"></text>
							<view class="f-24 dis-il-block">编辑</view>
						</view>
						<view class="flex-box  pmcompile" @click.stop="deleShow(item)">
							<text class="iconfont icon-delete" style="font-size: 24upx;padding-right: 10upx;"></text>
							<view class="f-24 dis-il-block">删除</view>
						</view>
						<view class="operationView" :style="{'left':extension.set.fullchnnel == 1 && item.top == 0 && item.fullchnnel == 0? '564rpx':'380rpx'}"></view>
					</view>
				</view>
				<!-- 按钮组 -->
				<view class="rejection" v-if="item.reason && item.status == '2'">
					驳回理由：{{item.reason}}
				</view>
			</view>
			<!-- 循环模板 -->

			<!-- 底部填充层 -->
			<view class="bottomFull"><loadmore :isMore="isMore"></loadmore></view>
			<!-- 底部填充层 -->
		</scroll-view>

		<!-- 操作弹窗 -->
		<PopManager :show="show" :type="type" @clickmask="closePop">
			<view class="operateView">
				<view class="operateViewTop">
					<view v-if="extension.set.is_openRed == 0 || items.package == 0 &&  (CustomerService.payclose == 1 && platform == 'ios')?false:true" @click="hbPopShow"><span>红包推广</span></view>
					<view @click="zdPopShow" v-if="extension.set.is_openTop == 0 ||  (CustomerService.payclose == 1 && platform == 'ios')?false:true"><span>置顶推广</span></view>
					<!-- #ifdef H5 -->
					<view @click="isshareShow"><span>分享帖子</span></view>
					<!-- #endif -->
					<!-- #ifndef H5 -->
					<view class="sharGj">
						<span>分享帖子</span>
						<button open-type="share" class="openShare"></button>
					</view>
					<!-- #endif -->
					<view @click="goSuccessRelease"><span>编辑帖子</span></view>
					<view @click="deleShow"><span>删除帖子</span></view>
					<view class="close" @click="closePop"><span>关闭</span></view>
				</view>
			</view>
		</PopManager>
		<!-- 操作弹窗 -->

		<!-- 红包操作弹窗 -->
		<PopManager :show="hbShow" :type="type" @clickmask="closeHbPop">
			<view class="operateView">
				<view class="operateViewTop">
					<scroll-view class="operateScroll" :scroll-y="true">
						<view v-for="(item, index) in extension.red_list" class="scrollList" @click="createOrder(item.red_price, item.num, 3)">
							<span>{{ item.red_price }}元红包分{{ item.num }}个</span>
						</view>
					</scroll-view>
					<view class="close" @click="closeHbPop"><span>关闭</span></view>
				</view>
			</view>
		</PopManager>
		<!-- 红包操作弹窗 -->

		<!-- 置顶操作弹窗 -->
		<PopManager :show="zdShow" :type="type" @clickmask="closeZdPop">
			<view class="operateView">
				<view class="operateViewTop">
					<scroll-view class="operateScroll" :scroll-y="true">
						<view v-for="(item, index) in extension.list" class="scrollList" @click="createOrder('', item.day, 2)">
							<span>置顶{{ item.day }}天(收费{{ item.price }}元)</span>
						</view>
					</scroll-view>
					<view class="close" @click="closeZdPop"><span>关闭</span></view>
				</view>
			</view>
		</PopManager>
		<!-- 置顶操作弹窗 -->

		<!-- 分享 -->
		<!-- #ifdef H5 -->
		<view class="masking" v-if="isShare" @click="isOpenShare"><image :src="imageRoot + 'share.png'" class="to-share" mode="widthFix"></image></view>
		<!-- #endif -->
	</view>
</template>

<script>
import PopManager from '@/components/template/PopManager';
import loadlogo from '@/components/template/loadlogo';
import loadmore from '@/components/template/loadmore';

import App from '@/common/js/app.js';
import AppFunction from '@/common/js/app.js';
// #ifdef H5
import wxApi from '@/common/js/wxApi.js';
// #endif

export default {
	components: {
		PopManager,
		loadlogo,
		loadmore
	},
	props: {
		// 循环列表数据
		postList: {
			type: Array,
			default: function() {
				return [];
			}
		},
		// 列表高度
		scollHeight: {
			type: String,
			default: ''
		},
		// 加载信息
		isMore: {
			type: Boolean,
			default: true
		},
		source: {
			type: Number,
			default: ''
		}
	},
	data() {
		return {
			textTip_color: [
				{
					color: '#2196F3',
					border: '0.5px solid #2196F3'
				},
				{
					color: '#25DC4C',
					border: '0.5px solid #25DC4C'
				},
				{
					color: '#F58F57',
					border: '0.5px solid #F58F57'
				},
				{
					color: '#A59DD1',
					border: '0.5px solid #A59DD1'
				},
				{
					color: '#DBB065',
					border: '0.5px solid #DBB065'
				}
			],
			textList: [],
			zsType: 0,
			zsText: '全文',
			scdpText: '',
			loadTips: 0,
			show: false,
			type: 'bottom',
			extension: {},
			hbShow: false,
			zdShow: false,
			items: {},
			payfor: null,
			isShare: false, //分享遮罩
			img:'',
			CustomerService:{},
			platform:'',
			boxbtnshow:false,
			indexs:null
		};
	},
	mounted() {
		let _this = this;
		this.CustomerService = uni.getStorageSync('CustomerService');
		if(uni.getSystemInfoSync().system.indexOf('Android') === -1){
			console.log('我是iOS')
			this.platform ='ios';
		}else{
			console.log('我是安卓')
			this.platform = 'android';
		}
		// this.platform=uni.getSystemInfoSync().platform
		//     if(this.platform=='ios'){
		//           console.log('我是iOS')
		//     }else if(this.platform=='android'){
		//           console.log('我是安卓')
		//     }
		_this.img = _this.imgfixUrl;
		_this.init();
	},
	methods: {
		init() {
			let _this = this;
			_this.getExtension();
		},
		captureImage() {
			
		},
		checked(index){
			if(index == this.indexs){
				this.indexs = null
			}else{
				this.indexs = index;
			}
			// debugger
			// this.$emit('check',item.id)
			
		},
		// 展开全文
		fullText(index) {
			let _this = this;
			if (_this.textList.indexOf(index) == -1) {
				_this.textList.push(index);
				_this.zsText = '收起';
			} else {
				_this.zsText = '展开全文';
				for (let i = 0; i < _this.textList.length; i++) {
					if (_this.textList[i] == index) {
						_this.textList.splice(i, 1);
					}
				}
			}
		},
		promotion(items){
			let _this = this;
			let data = {
				id: items.id
			};
			App._post_form('&p=pocket&do=channelPocket', data, res => {
				
				if(res.data.prcie == 0){
					uni.showToast({
						title:'推广成功'
					})
				}else{
					uni.showModal({
						title: '温馨提示',
						content: `本次推广需支付${res.data.prcie}元,是否继续?`,
						success: function(res) {
							if (res.confirm) {
								let data = {
									id: items.id,
									num: 1,
									payfor: 6
								};
								App._post_form('&p=pocket&do=createOrder', data, reson => {
									if (reson.errno == 0) {
										App.navigationTo({
											url: 'pages/mainPages/payment/payment?orderid=' + reson.data.orderid + '&plugin=pocket&types=' + 1
										});
										
									}
								});
							}
						}
					})
				}
				console.log(res);
				
			});
		},
		refresh(items){
			let _this = this;
			let data = {
				id: items.id
			};
			App._post_form('&p=pocket&do=refreshPocket', data, res => {
				
				if(res.data.prcie == 0){
					
					this.indexs = null
					this.$emit('refresh',items.id);
				}else{
					uni.showModal({
						title: '温馨提示',
						content: `本次刷新需支付${res.data.prcie}元,是否继续?`,
						success: function(res) {
							if (res.confirm) {
								let data = {
									id: items.id,
									num: 1,
									payfor: 4
								};
								App._post_form('&p=pocket&do=createOrder', data, reson => {
									if (reson.errno == 0) {
										App.navigationTo({
											url: 'pages/mainPages/payment/payment?orderid=' + reson.data.orderid + '&plugin=pocket&types=' + 1
										});
										
									}
								});
							}
						}
					})
				}
				console.log(res);
				
			});
		},
		// 跳转编辑帖子
		goSuccessRelease(items) {
			let _this = this;
			_this.show = false;
			App.navigationTo({
				url: 'pages/subPages/postRelease/postRelease?id=' + items.id
			});
		},
		// 用户收藏帖子
		postCollection(id) {
			let _this = this;
			let data = {
				id: id
			};
			App._post_form('&p=pocket&do=collection', data, res => {
				uni.showToast({
					icon: 'none',
					title: '取消收藏成功',
					duration: 2000
				});
				for (let i = 0; i < _this.postList.length; i++) {
					if (_this.postList[i].id == id) {
						_this.postList.splice(i, 1);
					}
				};
				
			});
		},
		// 分享
		isOpenShare() {
			this.isShare = !this.isShare;
		},
		isshareShow(item) {
			let _this = this;
			_this.items = item;
			// #ifdef MP-WEIXIN
			return
			//#endif
			let data = {
				pageinfo: 'pages/subPages/postDetails/postDetails?id=' + _this.items.id
			};
			App._post_form(
				'&do=Shareinfo',
				data,
				res => {
					_this.isShare = true;
					_this.show = false;
					_this.shareinfo = res.data;
					let shareUrl = location.hash,
						currentPages = shareUrl.split('?')[0],
						linkurl =
							location.protocol +
							'//' +
							location.hostname +
							location.pathname +
							'#/' +
							'pages/subPages/postDetails/postDetails?id=' +
							_this.items.id +
							'&i=' +
							AppFunction.siteInfo.uniacid,
						getUserinfo = uni.getStorageSync('userinfo'),
						cityinfo = uni.getStorageSync('currentRegion'),
						shareLinkurl = linkurl.indexOf('?') === -1 ? linkurl + '?head_id=' + getUserinfo.mid : linkurl + '&head_id=' + getUserinfo.mid;
					shareLinkurl = encodeURIComponent(shareLinkurl);
					wxApi.wxRegister(() => {
						wxApi.wxShare({
							title: _this.shareinfo.title || '',
							link:
								`${AppFunction.siteInfo.siteroot}/app/index.php?i=${
									AppFunction.siteInfo.uniacid
								}&c=entry&m=${AppFunction.siteInfo.name}&do=returnRequest&link=${shareLinkurl}&head_id=${getUserinfo.mid}` || '',
							imgUrl: _this.shareinfo.img || '',
							success: function() {
								
							},
							trigger: function(res) {
								let data = {
									id: _this.items.id
								};
								App._post_form('&p=pocket&do=shareNum', data, res => {
									Number(_this.items.share);
									_this.items.share++;
									console.log('shareNum1111')
									// uni.showToast({
									// 	icon: 'none',
									// 	title: '分享成功',
									// 	duration: 2000
									// });
								});
							},
							cancel: function() {}
						});
					});
				},
				fail => {
					uni.showToast({
						icon: 'none',
						title: '分享失败',
						duration: 2000
					});
				}
			);
		},
		// 跳转帖子详情
		goPostDetails(id) {
			let _this = this;
			App.navigationTo({
				url: 'pages/subPages/postDetails/postDetails?id=' + id
			});
		},
		// 删除帖子
		deletePost(items) {
			let _this = this;
			let data = {
				id: items.id
			};
			App._post_form('&p=pocket&do=delete', data, res => {
				uni.showToast({
					icon: 'none',
					title: '删除成功',
					duration: 2000
				});
				for (let i = 0; i < _this.postList.length; i++) {
					if (_this.postList[i].id == _this.items.id) {
						_this.postList.splice(i, 1);
					}
				};
				this.$emit('delet', items.id);
			});
		},
		// 创建发帖订单
		createOrder(redPrice, num, payfor) {
			let _this = this;
			let data = {
				id: _this.items.id,
				num: num,
				payfor: payfor,
				money: redPrice
			};
			App._post_form('&p=pocket&do=createOrder', data, res => {
				_this.zdShow = false;
				_this.hbShow = false;
				App.navigationTo({
					url: 'pages/mainPages/payment/payment?orderid=' + res.data.orderid + '&plugin=pocket'
				});
			});
		},
		// 删除提示框
		deleShow(items) {
			let _this = this;
			_this.show = false;
			uni.showModal({
				title: '提示',
				content: '确定删除?删除后数据无法恢复',
				success: function(res) {
					if (res.confirm) {
						_this.deletePost(items);
					} else if (res.cancel) {
					}
				}
			});
		},
		zdPopShow(item) {
			let _this = this;
			_this.items = item;
			_this.show = false;
			_this.zdShow = true;
		},
		// 关闭置顶弹窗
		closeZdPop() {
			let _this = this;
			_this.zdShow = false;
		},
		hbPopShow(item) {
			let _this = this;
			_this.items = item;
			_this.show = false;
			_this.hbShow = true;
		},
		// 关闭红包弹窗
		closeHbPop() {
			let _this = this;
			_this.hbShow = false;
		},
		// 下拉监听
		load() {
			this.loadTips++;
			this.$emit('loadTips', this.loadTips);
		},
		closePop() {
			let _this = this;
			_this.show = false;
		},
		openPop(item) {
			let _this = this;
			_this.show = true;
			_this.items = item;
		},
		// 发布成功后的扩展操作
		getExtension() {
			let _this = this;
			let data = {};
			App._post_form('&p=pocket&do=extension', data, res => {
				_this.extension = res.data;
			});
		}
	}
};
</script>

<style lang="less" scoped>
.postListMbImgShow {
	vertical-align: middle;
	margin-right: 10upx;
	margin-top: 10upx;
	width: 200upx;
	height: 200upx;
	border-radius: 10upx;
	overflow: hidden;
	display: inline-block;
	> image {
		width: 202upx;
		height: 202upx;
	}
}
.videoPlay {
	width: 630upx;
	height: 450upx;
}
.sharGj {
	position: relative !important;
}
.openShare {
	position: absolute;
	bottom: 0;
	height: 105upx;
	width: 750upx;
	background: #ffffff;
	text-align: center;
	border-bottom: 1upx solid #eeeeee;
	z-index: 100;
	opacity: 0;
}
.fullText {
	font-size: 26upx;

	color: rgba(51, 51, 51, 1);
}

.postListTextMain {
	font-size: 26upx;
	color: rgba(51, 51, 51, 1);
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.pmMbFootRight1 {
	width: 122upx;
	height: 46upx;
	border: 1upx solid rgba(255, 68, 68, 1);
	border-radius: 4upx;
	display: inline-block;
	text-align: center;

	> span {
		line-height: 46upx;
		font-size: 24upx;

		color: rgba(255, 68, 68, 1);
	}
}

.scrollList {
	height: 105upx;
	width: 750upx;
	background: #ffffff;
	text-align: center;
	border-bottom: 1upx solid #eeeeee;

	> span {
		line-height: 105upx;
		font-size: 28upx;

		font-weight: bold;
		color: rgba(51, 51, 51, 1);
	}
}

.operateScroll {
	height: 533upx;
}

.close {
	margin: 20upx 0 0 0;
}

.operateViewTop {
	position: relative;
	> view {
		height: 105upx;
		width: 750upx;
		background: #ffffff;
		text-align: center;
		border-bottom: 1upx solid #eeeeee;

		> span {
			line-height: 105upx;
			font-size: 28upx;

			font-weight: bold;
			color: rgba(51, 51, 51, 1);
		}
	}
}

.operateView {
	overflow: hidden;
	width: 750upx;
	background: #f8f8f8;
	border-radius: 20upx 20upx 0px 0px;
}

.bottomFull {
	height: 80upx;
	line-height: 80upx;
	text-align: center;
	background-color: #f8f8f8;
	

	> span {
		line-height: 80upx;
		font-size: 28upx;

		color: black;
	}
}

.pmMbFootLeft {
	> span {
		line-height: 37upx;
		margin-right: 10upx;
		font-size: 24upx;

		color: rgba(153, 153, 153, 1);
	}
}

.pmMbFootRight {
	width: 76upx;
	height: 37upx;
	background: rgba(66, 128, 197, 1);
	border-radius: 4upx;
	text-align: center;

	> span {
		line-height: 37upx;
		font-size: 24upx;

		color: rgba(255, 255, 255, 1);
	}
}

.pmMbFoot {
	margin: 25upx 0 0 0;
	display: flex;
	justify-content: space-between;

	> view {
		vertical-align: middle;
		display: inline-block;
	}
}

.postImg {
	margin: 20upx 0 0 0;

	> view {
		margin: 10upx 5upx 0 0;
		display: inline-block;
		vertical-align: middle;
		width: 202upx;
		height: 202upx;
		background: rgba(248, 248, 248, 1);
		border-radius: 6upx;
		overflow: hidden;

		> image {
			width: 202upx;
			height: 202upx;
		}
	}
}

.zsy {
	height: auto !important;
}

.zsQw {
	margin: 30upx 0 0 0;

	> span {
		font-size: 28upx;

		color: rgba(66, 128, 197, 1);
	}
}

.pmMbMain {
	overflow: hidden;
	max-height: 100upx;
	text-overflow: ellipsis;
	margin: 20upx 0 0 0;

	> span {
		font-size: 26upx;

		color: rgba(51, 51, 51, 1);
	}
}

.pmMbPackage {
	padding: 30upx;
	position: relative;
}

.postManage {
	font-size: 0;
	background-color: #f8f8f8 !important;
}

.pmMb {
	margin: 20upx auto 0 auto;
	width: 690upx;
	background: rgba(255, 255, 255, 1);
	border-radius: 10upx;
}

.pmbtn{
	padding-bottom: 30upx;
	position: relative;
}

.rejection{
	padding: 0upx 20upx 30upx;
	font-size: 24upx;
	color: #ff4444;
}

.pmstatus{
	padding: 0 20upx;
	height: 40upx;
	line-height: 40upx;
	background: #FFE9E9;
	color: #FF4444;
	border-radius: 0upx 60upx 60upx 0 ;
	margin-top: 6upx;
}

.pmtop{
	width: 100upx;
	height: 50upx;
	font-size: 26upx;
	line-height: 50upx;
	text-align: center;
	border: 1upx solid #cccccc;
	border-radius: 6upx;
	margin-left: 20upx;
	padding: 0;
	background-color: #ffffff;
}
.pmred{
	width: 111upx;
	height: 50upx;
	font-size: 26upx;
	line-height: 50upx;
	text-align: center;
	color: #FF4444;
	border: 1upx solid #FF4444;
	border-radius: 6upx;
	margin-left: 20upx;
}

.pmd{
	width: 60upx;
	height: 50upx;
	text-align: center;
	border-radius: 6upx;
	background-color: #F8F8F8;
	color: #4280C5;
	line-height: 50upx;
	margin-left: 20upx;
	margin-right: 30upx;
}

.pmboxbtns{
	width: 400upx;
	padding: 25upx 0;
	position: absolute;
	background-color: #333333;
	border-radius: 10upx;
	right: 110upx;
	top: -15upx;
}

.operationView {
		transform: rotate(45deg);
		display: inline-block;
		position: absolute;
		bottom: 24upx;
		left: 380upx;
		width: 28upx;
		height: 28upx;
		background: rgba(51, 51, 51, 1);
		border: 1upx solid rgba(51, 51, 51, 1);
}

.pmcompile{
	height: 30upx;
	line-height: 32upx;
	text-align: center;
}

.pmMbTitle {
	display: flex;
	justify-content: space-between;

	> view {
		display: inline-block;
	}
}

.pmMbTitleLeft {
	> view {
		margin-right: 10upx;
		vertical-align: middle;
		display: inline-block;
	}

	> span {
		margin-right: 10upx;
		vertical-align: middle;
		font-size: 28upx;

		color: rgba(51, 51, 51, 1);
	}

	> image {
		margin-right: 10upx;
		vertical-align: middle;
		width: 40upx;
		height: 40upx;
	}
}

.userImg {
	width: 54upx;
	height: 53upx;
	border-radius: 50%;
	overflow: hidden;

	> image {
		width: 54upx;
		height: 53upx;
	}
}

.pmMbTitleRight {
	> span {
		line-height: 53upx;
		font-size: 24upx;

		color: rgba(66, 128, 197, 1);
	}
}

.isRed {
	text-align: center;
	width: 63upx;
	height: 31upx;
	background: rgba(255, 68, 68, 1);
	border-radius: 4upx;

	> span {
		line-height: 31upx;
		font-size: 24upx;
		font-family: Source Han Sans CN;

		color: rgba(255, 255, 255, 1);
	}
}

.pmMbTips {
	display: inline-block;
	width: 58upx;
	height: 58upx;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 80upx;
	right: 30upx;

	> image {
		width: 58upx;
		height: 58upx;
	}
}

.postTips {
	padding-top: 30upx;
	> view {
		display: inline-block;
		border: 1upx solid rgba(33, 150, 243, 1);
		border-radius: 4upx;
		height: 31upx;
		margin-right: 10upx;
		line-height: 31upx;
		> text {
			line-height: 31upx;
			padding: 0 10upx;
			font-size: 20upx;
		}
	}
}

.masking {
	position: fixed;
	/* 		width: 100%;
			height: 100%; */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: rgba(0, 0, 0, 0.5);
	/* display: none */
}

.to-share {
	position: fixed !important;
	z-index: 1009;
	right: 10upx;
	top: 0;
	overflow: auto;
	width: 500upx;
	height: 380upx;
}
</style>
