Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
M
mayi-mp-shop
Overview
Overview
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
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
程默
mayi-mp-shop
Commits
f2392546
Commit
f2392546
authored
Mar 25, 2020
by
李嘉林
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
评论位置
parent
8a2079f8
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
14 additions
and
6 deletions
+14
-6
src/components/livedModel/livedControls.vue
+4
-2
src/components/livedModel/livedIsMsg.vue
+10
-4
No files found.
src/components/livedModel/livedControls.vue
View file @
f2392546
...
...
@@ -12,6 +12,8 @@
v-if=
"info.liveBroadcastState
<2
&&
guestBookList
"
:guestBookList=
"guestBookList"
:updateVal=
"updateVal"
:isSend=
"isSend"
:fixedHeight=
"getBottom"
></livedIsMsg>
<!-- 带货商品层 -->
<livedExplainingCommodities
...
...
@@ -58,7 +60,7 @@
</div>
</
template
>
<
template
v-else
>
<div
class=
"sendOut"
:style=
"
{'bottom':getBottom}">
<div
class=
"sendOut"
:style=
"
{'bottom':getBottom
+'px'
}">
<input
class=
"sendIpt"
:adjust-position=
"false"
...
...
@@ -275,7 +277,7 @@ export default {
},
// 获取焦点
onFocus
(
e
){
this
.
getBottom
=
(
e
.
mp
.
detail
.
height
-
10
)
+
'px'
;
this
.
getBottom
=
(
e
.
mp
.
detail
.
height
-
10
);
},
// 点击发送留言
toSend
()
{
...
...
src/components/livedModel/livedIsMsg.vue
View file @
f2392546
<
template
>
<!-- 评论模块 -->
<div
class=
"livedIsMsg"
v-if=
"list.length>0"
>
<div
class=
"livedIsMsg"
v-if=
"list.length>0"
:class=
"
{'livedIsMsgFixed':isSend}" :style="{'bottom':isSend?(fixedHeight+50)+'px':''}"
>
<div
class=
"list"
>
<scroll-view
:style=
"
{'height': '24vh','width':'52vw'}" :scroll-y="true" :scroll-top="scrollTop" :scroll-with-animation="true" @scrolltolower="scrolltolower">
<div
class=
"item flex"
v-for=
"(item,index) in list"
:key=
"index"
>
...
...
@@ -18,7 +18,7 @@
<
script
type=
"text/ecmascript-6"
>
export
default
{
props
:[
"guestBookList"
,
"updateVal"
],
props
:[
"guestBookList"
,
"updateVal"
,
"isSend"
,
"fixedHeight"
],
name
:
""
,
data
()
{
return
{
...
...
@@ -61,13 +61,14 @@ export default {
padding
:
8px
;
margin-bottom
:
10px
;
position
:
relative
;
width
:
60vw
;
.list
{
width
:
5
0vw
;
width
:
6
0vw
;
max-height
:
24vh
;
overflow
:
hidden
;
bottom
:
0
;
.item
{
width
:
5
0vw
;
width
:
6
0vw
;
padding
:
4px
0
;
display
:
flex
;
align-items
:
flex-start
;
...
...
@@ -85,4 +86,9 @@ export default {
}
}
}
.livedIsMsgFixed
{
position
:
absolute
;
margin
:
0
;
left
:
12px
;
}
</
style
>
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