first commit
This commit is contained in:
141
components/tabbar/dialog/liveMenu.vue
Normal file
141
components/tabbar/dialog/liveMenu.vue
Normal file
@ -0,0 +1,141 @@
|
||||
<template>
|
||||
<view class="live-menu">
|
||||
<Popup :show="isPopup" :width="width" :height="height" :backgroundColor="backgroundColor" :boxShadow="boxShadow" :padding="0" @hidePopup="hidePopupFunc">
|
||||
<view class="d-c-c d-c ww100 list-item" v-if="loading">
|
||||
<button type="default" class="ww100 d-c-c" @tap="gotoLive">
|
||||
<text class="iconfont"></text>
|
||||
<text>直播</text>
|
||||
</button>
|
||||
<button type="default" class="ww100 mt20" @tap="addVideo">
|
||||
<text class="iconfont"></text>
|
||||
<text>发布短视频</text>
|
||||
</button>
|
||||
</view>
|
||||
<view class="close-btns" @tap="hidePopupFunc(true)"><text class="icon iconfont icon-guanbi"></text></view>
|
||||
</Popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Popup from '@/components/uni-popup.vue';
|
||||
export default {
|
||||
components: {
|
||||
Popup
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
/*是否加载完成*/
|
||||
loading:false,
|
||||
/*是否显示*/
|
||||
isPopup: false,
|
||||
/*展示类别*/
|
||||
type: 0,
|
||||
/*宽度*/
|
||||
width: 400,
|
||||
/*高度*/
|
||||
height: 400,
|
||||
/*背景颜色*/
|
||||
backgroundColor: 'none',
|
||||
/*阴影*/
|
||||
boxShadow: 'none',
|
||||
/*是否是主播*/
|
||||
is_agent:false,
|
||||
/*个人信息*/
|
||||
userInfo:{}
|
||||
};
|
||||
},
|
||||
props: ['open'],
|
||||
watch:{
|
||||
open:function(n,o){
|
||||
if(n!=o){
|
||||
this.isPopup=n;
|
||||
this.getData();
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
/*获取数据*/
|
||||
getData() {
|
||||
let self = this;
|
||||
self._get('user.index/detail', {}, function(res) {
|
||||
self.is_agent = res.data.agent.is_agent;
|
||||
self.userInfo = res.data.userInfo;
|
||||
uni.hideLoading();
|
||||
self.loading=true;
|
||||
});
|
||||
},
|
||||
|
||||
/*获取弹出层内容*/
|
||||
setData() {
|
||||
this.isPopup = true;
|
||||
},
|
||||
|
||||
/*关闭弹窗*/
|
||||
hidePopupFunc(e) {
|
||||
this.$emit('close');
|
||||
},
|
||||
|
||||
/*发布短视频*/
|
||||
addVideo(){
|
||||
this.hidePopupFunc();
|
||||
let url='pages/user/my-video/add/add';
|
||||
this.gotoPage(url);
|
||||
},
|
||||
|
||||
/*直播*/
|
||||
gotoLive(){
|
||||
let self=this, url='';
|
||||
if(self.userInfo.is_realname == 1){
|
||||
self.hidePopupFunc();
|
||||
url='pages/user/my-live/live/live';
|
||||
self.gotoPage(url);
|
||||
}else{
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '你还没有实名认证,前往实名认证',
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
url = '/pages/user/authentication/authentication';
|
||||
self.gotoPage(url);
|
||||
} else if (res.cancel) {
|
||||
self.hidePopupFunc();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.live-menu .list-item button{
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
}
|
||||
|
||||
.live-menu .close-btns {
|
||||
margin: 50rpx auto 0;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
background: none;
|
||||
border: 2px solid #ffffff;
|
||||
}
|
||||
|
||||
.live-menu .close-btns .iconfont {
|
||||
color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user