Skip to content

T
techbook
Commit 70a514cc authored by zhangyanni's avatar zhangyanni
Browse files
Options

成为主讲人

parent df96186d
Show whitespace changes
Inline Side-by-side
Showing with 403 additions and 111 deletions
public/css/pc.scss
View file @ 70a514cc
......@@ -900,6 +900,86 @@
}
}
}
.guestDialog{
.ruleWrap{
border-top: unset;
border-bottom: unset;
}
.el-collapse-item__wrap{
border-bottom: unset !important;
}
.el-collapse-item__content{
padding-bottom: 10px;
}
}
.ruleWrap /deep/ .el-collapse-item__header{
border-bottom: unset !important;
}
.ruleWrap /deep/ .el-collapse-item__wrap{
border-bottom: unset !important;
}
.ruleWrap /deep/ .el-collapse-item__content{
padding-bottom: 0;
}
.ruleWrap .el-collapse-item__arrow{
display: none;
}
.redEnvelopeRuleDialog {
.el-dialog__header {
margin: 0;
.dialog-title {
p {
text-align: center;
font-weight: bold;
font-size: 18px;
}
}
.el-dialog__headerbtn {
top: 15px;
right: 15px;
}
}
.el-dialog--center .el-dialog__body{
padding: 25px 25px 0 25px;
}
.el-dialog__body {
color: #1A1A1E;
font-size: .28rem;
line-height: .48rem;
height: 410px;
> div {
height: 100%;
overflow: auto;
/deep/ img {
max-width: 100%;
}
}
}
}
.guestIntroDialog{
position: relative;
z-index: 9999 !important;
.el-dialog{
border-radius: 5px;
.dialog-title{
color: #FFFFFF;
}
}
.el-dialog__header {
border-radius: 5px 5px 0 0;
background: #FF9E29;
display: flex;
align-items: center;
padding-top: 0;
padding-bottom: 0;
height: 50px;
justify-content: center;
color: #FFFFFF;
.el-icon-close:before{
color: #FFFFFF;
}
}
}
}
/****查看更多****/
......@@ -1063,5 +1143,4 @@
border-bottom: 1px solid #F2F2F2;
}
}
}
\ No newline at end of file
public/css/phone.scss
View file @ 70a514cc
......@@ -2106,6 +2106,29 @@ i, em {
}
}
}
.guestIntroDialog{
z-index: 9999 !important;
.el-dialog{
border-radius: 5px;
.dialog-title{
color: #FFFFFF;
}
}
.el-dialog__header {
border-radius: 5px 5px 0 0;
background: #FF9E29;
display: flex;
align-items: center;
padding-top: 0;
padding-bottom: 0;
height: 50px;
justify-content: center;
color: #FFFFFF;
}
.el-dialog--center .el-dialog__body{
padding-top: 10px;
}
}
.applyLogin.el-form--label-top .el-form-item__label {
padding: 0 !important;
......@@ -3474,4 +3497,25 @@ i, em {
left: 20px !important;
}
.guestDialog{
.ruleWrap{
border-top: unset;
border-bottom: unset;
}
.el-collapse-item__wrap{
border-bottom: unset !important;
}
}
.ruleWrap /deep/ .el-collapse-item__header{
border-bottom: unset !important;
}
.ruleWrap /deep/ .el-collapse-item__wrap{
border-bottom: unset !important;
}
.ruleWrap /deep/ .el-collapse-item__content{
padding-bottom: 0;
}
.ruleWrap .el-collapse-item__arrow{
display: none;
}
}
\ No newline at end of file
src/views/findeventpage/eventlive.vue
View file @ 70a514cc
<template>
<div>
<iframe name = "child" id = "child" src="live.html" frameborder="0" scrolling="no" style="position:related;top: 2.8px;left: 0px;width: 100%;height: 100vh;border: medium none;"></iframe>
<div v-if="$i18n.locale=='zh-CN'&&!userClick&&isVisible&&eventdata.versionType == 0" @click="isuserClick" class="event_iconchange">
<iframe name="child" id="child" src="live.html" frameborder="0" scrolling="no"
style="position:related;top: 2.8px;left: 0px;width: 100%;height: 100vh;border: medium none;"></iframe>
<div v-if="$i18n.locale=='zh-CN'&&!userClick&&isVisible&&eventdata.versionType == 0" @click="isuserClick"
class="event_iconchange">
<el-tooltip class="item" effect="dark" content="互换名片，拓展人脉圈" placement="top-start">
<img class="event_iconchange_img" src="../../assets/img/changeImg.png" alt="">
</el-tooltip>
</div>
<div v-if="$i18n.locale=='zh-CN' && guestIcon == true" class="event_asGuest" @click="asGuestVisible = true">
<img class="event_iconchange_img" src="../../assets/img/asGuest.png" alt="">
</div>
<div :class="userClicks?'':'event_lshow'" class="gendisplay event_all">
<div @click="getuserClicks" class="event_l"></div>
<div class="event_r" :class="userClick?'event_rshow':''">
......@@ -25,19 +30,53 @@
<newslist v-show="titleHover == 1" ref="total" @newstotal="newstotal"></newslist>
</div>
</div>
<div class="guestDialog">
<el-dialog :class="['redEnvelopeRuleDialog','guestIntroDialog']"
:visible.sync="asGuestVisible"
:before-close="handleClose"
width="60%"
:lock-scroll="true"
:close-on-click-modal="false"
center>
<span slot="title" class="dialog-title">
<p>申请成为“主题分享人”</p>
</span>
<div class="ruleContent">
<el-collapse v-model="activeName" class="ruleWrap">
<el-collapse-item title="“主题分享人”需要做什么？" name="1">
<div>无需长篇大论PPT，不用提前背稿子，只要你愿意说说自己擅长的行业内容即可。可以是技术分享、行业见闻、项目经验、趋势观点、工作故事等，随性的与大家一起聊聊天。</div>
</el-collapse-item>
<el-collapse-item title="分享人可以收获什么？" name="2">
<div>1、每期3-10位有共同语言的连麦新朋友，数十位愿意聆听的“粉丝”朋友。<br/> 2、覆盖数万科创人群的广泛宣传。 <br/>3、可受邀参加太库组织的线下主题沙龙，“网友见面”。
</div>
</el-collapse-item>
<el-collapse-item title="FAQ" name="3">
<div>1、一场分享大概多长时间？ 一般为1个小时，个人分享30-45分钟，互动15-30分钟。<br/> 2、需要提前多久准备？
只需要您提前一周确定主题，后续准备5-8个可以展开讲的子话题即可。<br/> 3、会不会冷场，没有人互动怎么办？ 官方有主持人做引导，并保证邀请高质量人群加入互动。
</div>
</el-collapse-item>
</el-collapse>
<div class="applyInfo">
<img src="../../assets/img/tbWechat@2x.png"
style="width: 100px;height: 100px;" alt="">
<p style="width: 100%;text-align: center;">扫码报名</p>
</div>
</div>
</el-dialog>
</div>
</div>
</template>
<script>
import setApi from "../mobile/api";
window.onload = function(){
window.onload = function () {
var paramsUrl = require('js-base64').Base64.decode(decodeURIComponent(document.location.href.split("?")[1].split("=")[1])).split("/webinar/inituser/")[1];
var _iftameBody = document.getElementById('child').contentWindow.document.getElementsByTagName("body")[0];
var _iframe = document.getElementById('child').contentWindow.document.getElementsByTagName("iframe")[0]; //get iframe下的id
_iframe.src = "live.html?id="+paramsUrl;
_iframe.style.width= "100%"; //修改样式
_iframe.style.height= "calc(100vh - 30px)"; //修改样式
_iframe.src = "live.html?id=" + paramsUrl;
_iframe.style.width = "100%"; //修改样式
_iframe.style.height = "calc(100vh - 30px)"; //修改样式
_iftameBody.style.margin = 0;
};
import api from './api/api';
......@@ -52,18 +91,21 @@
},
data() {
return {
userClick:false,
userClicks:false,
titleHover:0,
newstotalResult:0,
isVisible:false,
activityId:Number(this.$route.query.id),
isVisibleTimer:null,
eventdata:{},
userClick: false,
userClicks: false,
titleHover: 0,
newstotalResult: 0,
isVisible: false,
asGuestVisible: false,
guestIcon: true,
activityId: Number(this.$route.query.id),
isVisibleTimer: null,
eventdata: {},
activeName: ['1', '2', '3'],
userInfo: this.publicFun.getUserInfoCookieType() ? JSON.parse(this.Base64.decode(this.publicFun.getUserInfoCookieType())) : null,
}
},
components:{userlist,newslist},
components: {userlist, newslist},
methods: {
//获取用户昵称
getNickName() {
......@@ -82,22 +124,24 @@
console.log(err)
})
},
isuserClick(){
isuserClick() {
this.userClick = true;
this.userClicks = true;
this.guestIcon = false;
this.$refs.total.getMyMessageList();
},
getuserClicks(){
getuserClicks() {
let _this = this;
this.userClick = false;
this.guestIcon = true;
setTimeout(function () {
_this.userClicks = false;
},1000)
}, 1000)
},
userHistory(state){
userHistory(state) {
let params = {
activityId: this.activityId,
type:state,
type: state,
};
api.addOrUpdateActivityHistory(params).then(res => {
if (res.code == 0) {
......@@ -109,30 +153,30 @@
console.log(err)
})
},
isShowChange(){
isShowChange() {
let params = {
activityId:this.$route.query.id
activityId: this.$route.query.id
}
api.getIsChangeAxios(params).then((res)=>{
if(res.code==0){
this.isVisible = res.result.exchangeCards==1?false:true;
}else this.$toast(res.msg);
}).catch((err)=>{
api.getIsChangeAxios(params).then((res) => {
if (res.code == 0) {
this.isVisible = res.result.exchangeCards == 1 ? false : true;
} else this.$toast(res.msg);
}).catch((err) => {
this.$toast(err);
})
},
newstotal(val){
newstotal(val) {
this.newstotalResult = val;
},
isVisibleTimerOut(){
isVisibleTimerOut() {
var that = this;
this.isVisibleTimer = setInterval(function(){
this.isVisibleTimer = setInterval(function () {
that.isShowChange(true);
},60000*5);
}, 60000 * 5);
},
getActivityDetails(){
getActivityDetails() {
api.getActivityDetails(this.$route.query.id).then(response => {
if(response.code == 0) {
if (response.code == 0) {
this.eventdata = response.result;
} else {
this.$message.error(response.msgCode);
......@@ -143,6 +187,10 @@
return false;
});
},
handleClose() {
this.asGuestVisible = !this.asGuestVisible;
}
},
mounted() {
globalMsg.$emit('topisInit', false);
......@@ -150,18 +198,18 @@
document.getElementsByTagName("body")[0].style.overflow = "hidden";
this.getActivityDetails();
this.userHistory(0);
if(this.$i18n.locale=='zh-CN'){
if (this.$i18n.locale == 'zh-CN') {
this.isShowChange();
this.isVisibleTimerOut();
}
setTimeout(function () {
document.body.scrollTop=document.documentElement.scrollTop=0;
},1500)
document.body.scrollTop = document.documentElement.scrollTop = 0;
}, 1500)
},
beforeRouteLeave(to,from,next) { // 在组件生命周期结束的时候销毁。、
beforeRouteLeave(to, from, next) { // 在组件生命周期结束的时候销毁。、
// this.userHistory(1);
var that = this;
if(this.isVisibleTimer){
if (this.isVisibleTimer) {
clearInterval(that.isVisibleTimer);
this.isVisibleTimer = null;
}
......@@ -176,38 +224,51 @@
</script>
<style scoped lang="scss">
.event_iconchange{
.event_iconchange {
position: fixed;
bottom: 85px;
right: 10px;
z-index: 999;
.event_iconchange_img{
.event_iconchange_img {
width: 70px;
cursor: pointer;
}
}
.event_asGuest {
position: fixed;
bottom: 170px;
right: 10px;
z-index: 999;
.event_iconchange_img {
width: 70px;
cursor: pointer;
}
}
.event_lshow{
width: 0!important;
height: 0!important;
.event_lshow {
width: 0 !important;
height: 0 !important;
}
.event_all{
.event_all {
position: fixed;
top: 44px;
right: 0px;
width:100%;
width: 100%;
height: 100%;
.event_l{
.event_l {
width: calc(100% - 300px);
height: 100%;
background: #ffffff;
opacity: 0;
}
.event_rshow{
right: 0!important;
opacity: 1!important;
.event_rshow {
right: 0 !important;
opacity: 1 !important;
}
.event_r{
.event_r {
background: #ffffff;
width: 300px;
transition: all .8s;
......@@ -215,33 +276,33 @@
position: absolute;
opacity: 0;
right: -300px;
.event_title{
.event_title {
width: 100%;
>div{
> div {
width: 50%;
height: 48px;
line-height: 48px;
padding: 0 36px 0 18px;
border-bottom: 1px solid #F2F2F2;
>span{
> span {
font-weight: bold;
cursor: pointer;
}
.title_hover{
.title_hover {
color: #5D78FF;
border-bottom: 2px solid #5D78FF;
display: inline-block;
line-height: 48px;
}
}
>p:first-child{
> p:first-child {
text-align: left;
}
>p:last-child{
> p:last-child {
text-align: right;
}
}
>img{
> img {
width: 14px;
height: 117px;
position: absolute;
......@@ -251,20 +312,48 @@
}
}
}
.alarm {
position: absolute;
color: white;
font-size: 12px;
background-color: #FF5D5D;
/*height: 24px;改前*/
min-height: 20px;/*改后新增的代码*/
min-width:20px;/*改后新增的代码*/
min-height: 20px; /*改后新增的代码*/
min-width: 20px; /*改后新增的代码*/
line-height: 20px;
right:50px;
right: 50px;
top: 2px;
text-align: center;
-webkit-border-radius: 24px;
border-radius: 24px;
padding:0px 6px;
padding: 0px 6px;
}
.guestDialog {
::-webkit-scrollbar {
display: none;
background-color: transparent !important;
}
}
.ruleContent {
line-height: 25px;
color: #1A1A1E;
text-align: justify;
/deep/ img {
max-width: 100%;
}
}
.applyInfo {
display: flex;
justify-content: center;
flex-wrap: wrap;
position: absolute;
bottom: 30px;
right: 0;
width: 140px;
height: 140px;
}
</style>
\ No newline at end of file
src/views/mobile/live.vue
View file @ 70a514cc
......@@ -2,6 +2,9 @@
<div class="wrapper" id="liveWrapper">
<iframe name="child" id="child" src="live.html" frameborder="0" scrolling="no"
style="position:absolute;top: 0;left: 0;width: 100%;height:calc(100vh - 1rem);border: medium none;z-index: 1;"></iframe>
<div class="asGuestImg" @click="asGuestVisible = true" v-if="lang==1">
</div>
<div class="popoverBg" v-show="isVisible&&!popoverVisible&&lang==1">
互换名片，拓展人脉圈
</div>
......@@ -15,7 +18,8 @@
<div class="contentWrap">
<div class="tabWrap">
<span class="span1" :class="type==1?'activeSpan':''" @click="handleChange(1)">交换名片</span>
<span class="span2" :class="type==2?'activeSpan':''" @click="handleChange(2)" v-show="totalMsg">消息 <i
<span class="span2" :class="type==2?'activeSpan':''" @click="handleChange(2)"
v-show="totalMsg">消息 <i
class="circleRed" v-if="totalMsg"><span>{{totalMsg}}</span></i></span>
<div class="borderWrap">
<span :class="type==1?'activeSpan':''"></span>
......@@ -24,8 +28,10 @@
</div>
<div class="tabContent" ref="tabContent" v-show="isShowUser">
<userCmpt ref="userCmpt" :visible="type==1" :isShowCount="false" v-if="type==1"
:circleType="circleType" :fixed="true" @handleShare="handleShare" @showGuestDialogFunc="showGuestDialogFunc"></userCmpt>
<msgCmpt v-show="type==2" :showType="type" ref="msgCmpt" :visible="isShowUser" :type="1" @handleMessage="handleMessage"></msgCmpt>
:circleType="circleType" :fixed="true" @handleShare="handleShare"
@showGuestDialogFunc="showGuestDialogFunc"></userCmpt>
<msgCmpt v-show="type==2" :showType="type" ref="msgCmpt" :visible="isShowUser" :type="1"
@handleMessage="handleMessage"></msgCmpt>
</div>
</div>
......@@ -33,7 +39,42 @@
<div class="dialogTips" v-if="dialogVisible" @click="dialogVisible = false" style="z-index: 9999">
<img src="../../assets/jiantou.png" alt="">
</div>
<guestDialogCmpt @closeGuestDialog="closeGuestDialog" style="z-index: 9999;" v-if="guestVisible" :guestInfo="guestInfo"></guestDialogCmpt>
<guestDialogCmpt @closeGuestDialog="closeGuestDialog" style="z-index: 9999;" v-if="guestVisible"
:guestInfo="guestInfo"></guestDialogCmpt>
<div class="guestDialog">
<el-dialog :class="['redEnvelopeRuleDialog','guestIntroDialog']"
:visible.sync="asGuestVisible"
:before-close="handleClose"
width="90%"
:show-close="false"
:lock-scroll="true"
center>
<span slot="title" class="dialog-title">
<p>申请成为“主题分享人”</p>
</span>
<div class="ruleContent">
<el-collapse v-model="activeName" class="ruleWrap">
<el-collapse-item title="“主题分享人”需要做什么？" name="1">
<div>无需长篇大论PPT，不用提前背稿子，只要你愿意说说自己擅长的行业内容即可。可以是技术分享、行业见闻、项目经验、趋势观点、工作故事等，随性的与大家一起聊聊天。</div>
</el-collapse-item>
<el-collapse-item title="分享人可以收获什么？" name="2">
<div>1、每期3-10位有共同语言的连麦新朋友，数十位愿意聆听的“粉丝”朋友。<br/> 2、覆盖数万科创人群的广泛宣传。 <br/>3、可受邀参加太库组织的线下主题沙龙，“网友见面”。
</div>
</el-collapse-item>
<el-collapse-item title="FAQ" name="3">
<div>1、一场分享大概多长时间？ 一般为1个小时，个人分享30-45分钟，互动15-30分钟。<br/> 2、需要提前多久准备？
只需要您提前一周确定主题，后续准备5-8个可以展开讲的子话题即可。<br/> 3、会不会冷场，没有人互动怎么办？ 官方有主持人做引导，并保证邀请高质量人群加入互动。
</div>
</el-collapse-item>
</el-collapse>
<div style="display: flex;justify-content: center;flex-wrap: wrap;">
<img src="../../assets/img/tbWechat@2x.png"
style="width: 2rem;height: 2rem;margin-top: .5rem;margin-bottom: .2rem;" alt="">
<p style="width: 100%;text-align: center;">扫码报名</p>
</div>
</div>
</el-dialog>
</div>
</div>
</template>
......@@ -82,7 +123,7 @@
_iftameBody.style.margin = 0;
};
$(document).ready(function () {
var testiframe=document.getElementById("child").contentWindow;
var testiframe = document.getElementById("child").contentWindow;
IframeOnClick.track(document.getElementById("child"), function () {
$("#changeAnimated").removeClass("animate__animated animate__fadeInRight animate__fadeOutRight");
$("#changeAnimated").addClass("animate__animated animate__fadeOutRight")
......@@ -96,6 +137,7 @@
import setApi from './api';
import commonApi from '../../common/commonApi';
import guestDialogCmpt from '../../components/mobile/guestDialogCmpt';
const nativeshare = () => import ('nativeshare') //这种引入方式nativeshare是Promise对象
//https://github.com/backToNature/m-share
const m_share = () => import ('m-share')
......@@ -115,17 +157,19 @@
circleType: 23,
totalMsg: null,
changeVisible: false,
isShowUser:false,
timerPopover:null,
popoverVisible:false,
isShowUser: false,
timerPopover: null,
popoverVisible: false,
lang: this.$i18n.locale == "zh-CN" ? 1 : 2,
documentFront: "",
frontImgUrl: "",
dialogVisible: false,
isVisible:false,
isVisibleTimer:null,
guestInfo:null,
isVisible: false,
asGuestVisible: false,
isVisibleTimer: null,
guestInfo: null,
guestVisible: false,
activeName: ['1', '2', '3']
}
},
......@@ -140,7 +184,7 @@
var email = this.userInfo.empAccount.indexOf("@") > -1 ? this.userInfo.empAccount : this.userInfo.empAccount + "@techcode.com";
sessionStorage.setItem("liveEmail", email);
sessionStorage.setItem("liveName", res.result.empOtherName);
if(this.lang==1){
if (this.lang == 1) {
this.isShowChange();
}
} else {
......@@ -162,21 +206,21 @@
}, 6000);
},
isVisibleTimerOut(){
isVisibleTimerOut() {
var that = this;
this.isVisibleTimer = setInterval(function(){
this.isVisibleTimer = setInterval(function () {
that.isShowChange(true);
},60000*5);
}, 60000 * 5);
},
handleChange(type) {
this.type = type;
if(type==1){
if (type == 1) {
if (this.$refs.userCmpt) this.$refs.userCmpt.initPage(this.keyword);
globalMsg.$emit("clearTimeoutMsg");
}
else{
if(this.$refs.msgCmpt) this.$refs.msgCmpt.handleSetShowType(type);
else {
if (this.$refs.msgCmpt) this.$refs.msgCmpt.handleSetShowType(type);
}
},
......@@ -187,7 +231,7 @@
handleShowChange(flag) {
this.changeVisible = flag;
if (this.changeVisible||flag) {
if (this.changeVisible || flag) {
$("#changeAnimated").removeClass("animate__animated animate__fadeOutRight")
$("#changeAnimated").addClass("animate__animated animate__fadeInRight");
$("#changeAnimated").css({"right": 0})
......@@ -200,21 +244,21 @@
},
//在线/离线
setStatusFunc(flag,nextFlag){
if(this.userInfo){
setStatusFunc(flag, nextFlag) {
if (this.userInfo) {
let params = {
type:flag?1:0,
activityId:this.$route.query.id
type: flag ? 1 : 0,
activityId: this.$route.query.id
};
setApi.setStatusAxios(params).then((res)=>{
if(res.code==0){
setApi.setStatusAxios(params).then((res) => {
if (res.code == 0) {
this.isShowUser = true;
if(nextFlag) nextFlag();
if (nextFlag) nextFlag();
else this.timeOut();
}else{
} else {
this.isShowUser = false;
}
}).catch((err)=>{
}).catch((err) => {
this.$toast(err);
})
}
......@@ -298,7 +342,7 @@
let params = {
appUrl: window.location.href
}, that = this;
commonApi.getConfigAxios(params,true).then((res) => {
commonApi.getConfigAxios(params, true).then((res) => {
if (res.code == 0) {
wx.config({
debug: false,// 是否开启调试模式
......@@ -401,34 +445,38 @@
},
isShowChange(flag){
isShowChange(flag) {
let params = {
activityId:this.$route.query.id
activityId: this.$route.query.id
}
setApi.getIsChangeAxios(params).then((res)=>{
if(res.code==0){
this.isVisible = res.result.exchangeCards==1?false:true;
if(this.isVisible) {
if(!flag) this.setStatusFunc();
setApi.getIsChangeAxios(params).then((res) => {
if (res.code == 0) {
this.isVisible = res.result.exchangeCards == 1 ? false : true;
if (this.isVisible) {
if (!flag) this.setStatusFunc();
}
}else this.$toast(res.msg);
}).catch((err)=>{
} else this.$toast(res.msg);
}).catch((err) => {
this.$toast(err);
})
},
showGuestDialogFunc(data){
showGuestDialogFunc(data) {
this.guestInfo = data;
this.guestVisible = true;
},
closeGuestDialog(){
closeGuestDialog() {
this.guestVisible = false;
},
handleClose() {
this.asGuestVisible = !this.asGuestVisible;
}
},
created() {
this.getNickName();
},
mounted(){
mounted() {
this.getDocumentFunc();
this.isVisibleTimerOut();
// ES6 标准
......@@ -447,13 +495,13 @@
}
})
},
beforeDestroy(){
beforeDestroy() {
var that = this;
if(this.timerPopover){
if (this.timerPopover) {
clearTimeout(that.timerPopover);
this.timerPopover = null;
}
if(this.isVisibleTimer){
if (this.isVisibleTimer) {
clearInterval(that.isVisibleTimer);
this.isVisibleTimer = null;
}
......@@ -461,11 +509,11 @@
},
beforeRouteLeave(to, from, next) {
var that = this;
if(this.timerPopover){
if (this.timerPopover) {
clearTimeout(that.timerPopover);
this.timerPopover = null;
}
if(this.isVisibleTimer){
if (this.isVisibleTimer) {
clearInterval(that.isVisibleTimer);
this.isVisibleTimer = null;
}
......@@ -483,7 +531,7 @@
}
iframe{
iframe {
::-webkit-scrollbar {
display: none !important;
background-color: transparent !important;
......@@ -512,6 +560,19 @@
z-index: 9999;
}
.asGuestImg {
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: url("../../assets/img/asGuest.png") no-repeat;
background-size: contain;
background-position: center;
position: absolute;
bottom: 4.5rem;
right: .4rem;
z-index: 9999;
}
.changeWrap {
z-index: 9999;
width: 90%;
......@@ -521,7 +582,7 @@
top: 5.22667rem;
right: -100%;
box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.1);
.transparentWrap{
.transparentWrap {
width: 10%;
height: calc(100vh - 5.22667rem);
position: absolute;
......@@ -615,6 +676,7 @@
height: calc(100vh - 6.22667rem);
}
}
.popoverBg {
width: 100%;
height: .6rem;
......@@ -634,4 +696,20 @@
z-index: 9999;
}
.guestDialog {
::-webkit-scrollbar {
display: none;
background-color: transparent !important;
}
}
.ruleContent {
line-height: .5rem;
color: #1A1A1E;
text-align: justify;
/deep/ img {
max-width: 100%;
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment