Commit f6e87e3d authored by mengqr's avatar mengqr

修改小屏样式(暂时)

parent 23e731d7
...@@ -39,8 +39,9 @@ ...@@ -39,8 +39,9 @@
</div> </div>
<div class="sendMessage"> <div class="sendMessage">
<input type="text" v-model="messages" placeholder="吐个槽吧~" class="wbk2"> <img src="../common/img/voice.png" class="voiceImg" alt="">
<img class="send-message" src="../common/img/send-message.png" @click="clickmessage()" alt=""> <input type="text" v-model="messages" placeholder="有问题发个弹幕问一下" class="wbk2">
<img class="send-message" src="../common/img/sendButton.png" @click="clickmessage()" alt="">
</div> </div>
<div class="tips" style="display: none;"> <div class="tips" style="display: none;">
<span>发送成功</span> <span>发送成功</span>
...@@ -310,11 +311,11 @@ export default { ...@@ -310,11 +311,11 @@ export default {
//屏幕可视区域的高度 //屏幕可视区域的高度
let clientHeight let clientHeight
if(document.documentElement.clientHeight<=750){ if(document.documentElement.clientHeight<=750){
clientHeight=90+'vw' clientHeight=120+'vw'
}else if(document.documentElement.clientHeight<1024){ }else if(document.documentElement.clientHeight<1024){
clientHeight=125+'vw' clientHeight=155+'vw'
}else{ }else{
clientHeight=55+'vw' clientHeight=85+'vw'
} }
console.log("clientHeight 1=="+clientHeight) console.log("clientHeight 1=="+clientHeight)
...@@ -366,7 +367,7 @@ export default { ...@@ -366,7 +367,7 @@ export default {
pmIp:1, pmIp:1,
pmMac:1, pmMac:1,
info:this.messages, info:this.messages,
lvrId:115, lvrId:this.$route.query.lvrId,
pmOperator:'无运营商' pmOperator:'无运营商'
}) })
this.server.live.setMessage(temp).then(res=>{ this.server.live.setMessage(temp).then(res=>{
...@@ -428,7 +429,7 @@ export default { ...@@ -428,7 +429,7 @@ export default {
pmModel:'iPhone 12/13 (Pro)', pmModel:'iPhone 12/13 (Pro)',
pmSystem:'iOS 10.0.1', pmSystem:'iOS 10.0.1',
timestamp:this.timestamp, timestamp:this.timestamp,
lvrId:115, lvrId:this.$route.query.lvrId,
pmOperator:'无运营商' pmOperator:'无运营商'
}) })
this.server.live.liveDetail(temp).then(res=>{ this.server.live.liveDetail(temp).then(res=>{
...@@ -456,7 +457,7 @@ export default { ...@@ -456,7 +457,7 @@ export default {
pmModel:'iPhone 12/13 (Pro)', pmModel:'iPhone 12/13 (Pro)',
pmSystem:'iOS 10.0.1', pmSystem:'iOS 10.0.1',
timestamp:this.timestamp, timestamp:this.timestamp,
lvrId:115, lvrId:this.$route.query.lvrId,
pmOperator:'无运营商' pmOperator:'无运营商'
}) })
this.server.live.videoList(temp).then(res=>{ this.server.live.videoList(temp).then(res=>{
...@@ -870,7 +871,7 @@ display: block; ...@@ -870,7 +871,7 @@ display: block;
width: 98%; width: 98%;
height: 16vw; height: 16vw;
/* border: 0.5vw solid red; */ /* border: 0.5vw solid red; */
background: white; /* background: white; */
position: fixed; position: fixed;
box-shadow: #797979 0 -0.5vw 1vw; box-shadow: #797979 0 -0.5vw 1vw;
bottom: 1%; bottom: 1%;
...@@ -880,30 +881,36 @@ display: block; ...@@ -880,30 +881,36 @@ display: block;
justify-content: space-around; justify-content: space-around;
} }
.wbk2 { .wbk2 {
font-size: 3.7vw; font-size: 3.7vw;
color: #797979; color: #797979;
border-radius: 5vw; border-radius: 5vw;
width: 65vw; width: 45vw;
height: 13vw; height: 10vw;
/* line-height: 10vw; */ /* line-height: 10vw; */
margin-top: 1.5vw; margin-top: 3.5vw;
padding: 0 3vw; padding: 0 3vw;
background: none; background: none;
box-shadow: none; box-shadow: none;
outline: none; outline: none;
background: rgb(243, 243, 243); background: rgb(243, 243, 243);
margin-left: 4vw; opacity: 0.4;
/* border-color: rgb(213, 225, 245); */ /* margin-left: 13vw; */
border-left: 0px; /* border-color: rgb(213, 225, 245); */
border-top: 0px; border-left: 0px;
border-bottom: 0px; border-top: 0px;
border-right: 0px; border-bottom: 0px;
padding-left: 9vw; border-right: 0px;
} }
.send-message{ .send-message{
height: 10vw; height: 10vw;
width: 10vw; width: 22vw;
margin-top: 3vw; margin-top: 3.5vw;
}
.voiceImg{
height: 10vw;
width: 10vw;
margin-top: 3vw;
} }
.get-message{ .get-message{
/* height: 48vw; */ /* height: 48vw; */
...@@ -917,10 +924,13 @@ display: block; ...@@ -917,10 +924,13 @@ display: block;
.firstBody1{ .firstBody1{
overflow-x: auto; overflow-x: auto;
overflow-y:auto; overflow-y:auto;
margin-top: 2vw; /* margin-top: 2vw; */
height: 125vw; height: 125vw;
/* background: #0C0A16; */ /* background: #0C0A16; */
background: url('../assets/b.png'); background: url('../assets/b.png');
background-size:145vw;
background-repeat: no-repeat;
} }
.mq-message1{ .mq-message1{
/* height: 10vw; */ /* height: 10vw; */
......
...@@ -133,6 +133,7 @@ export default { ...@@ -133,6 +133,7 @@ export default {
getState(){ getState(){
let token=sessionStorage.getItem("token") let token=sessionStorage.getItem("token")
let img=sessionStorage.getItem("udPhotoFileid") let img=sessionStorage.getItem("udPhotoFileid")
console.log("就阿婆啊v发",token)
if(token){ if(token){
if(img){ if(img){
this.ifLog=2 this.ifLog=2
...@@ -141,7 +142,7 @@ export default { ...@@ -141,7 +142,7 @@ export default {
this.ifLog=1 this.ifLog=1
} }
}else{ }else{
console.log("就阿婆啊v发")
this.ifLog=0 this.ifLog=0
this.visitorLog() this.visitorLog()
} }
...@@ -160,7 +161,7 @@ export default { ...@@ -160,7 +161,7 @@ export default {
this.server.live.tourist(temp).then(res=>{ this.server.live.tourist(temp).then(res=>{
let thisToken= res.data.data.token let thisToken= res.data.data.token
window.sessionStorage.setItem('token', thisToken);//token window.sessionStorage.setItem('token', thisToken);//token
this.$router.go(0)
}) })
}, },
......
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