Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
T
techbook
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
front-end-dev
techbook
Commits
70a514cc
Commit
70a514cc
authored
Apr 01, 2021
by
zhangyanni
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
成为主讲人
parent
df96186d
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
406 additions
and
114 deletions
+406
-114
pc.scss
public/css/pc.scss
+80
-2
phone.scss
public/css/phone.scss
+45
-0
asGuest.png
src/assets/img/asGuest.png
+0
-0
tbWechat@2x.png
src/assets/img/tbWechat@2x.png
+0
-0
eventlive.vue
src/views/findeventpage/eventlive.vue
+152
-62
live.vue
src/views/mobile/live.vue
+129
-50
No files found.
public/css/pc.scss
View file @
70a514cc
...
@@ -900,6 +900,86 @@
...
@@ -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 @@
...
@@ -1063,5 +1143,4 @@
border-bottom
:
1px
solid
#F2F2F2
;
border-bottom
:
1px
solid
#F2F2F2
;
}
}
}
}
}
}
\ No newline at end of file
public/css/phone.scss
View file @
70a514cc
...
@@ -2106,6 +2106,29 @@ i, em {
...
@@ -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
{
.applyLogin.el-form--label-top
.el-form-item__label
{
padding
:
0
!
important
;
padding
:
0
!
important
;
...
@@ -3474,4 +3497,25 @@ i, em {
...
@@ -3474,4 +3497,25 @@ i, em {
left
:
20px
!
important
;
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/assets/img/asGuest.png
0 → 100644
View file @
70a514cc
7.44 KB
src/assets/img/tbWechat@2x.png
0 → 100644
View file @
70a514cc
35.3 KB
src/views/findeventpage/eventlive.vue
View file @
70a514cc
<
template
>
<
template
>
<div>
<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>
<iframe
name=
"child"
id=
"child"
src=
"live.html"
frameborder=
"0"
scrolling=
"no"
<div
v-if=
"$i18n.locale=='zh-CN'&&!userClick&&isVisible&&eventdata.versionType == 0"
@
click=
"isuserClick"
class=
"event_iconchange"
>
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"
>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"互换名片,拓展人脉圈"
placement=
"top-start"
>
<img
class=
"event_iconchange_img"
src=
"../../assets/img/changeImg.png"
alt=
""
>
<img
class=
"event_iconchange_img"
src=
"../../assets/img/changeImg.png"
alt=
""
>
</el-tooltip>
</el-tooltip>
</div>
</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
:class=
"userClicks?'':'event_lshow'"
class=
"gendisplay event_all"
>
<div
@
click=
"getuserClicks"
class=
"event_l"
></div>
<div
@
click=
"getuserClicks"
class=
"event_l"
></div>
<div
class=
"event_r"
:class=
"userClick?'event_rshow':''"
>
<div
class=
"event_r"
:class=
"userClick?'event_rshow':''"
>
...
@@ -25,19 +30,53 @@
...
@@ -25,19 +30,53 @@
<newslist
v-show=
"titleHover == 1"
ref=
"total"
@
newstotal=
"newstotal"
></newslist>
<newslist
v-show=
"titleHover == 1"
ref=
"total"
@
newstotal=
"newstotal"
></newslist>
</div>
</div>
</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>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
import
setApi
from
"../mobile/api"
;
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
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
_iftameBody
=
document
.
getElementById
(
'child'
).
contentWindow
.
document
.
getElementsByTagName
(
"body"
)[
0
];
var
_iframe
=
document
.
getElementById
(
'child'
).
contentWindow
.
document
.
getElementsByTagName
(
"iframe"
)[
0
];
//get iframe下的id
var
_iframe
=
document
.
getElementById
(
'child'
).
contentWindow
.
document
.
getElementsByTagName
(
"iframe"
)[
0
];
//get iframe下的id
_iframe
.
src
=
"live.html?id="
+
paramsUrl
;
_iframe
.
src
=
"live.html?id="
+
paramsUrl
;
_iframe
.
style
.
width
=
"100%"
;
//修改样式
_iframe
.
style
.
width
=
"100%"
;
//修改样式
_iframe
.
style
.
height
=
"calc(100vh - 30px)"
;
//修改样式
_iframe
.
style
.
height
=
"calc(100vh - 30px)"
;
//修改样式
_iftameBody
.
style
.
margin
=
0
;
_iftameBody
.
style
.
margin
=
0
;
};
};
import
api
from
'./api/api'
;
import
api
from
'./api/api'
;
...
@@ -52,18 +91,21 @@
...
@@ -52,18 +91,21 @@
},
},
data
()
{
data
()
{
return
{
return
{
userClick
:
false
,
userClick
:
false
,
userClicks
:
false
,
userClicks
:
false
,
titleHover
:
0
,
titleHover
:
0
,
newstotalResult
:
0
,
newstotalResult
:
0
,
isVisible
:
false
,
isVisible
:
false
,
activityId
:
Number
(
this
.
$route
.
query
.
id
),
asGuestVisible
:
false
,
isVisibleTimer
:
null
,
guestIcon
:
true
,
eventdata
:{},
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
,
userInfo
:
this
.
publicFun
.
getUserInfoCookieType
()
?
JSON
.
parse
(
this
.
Base64
.
decode
(
this
.
publicFun
.
getUserInfoCookieType
()))
:
null
,
}
}
},
},
components
:
{
userlist
,
newslist
},
components
:
{
userlist
,
newslist
},
methods
:
{
methods
:
{
//获取用户昵称
//获取用户昵称
getNickName
()
{
getNickName
()
{
...
@@ -82,22 +124,24 @@
...
@@ -82,22 +124,24 @@
console
.
log
(
err
)
console
.
log
(
err
)
})
})
},
},
isuserClick
(){
isuserClick
()
{
this
.
userClick
=
true
;
this
.
userClick
=
true
;
this
.
userClicks
=
true
;
this
.
userClicks
=
true
;
this
.
guestIcon
=
false
;
this
.
$refs
.
total
.
getMyMessageList
();
this
.
$refs
.
total
.
getMyMessageList
();
},
},
getuserClicks
(){
getuserClicks
()
{
let
_this
=
this
;
let
_this
=
this
;
this
.
userClick
=
false
;
this
.
userClick
=
false
;
this
.
guestIcon
=
true
;
setTimeout
(
function
()
{
setTimeout
(
function
()
{
_this
.
userClicks
=
false
;
_this
.
userClicks
=
false
;
},
1000
)
},
1000
)
},
},
userHistory
(
state
){
userHistory
(
state
)
{
let
params
=
{
let
params
=
{
activityId
:
this
.
activityId
,
activityId
:
this
.
activityId
,
type
:
state
,
type
:
state
,
};
};
api
.
addOrUpdateActivityHistory
(
params
).
then
(
res
=>
{
api
.
addOrUpdateActivityHistory
(
params
).
then
(
res
=>
{
if
(
res
.
code
==
0
)
{
if
(
res
.
code
==
0
)
{
...
@@ -109,30 +153,30 @@
...
@@ -109,30 +153,30 @@
console
.
log
(
err
)
console
.
log
(
err
)
})
})
},
},
isShowChange
(){
isShowChange
()
{
let
params
=
{
let
params
=
{
activityId
:
this
.
$route
.
query
.
id
activityId
:
this
.
$route
.
query
.
id
}
}
api
.
getIsChangeAxios
(
params
).
then
((
res
)
=>
{
api
.
getIsChangeAxios
(
params
).
then
((
res
)
=>
{
if
(
res
.
code
==
0
)
{
if
(
res
.
code
==
0
)
{
this
.
isVisible
=
res
.
result
.
exchangeCards
==
1
?
false
:
true
;
this
.
isVisible
=
res
.
result
.
exchangeCards
==
1
?
false
:
true
;
}
else
this
.
$toast
(
res
.
msg
);
}
else
this
.
$toast
(
res
.
msg
);
}).
catch
((
err
)
=>
{
}).
catch
((
err
)
=>
{
this
.
$toast
(
err
);
this
.
$toast
(
err
);
})
})
},
},
newstotal
(
val
){
newstotal
(
val
)
{
this
.
newstotalResult
=
val
;
this
.
newstotalResult
=
val
;
},
},
isVisibleTimerOut
(){
isVisibleTimerOut
()
{
var
that
=
this
;
var
that
=
this
;
this
.
isVisibleTimer
=
setInterval
(
function
()
{
this
.
isVisibleTimer
=
setInterval
(
function
()
{
that
.
isShowChange
(
true
);
that
.
isShowChange
(
true
);
},
60000
*
5
);
},
60000
*
5
);
},
},
getActivityDetails
(){
getActivityDetails
()
{
api
.
getActivityDetails
(
this
.
$route
.
query
.
id
).
then
(
response
=>
{
api
.
getActivityDetails
(
this
.
$route
.
query
.
id
).
then
(
response
=>
{
if
(
response
.
code
==
0
)
{
if
(
response
.
code
==
0
)
{
this
.
eventdata
=
response
.
result
;
this
.
eventdata
=
response
.
result
;
}
else
{
}
else
{
this
.
$message
.
error
(
response
.
msgCode
);
this
.
$message
.
error
(
response
.
msgCode
);
...
@@ -143,6 +187,10 @@
...
@@ -143,6 +187,10 @@
return
false
;
return
false
;
});
});
},
},
handleClose
()
{
this
.
asGuestVisible
=
!
this
.
asGuestVisible
;
}
},
},
mounted
()
{
mounted
()
{
globalMsg
.
$emit
(
'topisInit'
,
false
);
globalMsg
.
$emit
(
'topisInit'
,
false
);
...
@@ -150,18 +198,18 @@
...
@@ -150,18 +198,18 @@
document
.
getElementsByTagName
(
"body"
)[
0
].
style
.
overflow
=
"hidden"
;
document
.
getElementsByTagName
(
"body"
)[
0
].
style
.
overflow
=
"hidden"
;
this
.
getActivityDetails
();
this
.
getActivityDetails
();
this
.
userHistory
(
0
);
this
.
userHistory
(
0
);
if
(
this
.
$i18n
.
locale
==
'zh-CN'
)
{
if
(
this
.
$i18n
.
locale
==
'zh-CN'
)
{
this
.
isShowChange
();
this
.
isShowChange
();
this
.
isVisibleTimerOut
();
this
.
isVisibleTimerOut
();
}
}
setTimeout
(
function
()
{
setTimeout
(
function
()
{
document
.
body
.
scrollTop
=
document
.
documentElement
.
scrollTop
=
0
;
document
.
body
.
scrollTop
=
document
.
documentElement
.
scrollTop
=
0
;
},
1500
)
},
1500
)
},
},
beforeRouteLeave
(
to
,
from
,
next
)
{
// 在组件生命周期结束的时候销毁。、
beforeRouteLeave
(
to
,
from
,
next
)
{
// 在组件生命周期结束的时候销毁。、
// this.userHistory(1);
// this.userHistory(1);
var
that
=
this
;
var
that
=
this
;
if
(
this
.
isVisibleTimer
)
{
if
(
this
.
isVisibleTimer
)
{
clearInterval
(
that
.
isVisibleTimer
);
clearInterval
(
that
.
isVisibleTimer
);
this
.
isVisibleTimer
=
null
;
this
.
isVisibleTimer
=
null
;
}
}
...
@@ -176,38 +224,51 @@
...
@@ -176,38 +224,51 @@
</
script
>
</
script
>
<
style
scoped
lang=
"scss"
>
<
style
scoped
lang=
"scss"
>
.event_iconchange
{
.event_iconchange
{
position
:
fixed
;
position
:
fixed
;
bottom
:
85px
;
bottom
:
85px
;
right
:
10px
;
right
:
10px
;
z-index
:
999
;
z-index
:
999
;
.event_iconchange_img
{
.event_iconchange_img
{
width
:
70px
;
width
:
70px
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
}
}
.event_lshow
{
width
:
0
!
important
;
.event_asGuest
{
height
:
0
!
important
;
position
:
fixed
;
bottom
:
170px
;
right
:
10px
;
z-index
:
999
;
.event_iconchange_img
{
width
:
70px
;
cursor
:
pointer
;
}
}
}
.event_all
{
.event_lshow
{
width
:
0
!
important
;
height
:
0
!
important
;
}
.event_all
{
position
:
fixed
;
position
:
fixed
;
top
:
44px
;
top
:
44px
;
right
:
0px
;
right
:
0px
;
width
:
100%
;
width
:
100%
;
height
:
100%
;
height
:
100%
;
.event_l
{
.event_l
{
width
:
calc
(
100%
-
300px
);
width
:
calc
(
100%
-
300px
);
height
:
100%
;
height
:
100%
;
background
:
#ffffff
;
background
:
#ffffff
;
opacity
:
0
;
opacity
:
0
;
}
}
.event_rshow
{
.event_rshow
{
right
:
0
!
important
;
right
:
0
!
important
;
opacity
:
1
!
important
;
opacity
:
1
!
important
;
}
}
.event_r
{
.event_r
{
background
:
#ffffff
;
background
:
#ffffff
;
width
:
300px
;
width
:
300px
;
transition
:
all
.8s
;
transition
:
all
.8s
;
...
@@ -215,33 +276,33 @@
...
@@ -215,33 +276,33 @@
position
:
absolute
;
position
:
absolute
;
opacity
:
0
;
opacity
:
0
;
right
:
-300px
;
right
:
-300px
;
.event_title
{
.event_title
{
width
:
100%
;
width
:
100%
;
>
div
{
>
div
{
width
:
50%
;
width
:
50%
;
height
:
48px
;
height
:
48px
;
line-height
:
48px
;
line-height
:
48px
;
padding
:
0
36px
0
18px
;
padding
:
0
36px
0
18px
;
border-bottom
:
1px
solid
#F2F2F2
;
border-bottom
:
1px
solid
#F2F2F2
;
>
span
{
>
span
{
font-weight
:
bold
;
font-weight
:
bold
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.title_hover
{
.title_hover
{
color
:
#5D78FF
;
color
:
#5D78FF
;
border-bottom
:
2px
solid
#5D78FF
;
border-bottom
:
2px
solid
#5D78FF
;
display
:
inline-block
;
display
:
inline-block
;
line-height
:
48px
;
line-height
:
48px
;
}
}
}
}
>
p
:first-child
{
>
p
:first-child
{
text-align
:
left
;
text-align
:
left
;
}
}
>
p
:last-child
{
>
p
:last-child
{
text-align
:
right
;
text-align
:
right
;
}
}
}
}
>
img
{
>
img
{
width
:
14px
;
width
:
14px
;
height
:
117px
;
height
:
117px
;
position
:
absolute
;
position
:
absolute
;
...
@@ -251,20 +312,48 @@
...
@@ -251,20 +312,48 @@
}
}
}
}
}
}
.alarm
{
.alarm
{
position
:
absolute
;
position
:
absolute
;
color
:
white
;
color
:
white
;
font-size
:
12px
;
font-size
:
12px
;
background-color
:
#FF5D5D
;
background-color
:
#FF5D5D
;
/*height: 24px;改前*/
/*height: 24px;改前*/
min-height
:
20px
;
/*改后新增的代码*/
min-height
:
20px
;
/*改后新增的代码*/
min-width
:
20px
;
/*改后新增的代码*/
min-width
:
20px
;
/*改后新增的代码*/
line-height
:
20px
;
line-height
:
20px
;
right
:
50px
;
right
:
50px
;
top
:
2px
;
top
:
2px
;
text-align
:
center
;
text-align
:
center
;
-webkit-border-radius
:
24px
;
-webkit-border-radius
:
24px
;
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
>
</
style
>
\ No newline at end of file
src/views/mobile/live.vue
View file @
70a514cc
...
@@ -2,6 +2,9 @@
...
@@ -2,6 +2,9 @@
<div
class=
"wrapper"
id=
"liveWrapper"
>
<div
class=
"wrapper"
id=
"liveWrapper"
>
<iframe
name=
"child"
id=
"child"
src=
"live.html"
frameborder=
"0"
scrolling=
"no"
<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>
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
class=
"popoverBg"
v-show=
"isVisible&&!popoverVisible&&lang==1"
>
互换名片,拓展人脉圈
互换名片,拓展人脉圈
</div>
</div>
...
@@ -15,7 +18,8 @@
...
@@ -15,7 +18,8 @@
<div
class=
"contentWrap"
>
<div
class=
"contentWrap"
>
<div
class=
"tabWrap"
>
<div
class=
"tabWrap"
>
<span
class=
"span1"
:class=
"type==1?'activeSpan':''"
@
click=
"handleChange(1)"
>
交换名片
</span>
<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>
class=
"circleRed"
v-if=
"totalMsg"
><span>
{{
totalMsg
}}
</span></i></span>
<div
class=
"borderWrap"
>
<div
class=
"borderWrap"
>
<span
:class=
"type==1?'activeSpan':''"
></span>
<span
:class=
"type==1?'activeSpan':''"
></span>
...
@@ -24,8 +28,10 @@
...
@@ -24,8 +28,10 @@
</div>
</div>
<div
class=
"tabContent"
ref=
"tabContent"
v-show=
"isShowUser"
>
<div
class=
"tabContent"
ref=
"tabContent"
v-show=
"isShowUser"
>
<userCmpt
ref=
"userCmpt"
:visible=
"type==1"
:isShowCount=
"false"
v-if=
"type==1"
<userCmpt
ref=
"userCmpt"
:visible=
"type==1"
:isShowCount=
"false"
v-if=
"type==1"
:circleType=
"circleType"
:fixed=
"true"
@
handleShare=
"handleShare"
@
showGuestDialogFunc=
"showGuestDialogFunc"
></userCmpt>
:circleType=
"circleType"
:fixed=
"true"
@
handleShare=
"handleShare"
<msgCmpt
v-show=
"type==2"
:showType=
"type"
ref=
"msgCmpt"
:visible=
"isShowUser"
:type=
"1"
@
handleMessage=
"handleMessage"
></msgCmpt>
@
showGuestDialogFunc=
"showGuestDialogFunc"
></userCmpt>
<msgCmpt
v-show=
"type==2"
:showType=
"type"
ref=
"msgCmpt"
:visible=
"isShowUser"
:type=
"1"
@
handleMessage=
"handleMessage"
></msgCmpt>
</div>
</div>
</div>
</div>
...
@@ -33,7 +39,42 @@
...
@@ -33,7 +39,42 @@
<div
class=
"dialogTips"
v-if=
"dialogVisible"
@
click=
"dialogVisible = false"
style=
"z-index: 9999"
>
<div
class=
"dialogTips"
v-if=
"dialogVisible"
@
click=
"dialogVisible = false"
style=
"z-index: 9999"
>
<img
src=
"../../assets/jiantou.png"
alt=
""
>
<img
src=
"../../assets/jiantou.png"
alt=
""
>
</div>
</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>
</div>
</
template
>
</
template
>
...
@@ -82,7 +123,7 @@
...
@@ -82,7 +123,7 @@
_iftameBody
.
style
.
margin
=
0
;
_iftameBody
.
style
.
margin
=
0
;
};
};
$
(
document
).
ready
(
function
()
{
$
(
document
).
ready
(
function
()
{
var
testiframe
=
document
.
getElementById
(
"child"
).
contentWindow
;
var
testiframe
=
document
.
getElementById
(
"child"
).
contentWindow
;
IframeOnClick
.
track
(
document
.
getElementById
(
"child"
),
function
()
{
IframeOnClick
.
track
(
document
.
getElementById
(
"child"
),
function
()
{
$
(
"#changeAnimated"
).
removeClass
(
"animate__animated animate__fadeInRight animate__fadeOutRight"
);
$
(
"#changeAnimated"
).
removeClass
(
"animate__animated animate__fadeInRight animate__fadeOutRight"
);
$
(
"#changeAnimated"
).
addClass
(
"animate__animated animate__fadeOutRight"
)
$
(
"#changeAnimated"
).
addClass
(
"animate__animated animate__fadeOutRight"
)
...
@@ -96,6 +137,7 @@
...
@@ -96,6 +137,7 @@
import
setApi
from
'./api'
;
import
setApi
from
'./api'
;
import
commonApi
from
'../../common/commonApi'
;
import
commonApi
from
'../../common/commonApi'
;
import
guestDialogCmpt
from
'../../components/mobile/guestDialogCmpt'
;
import
guestDialogCmpt
from
'../../components/mobile/guestDialogCmpt'
;
const
nativeshare
=
()
=>
import
(
'nativeshare'
)
//这种引入方式nativeshare是Promise对象
const
nativeshare
=
()
=>
import
(
'nativeshare'
)
//这种引入方式nativeshare是Promise对象
//https://github.com/backToNature/m-share
//https://github.com/backToNature/m-share
const
m_share
=
()
=>
import
(
'm-share'
)
const
m_share
=
()
=>
import
(
'm-share'
)
...
@@ -115,17 +157,19 @@
...
@@ -115,17 +157,19 @@
circleType
:
23
,
circleType
:
23
,
totalMsg
:
null
,
totalMsg
:
null
,
changeVisible
:
false
,
changeVisible
:
false
,
isShowUser
:
false
,
isShowUser
:
false
,
timerPopover
:
null
,
timerPopover
:
null
,
popoverVisible
:
false
,
popoverVisible
:
false
,
lang
:
this
.
$i18n
.
locale
==
"zh-CN"
?
1
:
2
,
lang
:
this
.
$i18n
.
locale
==
"zh-CN"
?
1
:
2
,
documentFront
:
""
,
documentFront
:
""
,
frontImgUrl
:
""
,
frontImgUrl
:
""
,
dialogVisible
:
false
,
dialogVisible
:
false
,
isVisible
:
false
,
isVisible
:
false
,
isVisibleTimer
:
null
,
asGuestVisible
:
false
,
guestInfo
:
null
,
isVisibleTimer
:
null
,
guestInfo
:
null
,
guestVisible
:
false
,
guestVisible
:
false
,
activeName
:
[
'1'
,
'2'
,
'3'
]
}
}
},
},
...
@@ -140,7 +184,7 @@
...
@@ -140,7 +184,7 @@
var
email
=
this
.
userInfo
.
empAccount
.
indexOf
(
"@"
)
>
-
1
?
this
.
userInfo
.
empAccount
:
this
.
userInfo
.
empAccount
+
"@techcode.com"
;
var
email
=
this
.
userInfo
.
empAccount
.
indexOf
(
"@"
)
>
-
1
?
this
.
userInfo
.
empAccount
:
this
.
userInfo
.
empAccount
+
"@techcode.com"
;
sessionStorage
.
setItem
(
"liveEmail"
,
email
);
sessionStorage
.
setItem
(
"liveEmail"
,
email
);
sessionStorage
.
setItem
(
"liveName"
,
res
.
result
.
empOtherName
);
sessionStorage
.
setItem
(
"liveName"
,
res
.
result
.
empOtherName
);
if
(
this
.
lang
==
1
)
{
if
(
this
.
lang
==
1
)
{
this
.
isShowChange
();
this
.
isShowChange
();
}
}
}
else
{
}
else
{
...
@@ -162,21 +206,21 @@
...
@@ -162,21 +206,21 @@
},
6000
);
},
6000
);
},
},
isVisibleTimerOut
(){
isVisibleTimerOut
()
{
var
that
=
this
;
var
that
=
this
;
this
.
isVisibleTimer
=
setInterval
(
function
()
{
this
.
isVisibleTimer
=
setInterval
(
function
()
{
that
.
isShowChange
(
true
);
that
.
isShowChange
(
true
);
},
60000
*
5
);
},
60000
*
5
);
},
},
handleChange
(
type
)
{
handleChange
(
type
)
{
this
.
type
=
type
;
this
.
type
=
type
;
if
(
type
==
1
)
{
if
(
type
==
1
)
{
if
(
this
.
$refs
.
userCmpt
)
this
.
$refs
.
userCmpt
.
initPage
(
this
.
keyword
);
if
(
this
.
$refs
.
userCmpt
)
this
.
$refs
.
userCmpt
.
initPage
(
this
.
keyword
);
globalMsg
.
$emit
(
"clearTimeoutMsg"
);
globalMsg
.
$emit
(
"clearTimeoutMsg"
);
}
}
else
{
else
{
if
(
this
.
$refs
.
msgCmpt
)
this
.
$refs
.
msgCmpt
.
handleSetShowType
(
type
);
if
(
this
.
$refs
.
msgCmpt
)
this
.
$refs
.
msgCmpt
.
handleSetShowType
(
type
);
}
}
},
},
...
@@ -187,7 +231,7 @@
...
@@ -187,7 +231,7 @@
handleShowChange
(
flag
)
{
handleShowChange
(
flag
)
{
this
.
changeVisible
=
flag
;
this
.
changeVisible
=
flag
;
if
(
this
.
changeVisible
||
flag
)
{
if
(
this
.
changeVisible
||
flag
)
{
$
(
"#changeAnimated"
).
removeClass
(
"animate__animated animate__fadeOutRight"
)
$
(
"#changeAnimated"
).
removeClass
(
"animate__animated animate__fadeOutRight"
)
$
(
"#changeAnimated"
).
addClass
(
"animate__animated animate__fadeInRight"
);
$
(
"#changeAnimated"
).
addClass
(
"animate__animated animate__fadeInRight"
);
$
(
"#changeAnimated"
).
css
({
"right"
:
0
})
$
(
"#changeAnimated"
).
css
({
"right"
:
0
})
...
@@ -200,21 +244,21 @@
...
@@ -200,21 +244,21 @@
},
},
//在线/离线
//在线/离线
setStatusFunc
(
flag
,
nextFlag
)
{
setStatusFunc
(
flag
,
nextFlag
)
{
if
(
this
.
userInfo
)
{
if
(
this
.
userInfo
)
{
let
params
=
{
let
params
=
{
type
:
flag
?
1
:
0
,
type
:
flag
?
1
:
0
,
activityId
:
this
.
$route
.
query
.
id
activityId
:
this
.
$route
.
query
.
id
};
};
setApi
.
setStatusAxios
(
params
).
then
((
res
)
=>
{
setApi
.
setStatusAxios
(
params
).
then
((
res
)
=>
{
if
(
res
.
code
==
0
)
{
if
(
res
.
code
==
0
)
{
this
.
isShowUser
=
true
;
this
.
isShowUser
=
true
;
if
(
nextFlag
)
nextFlag
();
if
(
nextFlag
)
nextFlag
();
else
this
.
timeOut
();
else
this
.
timeOut
();
}
else
{
}
else
{
this
.
isShowUser
=
false
;
this
.
isShowUser
=
false
;
}
}
}).
catch
((
err
)
=>
{
}).
catch
((
err
)
=>
{
this
.
$toast
(
err
);
this
.
$toast
(
err
);
})
})
}
}
...
@@ -298,7 +342,7 @@
...
@@ -298,7 +342,7 @@
let
params
=
{
let
params
=
{
appUrl
:
window
.
location
.
href
appUrl
:
window
.
location
.
href
},
that
=
this
;
},
that
=
this
;
commonApi
.
getConfigAxios
(
params
,
true
).
then
((
res
)
=>
{
commonApi
.
getConfigAxios
(
params
,
true
).
then
((
res
)
=>
{
if
(
res
.
code
==
0
)
{
if
(
res
.
code
==
0
)
{
wx
.
config
({
wx
.
config
({
debug
:
false
,
// 是否开启调试模式
debug
:
false
,
// 是否开启调试模式
...
@@ -401,34 +445,38 @@
...
@@ -401,34 +445,38 @@
},
},
isShowChange
(
flag
){
isShowChange
(
flag
)
{
let
params
=
{
let
params
=
{
activityId
:
this
.
$route
.
query
.
id
activityId
:
this
.
$route
.
query
.
id
}
}
setApi
.
getIsChangeAxios
(
params
).
then
((
res
)
=>
{
setApi
.
getIsChangeAxios
(
params
).
then
((
res
)
=>
{
if
(
res
.
code
==
0
)
{
if
(
res
.
code
==
0
)
{
this
.
isVisible
=
res
.
result
.
exchangeCards
==
1
?
false
:
true
;
this
.
isVisible
=
res
.
result
.
exchangeCards
==
1
?
false
:
true
;
if
(
this
.
isVisible
)
{
if
(
this
.
isVisible
)
{
if
(
!
flag
)
this
.
setStatusFunc
();
if
(
!
flag
)
this
.
setStatusFunc
();
}
}
}
else
this
.
$toast
(
res
.
msg
);
}
else
this
.
$toast
(
res
.
msg
);
}).
catch
((
err
)
=>
{
}).
catch
((
err
)
=>
{
this
.
$toast
(
err
);
this
.
$toast
(
err
);
})
})
},
},
showGuestDialogFunc
(
data
){
showGuestDialogFunc
(
data
)
{
this
.
guestInfo
=
data
;
this
.
guestInfo
=
data
;
this
.
guestVisible
=
true
;
this
.
guestVisible
=
true
;
},
},
closeGuestDialog
(){
closeGuestDialog
()
{
this
.
guestVisible
=
false
;
this
.
guestVisible
=
false
;
},
},
handleClose
()
{
this
.
asGuestVisible
=
!
this
.
asGuestVisible
;
}
},
},
created
()
{
created
()
{
this
.
getNickName
();
this
.
getNickName
();
},
},
mounted
(){
mounted
()
{
this
.
getDocumentFunc
();
this
.
getDocumentFunc
();
this
.
isVisibleTimerOut
();
this
.
isVisibleTimerOut
();
// ES6 标准
// ES6 标准
...
@@ -447,13 +495,13 @@
...
@@ -447,13 +495,13 @@
}
}
})
})
},
},
beforeDestroy
(){
beforeDestroy
()
{
var
that
=
this
;
var
that
=
this
;
if
(
this
.
timerPopover
)
{
if
(
this
.
timerPopover
)
{
clearTimeout
(
that
.
timerPopover
);
clearTimeout
(
that
.
timerPopover
);
this
.
timerPopover
=
null
;
this
.
timerPopover
=
null
;
}
}
if
(
this
.
isVisibleTimer
)
{
if
(
this
.
isVisibleTimer
)
{
clearInterval
(
that
.
isVisibleTimer
);
clearInterval
(
that
.
isVisibleTimer
);
this
.
isVisibleTimer
=
null
;
this
.
isVisibleTimer
=
null
;
}
}
...
@@ -461,11 +509,11 @@
...
@@ -461,11 +509,11 @@
},
},
beforeRouteLeave
(
to
,
from
,
next
)
{
beforeRouteLeave
(
to
,
from
,
next
)
{
var
that
=
this
;
var
that
=
this
;
if
(
this
.
timerPopover
)
{
if
(
this
.
timerPopover
)
{
clearTimeout
(
that
.
timerPopover
);
clearTimeout
(
that
.
timerPopover
);
this
.
timerPopover
=
null
;
this
.
timerPopover
=
null
;
}
}
if
(
this
.
isVisibleTimer
)
{
if
(
this
.
isVisibleTimer
)
{
clearInterval
(
that
.
isVisibleTimer
);
clearInterval
(
that
.
isVisibleTimer
);
this
.
isVisibleTimer
=
null
;
this
.
isVisibleTimer
=
null
;
}
}
...
@@ -483,7 +531,7 @@
...
@@ -483,7 +531,7 @@
}
}
iframe
{
iframe
{
::-webkit-scrollbar
{
::-webkit-scrollbar
{
display
:
none
!
important
;
display
:
none
!
important
;
background-color
:
transparent
!
important
;
background-color
:
transparent
!
important
;
...
@@ -512,6 +560,19 @@
...
@@ -512,6 +560,19 @@
z-index
:
9999
;
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
{
.changeWrap
{
z-index
:
9999
;
z-index
:
9999
;
width
:
90%
;
width
:
90%
;
...
@@ -521,7 +582,7 @@
...
@@ -521,7 +582,7 @@
top
:
5
.22667rem
;
top
:
5
.22667rem
;
right
:
-100%
;
right
:
-100%
;
box-shadow
:
0px
0px
8px
8px
rgba
(
0
,
0
,
0
,
0
.1
);
box-shadow
:
0px
0px
8px
8px
rgba
(
0
,
0
,
0
,
0
.1
);
.transparentWrap
{
.transparentWrap
{
width
:
10%
;
width
:
10%
;
height
:
calc
(
100vh
-
5
.22667rem
);
height
:
calc
(
100vh
-
5
.22667rem
);
position
:
absolute
;
position
:
absolute
;
...
@@ -615,6 +676,7 @@
...
@@ -615,6 +676,7 @@
height
:
calc
(
100vh
-
6
.22667rem
);
height
:
calc
(
100vh
-
6
.22667rem
);
}
}
}
}
.popoverBg
{
.popoverBg
{
width
:
100%
;
width
:
100%
;
height
:
.6rem
;
height
:
.6rem
;
...
@@ -634,4 +696,20 @@
...
@@ -634,4 +696,20 @@
z-index
:
9999
;
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
>
</
style
>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment