Commit fc030615 authored by 华国豪's avatar 华国豪 🙄

banjiangtouxiang

parent eae19bf3
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
:loop="barrageLoop" :loop="barrageLoop"
> >
</vue-baberrage> </vue-baberrage>
<!-- <div style="position: absolute;left: 0;top: 0;padding: 2%;background-color: red;z-index: 10086;" @click="sendMsg()">sendMsg</div> --> <div style="position: absolute;left: 0;top: 0;padding: 2%;background-color: red;z-index: 10086;" @click="sendMsg()">sendMsg</div>
<!-- style="position: absolute; top: 20%;z-index: 20199" --> <!-- style="position: absolute; top: 20%;z-index: 20199" -->
<audio style="position: absolute; top: -20%;z-index: -1" ref="homeAudio" :loop="AudioPlayType ? true : false" :src="url" controls></audio> <audio style="position: absolute; top: -20%;z-index: -1" ref="homeAudio" :loop="AudioPlayType ? true : false" :src="url" controls></audio>
</div> </div>
...@@ -32,7 +32,7 @@ export default { ...@@ -32,7 +32,7 @@ export default {
barrageLoop: false, barrageLoop: false,
proxy: {}, proxy: {},
currentId: 0, currentId: 0,
url: "/static/audio/bg_m_000.mp3", url: "/static/audio/bg_m_001.mp3",
AudioPlayType: 1 AudioPlayType: 1
} }
}, },
...@@ -132,6 +132,9 @@ export default { ...@@ -132,6 +132,9 @@ export default {
$this.$PROXY.invoke("SendBarrage", '0.0 让我康康是谁在说我坏话?').done(msg => { $this.$PROXY.invoke("SendBarrage", '0.0 让我康康是谁在说我坏话?').done(msg => {
console.log(msg) console.log(msg)
}); });
$this.$PROXY.invoke("SendBarrage", '0.0 让我康康是谁在说我坏话?').done(msg => {
console.log(msg)
});
$this.$PROXY.invoke("UserVoteProgarm", 1755).done(msg => { $this.$PROXY.invoke("UserVoteProgarm", 1755).done(msg => {
console.log('我投票了!!!!!') console.log('我投票了!!!!!')
}); });
......
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
} }
.Awards1 .right .head img.beizi{ .Awards1 .right .head img.beizi{
position: absolute; position: absolute;
bottom: -12%; bottom: -21%;
left: -7%; left: -7%;
width: 114%; width: 114%;
} }
...@@ -185,9 +185,7 @@ ...@@ -185,9 +185,7 @@
top: 50%; top: 50%;
transform: translate(0, -50%); transform: translate(0, -50%);
width: 70%; width: 70%;
} text-align: center;
.Awards0 .left img{
width: 100%;
} }
.Awards0 .left p{ .Awards0 .left p{
text-align: center; text-align: center;
......
...@@ -29,7 +29,8 @@ ...@@ -29,7 +29,8 @@
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
padding-top: 4rem; padding-top: 4rem;
height: 70%; height: 88%;
justify-content: space-between;
} }
.Ranking .rank-box .item { .Ranking .rank-box .item {
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
position: relative; position: relative;
left: 1px; left: 1px;
top: -16px; top: 2%;
} }
.container .box{ .container .box{
width: 48%; width: 48%;
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
} }
.jiangpin-box{ .jiangpin-box{
width: 100%; width: 100%;
margin-top: -7rem; margin-top: 5%;
} }
.jiangpin-box p { .jiangpin-box p {
text-align: center; text-align: center;
...@@ -84,11 +84,11 @@ ...@@ -84,11 +84,11 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
color: #f6d955; color: #f6d955;
font-size: 2rem; font-size: 3rem;
padding: 0 2rem; padding: 0 2rem;
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
top: 45px; top: 9%
} }
.join-total-box span{ .join-total-box span{
color: #eaa30a; color: #eaa30a;
...@@ -187,7 +187,7 @@ ...@@ -187,7 +187,7 @@
} }
.box.box_2 .jiangpin-box { .box.box_2 .jiangpin-box {
position: absolute; position: absolute;
top: 85px; top: -4%;
z-index: 20; z-index: 20;
} }
.box.box_2 .jiangpin-box .img-box{ .box.box_2 .jiangpin-box .img-box{
...@@ -263,7 +263,7 @@ ...@@ -263,7 +263,7 @@
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
font-size: 2rem; font-size: 3rem;
margin: 0 auto; margin: 0 auto;
line-height: 160%; line-height: 160%;
font-weight: bold; font-weight: bold;
......
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
.container .countdown .countdown_left,.container .countdown .countdown_right { .container .countdown .countdown_left,.container .countdown .countdown_right {
width: 80px; width: 80px;
height: 500px; height: 80%;
position: fixed; position: fixed;
z-index: 3; z-index: 3;
display: flex display: flex
...@@ -143,7 +143,7 @@ ...@@ -143,7 +143,7 @@
top: 0; top: 0;
left: 24%; left: 24%;
width: 36px; width: 36px;
height: 486px; height: 90%;
border-radius: 20px; border-radius: 20px;
border: 5px solid #fe5a1a; border: 5px solid #fe5a1a;
background: linear-gradient(#f9df61,#ff960b); background: linear-gradient(#f9df61,#ff960b);
...@@ -269,7 +269,7 @@ ...@@ -269,7 +269,7 @@
width: 80px; width: 80px;
height: 80px; height: 80px;
align-self: flex-end; align-self: flex-end;
border-radius: 50%; border-radius: 72%;
background-color: #fe5a1a; background-color: #fe5a1a;
text-align: center; text-align: center;
color: #bb3307; color: #bb3307;
......
...@@ -4,7 +4,7 @@ const leftNavMenu = [ ...@@ -4,7 +4,7 @@ const leftNavMenu = [
Name: '首页', Name: '首页',
Url: 'index', Url: 'index',
children: [], children: [],
bgm: '/static/audio/bg_m_000.mp3', bgm: '/static/audio/bg_m_001.mp3',
}, },
{ {
Class: 'iconfont iconjiemu', Class: 'iconfont iconjiemu',
...@@ -97,7 +97,7 @@ const leftNavMenu = [ ...@@ -97,7 +97,7 @@ const leftNavMenu = [
bgm: '/static/audio/toupiao.mp3', bgm: '/static/audio/toupiao.mp3',
}, },
], ],
bgm: '/static/audio/toupiao.mp3', bgm: '',
} }
] ]
const controlMenu = [ const controlMenu = [
......
const musicOptions = [ const musicOptions = [
{
name: '喜庆',
value: '/static/audio/bg_m_000.mp3'
},
{ {
name: '大气磅礴', name: '大气磅礴',
value: '/static/audio/bg_m_001.mp3' value: '/static/audio/bg_m_001.mp3'
......
<template> <template>
<div class="Awards0 PingFangR"> <div class="Awards0 PingFangR">
<div class="left"> <div class="left">
<img src="/static/image/banjiang/wenzi.png" alt=""> <img style="margin-bottom: 3rem" src="/static/image/banjiang/tit1.png" alt="">
<img style="margin-left: -10%;" src="/static/image/banjiang/tit2.png" alt="">
<p class="f6"><span v-for="item in tit" class="lingfont">{{item}}</span></p> <p class="f6"><span v-for="item in tit" class="lingfont">{{item}}</span></p>
</div> </div>
<img class="jinren" src="/static/image/banjiang/jinren.png" alt=""> <img class="jinren" src="/static/image/banjiang/jinren.png" alt="">
......
...@@ -63,9 +63,9 @@ export default { ...@@ -63,9 +63,9 @@ export default {
} }
.Awards2 .box .head img.beizi{ .Awards2 .box .head img.beizi{
position: absolute; position: absolute;
bottom: -41px; bottom: -21%;
left: 0; left: -6%;
width: 100%; width: 113%;
} }
.Awards2 .box .head .name{ .Awards2 .box .head .name{
background: url(/static/image/banjiang/name.png); background: url(/static/image/banjiang/name.png);
...@@ -74,7 +74,7 @@ export default { ...@@ -74,7 +74,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
height: 80px; height: 80px;
margin: 0 auto; margin: 0 auto;
margin-top: 56px; margin-top: 30%;
display: flex; display: flex;
justify-content: center; justify-content: center;
line-height: 70px; line-height: 70px;
......
...@@ -56,9 +56,9 @@ export default { ...@@ -56,9 +56,9 @@ export default {
} }
.Awards2 .box .head img.beizi{ .Awards2 .box .head img.beizi{
position: absolute; position: absolute;
bottom: -41px; bottom: -21%;
left: 0; left: -6%;
width: 100%; width: 113%;
} }
.Awards2 .box .head .name{ .Awards2 .box .head .name{
background: url(/static/image/banjiang/name.png); background: url(/static/image/banjiang/name.png);
...@@ -67,20 +67,20 @@ export default { ...@@ -67,20 +67,20 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
height: 80px; height: 80px;
margin: 0 auto; margin: 0 auto;
margin-top: 56px; margin-top: 30%;
display: flex; display: flex;
justify-content: center; justify-content: center;
line-height: 70px; line-height: 70px;
} }
.Awards2 .box .head .touxiang{ .Awards2 .box .head .touxiang{
background: url(/static/image/banjiang/meiyou.jpg); background: url(/static/image/banjiang/weijun.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding-bottom: 100%; padding-bottom: 100%;
border-radius: 50%; border-radius: 50%;
} }
.Awards2 .box .head .touxiang1{ .Awards2 .box .head .touxiang1{
background: url(/static/image/banjiang/meiyou.jpg); background: url(/static/image/banjiang/mudaqiang.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding-bottom: 100%; padding-bottom: 100%;
......
...@@ -70,9 +70,9 @@ export default { ...@@ -70,9 +70,9 @@ export default {
} }
.Awards2 .box .head img.beizi{ .Awards2 .box .head img.beizi{
position: absolute; position: absolute;
bottom: -41px; bottom: -21%;
left: 0; left: -6%;
width: 100%; width: 113%;
} }
.Awards2 .box .head .name{ .Awards2 .box .head .name{
background: url(/static/image/banjiang/name.png); background: url(/static/image/banjiang/name.png);
...@@ -81,13 +81,13 @@ export default { ...@@ -81,13 +81,13 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
height: 80px; height: 80px;
margin: 0 auto; margin: 0 auto;
margin-top: 56px; margin-top: 30%;
display: flex; display: flex;
justify-content: center; justify-content: center;
line-height: 70px; line-height: 70px;
} }
.Awards2 .box .head .touxiang{ .Awards2 .box .head .touxiang{
background: url(/static/image/banjiang/meiyou.jpg); background: url(/static/image/banjiang/lijingchen.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding-bottom: 100%; padding-bottom: 100%;
...@@ -108,7 +108,7 @@ export default { ...@@ -108,7 +108,7 @@ export default {
border-radius: 50%; border-radius: 50%;
} }
.Awards2 .box .head .touxiang3{ .Awards2 .box .head .touxiang3{
background: url(/static/image/banjiang/meiyou.jpg); background: url(/static/image/banjiang/xieyan.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding-bottom: 100%; padding-bottom: 100%;
......
...@@ -180,7 +180,7 @@ export default { ...@@ -180,7 +180,7 @@ export default {
border-radius: 50%; border-radius: 50%;
} }
.Awards3 .box .head .touxiang8{ .Awards3 .box .head .touxiang8{
background: url(/static/image/banjiang/meiyou.jpg); background: url(/static/image/banjiang/wangkaili.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding-bottom: 100%; padding-bottom: 100%;
......
...@@ -32,7 +32,6 @@ export default { ...@@ -32,7 +32,6 @@ export default {
activated () {}, activated () {},
created () { created () {
this.pillarType = this.$route.query.type this.pillarType = this.$route.query.type
this.MsgBus.$emit('daojishiMp3', 4)
}, },
mounted () {}, mounted () {},
methods: {} methods: {}
......
...@@ -54,7 +54,7 @@ export default { ...@@ -54,7 +54,7 @@ export default {
data () { data () {
return { return {
options: musicOptions, options: musicOptions,
value: '/static/audio/bg_m_000.mp3', value: '/static/audio/bg_m_001.mp3',
leftNavMenu: leftNavMenu, leftNavMenu: leftNavMenu,
controlMenu: controlMenu, controlMenu: controlMenu,
activeIndex: 0, activeIndex: 0,
...@@ -187,7 +187,7 @@ export default { ...@@ -187,7 +187,7 @@ export default {
if(obj.bgm) { if(obj.bgm) {
this.MsgBus.$emit('changeBGM', obj.bgm) this.MsgBus.$emit('changeBGM', obj.bgm)
} else { } else {
this.MsgBus.$emit('audioPlay', 1) // this.MsgBus.$emit('audioPlay', 1)
} }
if (!obj.children.length && this.$route.name !== obj.Url) { if (!obj.children.length && this.$route.name !== obj.Url) {
this.$router.push({ this.$router.push({
......
...@@ -948,7 +948,7 @@ ...@@ -948,7 +948,7 @@
</div> </div>
<div class="prompt_imgdiv"> <div class="prompt_imgdiv">
<div class="prompt_img"> <div class="prompt_img">
<span class="waiting-box" v-for="(item, index) in roomPeoples" :key="index"> <span class="waiting-box" v-for="(item, index) in roomPeoples" v-if="index < 9" :key="index">
<!-- --> <!-- -->
<img :src="item.p" /> <img :src="item.p" />
</span> </span>
...@@ -1134,10 +1134,12 @@ export default { ...@@ -1134,10 +1134,12 @@ export default {
this.init(); this.init();
}); });
this.$PROXY.invoke("GetRoomAllUser", this.code).done(m => { this.$PROXY.invoke("GetRoomAllUser", this.code).done(m => {
console.log(m)
that.roomPeoples=m that.roomPeoples=m
}); });
this.$PROXY.on("notifyNewMoneyGamerUser",data=>{ this.$PROXY.on("notifyNewMoneyGamerUser",data=>{
if(data){ if(data){
console.log(data.n + '加入了游戏~~~')
that.roomPeoples.push(data) that.roomPeoples.push(data)
} }
}) })
......
...@@ -4,8 +4,8 @@ let PROXY = null; ...@@ -4,8 +4,8 @@ let PROXY = null;
let HUB = null; let HUB = null;
const HUB_API = 'http://192.168.2.65:7838/signalr'; // const HUB_API = 'http://192.168.2.65:7838/signalr';
const HUB_API = 'http://newyear.oytour.com/signalr';
// 建立连接 // 建立连接
export function startConnection() { export function startConnection() {
HUB = $.hubConnection(HUB_API, { HUB = $.hubConnection(HUB_API, {
......
static/image/banjiang/jiangbei1.png

353 KB | W: | H:

static/image/banjiang/jiangbei1.png

167 KB | W: | H:

static/image/banjiang/jiangbei1.png
static/image/banjiang/jiangbei1.png
static/image/banjiang/jiangbei1.png
static/image/banjiang/jiangbei1.png
  • 2-up
  • Swipe
  • Onion skin
static/image/banjiang/weiyuting.jpg

130 KB | W: | H:

static/image/banjiang/weiyuting.jpg

61.6 KB | W: | H:

static/image/banjiang/weiyuting.jpg
static/image/banjiang/weiyuting.jpg
static/image/banjiang/weiyuting.jpg
static/image/banjiang/weiyuting.jpg
  • 2-up
  • Swipe
  • Onion skin
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