You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1059 lines
24 KiB

<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>