Skip to content

E
eslotsys-game-nuxt
Commit 329b158d authored by 毛线's avatar 毛线
Browse files
Options

安卓 图片长按问题

parent 507dcbd6
Hide whitespace changes
Inline Side-by-side
Showing with 139 additions and 57 deletions
assets/styles/app.scss
View file @ 329b158d
...@@ -42,13 +42,17 @@ html { ...@@ -42,13 +42,17 @@ html {
} }
*:not(input, textarea) { *:not(input, textarea) {
user-select: none;
-webkit-user-drag: none;
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
-webkit-user-drag: none;
}
.img {
pointer-events: none;
} }
a, a,
......
components/common/bg/index.vue
View file @ 329b158d
<template> <template>
<div class="bg"> <div class="bg">
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/gameSecond/background3.png" alt="" class="bg-img"> <CyImage src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/gameSecond/background3.png" alt="" class="bg-img"/>
<!-- 背景 --> <!-- 背景 -->
</div> </div>
</template> </template>
...@@ -16,7 +16,12 @@ ...@@ -16,7 +16,12 @@
.bg-img { .bg-img {
height: 100%; height: 100%;
width: 100%; width: 100%;
background-image: url(https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/gameSecond/background3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
object-fit: cover; object-fit: cover;
pointer-events: none;
} }
} }
</style> </style>
components/common/header/index.vue
View file @ 329b158d
...@@ -9,9 +9,10 @@ ...@@ -9,9 +9,10 @@
</div> </div>
</div> </div>
<div class="bar"> <div class="bar">
<div class="bar-bg img"/>
<div class="input-box"> <div class="input-box">
<div class="input-img"> <div class="input-img">
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/temp/header/gold-coin.png" alt=""> <CyImage class="img" src="https://kuawai.s3.ap-east-1.amazonaws.com/temp/header/gold-coin.png" alt="" />
</div> </div>
<div class="value"> <div class="value">
{{ userInfo.goldCredit }} {{ userInfo.goldCredit }}
...@@ -19,7 +20,7 @@ ...@@ -19,7 +20,7 @@
</div> </div>
<div class="input-box"> <div class="input-box">
<div class="input-img" style="width: 54px; top: -10px; left: -8px"> <div class="input-img" style="width: 54px; top: -10px; left: -8px">
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/temp/header/red-coin.png" alt=""> <CyImage class="img" src="https://kuawai.s3.ap-east-1.amazonaws.com/temp/header/red-coin.png" alt=""/>
</div> </div>
<div class="value"> <div class="value">
{{ userInfo.redCredit }} {{ userInfo.redCredit }}
...@@ -38,10 +39,10 @@ ...@@ -38,10 +39,10 @@
</div> </div>
<div class="right-block"> <div class="right-block">
<div v-audio class="btn exit" @click="click().quit()"> <div v-audio class="btn exit" @click="click().quit()">
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Exit%20Button.png" alt=""> <CyImage class="img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Exit%20Button.png" alt=""/>
</div> </div>
<div class="btn full-screen" @click="click().fullScreen()"> <div v-audio class="btn full-screen" @click="click().fullScreen()">
<img v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Full%20Screen%20Button.png" alt=""> <CyImage class="img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Full%20Screen%20Button.png" alt=""/>
</div> </div>
</div> </div>
<Confirm ref="confirm" title="登出" message="您要登出当前账号吗？" @confirm="() => network().quitAccount()"/> <Confirm ref="confirm" title="登出" message="您要登出当前账号吗？" @confirm="() => network().quitAccount()"/>
...@@ -247,7 +248,8 @@ export default { ...@@ -247,7 +248,8 @@ export default {
padding-left: 46px; padding-left: 46px;
height: 50px; height: 50px;
} }
img { .img {
width: 50px;
height: 30px; height: 30px;
/* display: none; */ /* display: none; */
} }
...@@ -257,13 +259,20 @@ export default { ...@@ -257,13 +259,20 @@ export default {
padding-left: 170px; padding-left: 170px;
display: flex; display: flex;
height: 78px; height: 78px;
background-image: url(https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Bar%20Background.png);
background-size: auto 100%;
background-position: center;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
.bar-bg {
background-image: url(https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Bar%20Background.png);
background-size: auto 100%;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.input-box { .input-box {
padding-left: 28px; padding-left: 28px;
position: relative; position: relative;
...@@ -275,7 +284,7 @@ export default { ...@@ -275,7 +284,7 @@ export default {
top: -6px; top: -6px;
width: 44px; width: 44px;
height: 44px; height: 44px;
img { .img {
width: 100%; width: 100%;
} }
} }
......
components/common/image.vue 0 → 100644
View file @ 329b158d
<template>
<div class="img-box" @click.stop="$emit('click')">
<div class="img-touch"/>
<img :src="src" alt="" class="img">
</div>
</template>
<script>
export default {
props: {
src: {
type: String,
default: '',
},
},
data() {
return {}
},
}
</script>
<style lang="scss" scoped>
.img-box{
position: relative;
.img-touch {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
/* background: red; */
}
.img {
z-index: 1;
width: 100%;
height: 100%;
}
}
</style>
components/common/menu.vue
View file @ 329b158d
<template> <template>
<div> <div>
<div class="layout-menu"> <div class="layout-menu">
<div class="menu-item"> <div class="bg img"/>
<img v-audio class="btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/ic_menu_01.png" alt="" @click="$refs.audioSettingDialog.show()"> <div class="menu-item btn">
<div @click="$refs.audioSettingDialog.show()">
<!-- <img v-audio class="btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/ic_menu_01.png" alt=""> -->
<div class="img"/>
<!-- <el-image
v-audio
:src="'https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/ic_menu_01.png'"
:fit="'contain'"
class="btn"
@click="$refs.audioSettingDialog.show()"
/> -->
</div>
</div> </div>
</div> </div>
<AudioSettingDialog ref="audioSettingDialog" /> <AudioSettingDialog ref="audioSettingDialog" />
...@@ -28,16 +39,27 @@ export default { ...@@ -28,16 +39,27 @@ export default {
top: 100px; top: 100px;
height: 300px; height: 300px;
width: 57px; width: 57px;
background-image: url(https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/ic_menu.png); .bg {
background-repeat: no-repeat; position: absolute;
background-size: 100% 100%; top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/ic_menu.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.menu-item { .menu-item {
margin: 20px 0 20px -14px; margin: 20px 0 20px -14px;
width: 50px; width: 50px;
img { pointer-events: all;
.img {
width: 50px; width: 50px;
display: block; height: 50px;
margin: auto; position: relative;
background-image: url(https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/ic_menu_01.png);
background-repeat: no-repeat;
background-size: 100% 100%;
} }
} }
} }
......
components/dialog/user-dialog/tab.vue
View file @ 329b158d
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<img v-if="tabIndex === index" class="tab-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Rounded%20Rectangle%2019.png" alt=""> <img v-if="tabIndex === index" class="tab-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Rounded%20Rectangle%2019.png" alt="">
<img v-else class="tab-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/last_game%20%E6%8B%B7%E8%B4%9D%202.png" alt=""> <img v-else class="tab-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/last_game%20%E6%8B%B7%E8%B4%9D%202.png" alt="">
<div class="text">{{ text }}</div> <div class="text">{{ text }}</div>
<div v-if="index === 0" class="version">{{ `1.0.023` }}</div> <div v-if="index === 0" class="version">{{ `1.0.024` }}</div>
</div> </div>
</div> </div>
</div> </div>
......
pages/index/game/components/keyboard.vue
View file @ 329b158d
...@@ -2,19 +2,19 @@ ...@@ -2,19 +2,19 @@
<div class="block"> <div class="block">
<div v-if="!is_mobile" class="option-block"> <div v-if="!is_mobile" class="option-block">
<div class="left-option"> <div class="left-option">
<img v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/creditIn.png" alt="" class="credit-in btn" @click="creditInShow = true"> <CyImage v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/creditIn.png" alt="" class="credit-in btn" @click="creditInShow = true"/>
<img v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_credit_01.png" alt="" class="credit-out btn" @click="network().outPoint()"> <CyImage v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_credit_01.png" alt="" class="credit-out btn" @click="network().outPoint()"/>
<!-- credit-in 弹窗 --> <!-- credit-in 弹窗 -->
<div :class="creditInShow ? 'show' : ''" class="credit-in-modal"> <div :class="creditInShow ? 'show' : ''" class="credit-in-modal">
<div v-audio class="credit-in-modal-mark" @click="creditInShow = false"/> <div v-audio class="credit-in-modal-mark" @click="creditInShow = false"/>
<div class="credit-in-btn-block"> <div class="credit-in-btn-block">
<div v-audio v-for="(item, index) in credistList" :key="index" class="btn" @click="click().upPoint(item)"> <div v-audio v-for="(item, index) in credistList" :key="index" class="btn" @click="click().upPoint(item)">
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_di_01.png" alt="" class="btn-bg"> <CyImage src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_di_01.png" alt="" class="btn-bg"/>
<div class="value">{{ item }}</div> <div class="value">{{ item }}</div>
<div class="credist">Credist</div> <div class="credist">Credist</div>
</div> </div>
<div class="btn" @click="click().allIn()"> <div class="btn" @click="click().allIn()">
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_black_01.png" alt="" class="btn-bg"> <CyImage src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_black_01.png" alt="" class="btn-bg"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -25,14 +25,14 @@ ...@@ -25,14 +25,14 @@
<div class="box"> <div class="box">
<div v-audio v-for="(item, index) in btnList1" :key="index" class="game-btn btn" @click="click().gameBtn(item)"> <div v-audio v-for="(item, index) in btnList1" :key="index" class="game-btn btn" @click="click().gameBtn(item)">
<div v-if="item.buttonImgN" class="btn"> <div v-if="item.buttonImgN" class="btn">
<img :src="item.buttonImgN | img" alt=""> <CyImage :src="item.buttonImgN | img" alt=""/>
</div> </div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<div v-audio v-for="(item, index) in btnList2" :key="index" class="game-btn btn" @click="click().gameBtn(item)"> <div v-audio v-for="(item, index) in btnList2" :key="index" class="game-btn btn" @click="click().gameBtn(item)">
<div v-if="item.buttonImgN" class="btn"> <div v-if="item.buttonImgN" class="btn">
<img :src="item.buttonImgN | img" alt=""> <CyImage :src="item.buttonImgN | img" alt=""/>
</div> </div>
</div> </div>
</div> </div>
...@@ -40,12 +40,12 @@ ...@@ -40,12 +40,12 @@
<!-- play --> <!-- play -->
<div v-audio class="play-btn btn" @click="click().play()"> <div v-audio class="play-btn btn" @click="click().play()">
<img v-audio v-if="playBtn.buttonImgN" :src="playBtn.buttonImgN | img" alt=""> <CyImage v-audio v-if="playBtn.buttonImgN" :src="playBtn.buttonImgN | img" alt=""/>
</div> </div>
<!-- 自动下注 --> <!-- 自动下注 -->
<div v-audio class="auto"> <div v-audio class="auto">
<img v-show="!isAuto" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/chinese/ic_autoChinese.png" alt="" class="auto-btn btn" @click="showTime = !showTime;"> <CyImage v-show="!isAuto" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/chinese/ic_autoChinese.png" alt="" class="auto-btn btn" @click="showTime = !showTime;"/>
<img v-show="isAuto" src="https://kuawai.s3.ap-east-1.amazonaws.com/temp/game/auto-time-button.png" alt="" class="auto-btn btn down" @click="click().cancelAuto()"> <CyImage v-show="isAuto" src="https://kuawai.s3.ap-east-1.amazonaws.com/temp/game/auto-time-button.png" alt="" class="auto-btn btn down" @click="click().cancelAuto()"/>
<div v-if="isAuto" :style="autoTime === -1 ? 'font-size: 40px;' : ''" class="auto-time-text btn" @click="click().cancelAuto()"> <div v-if="isAuto" :style="autoTime === -1 ? 'font-size: 40px;' : ''" class="auto-time-text btn" @click="click().cancelAuto()">
<div class="tips">DOUBLE CLICK TO STOP AUTO-SPINNING</div> <div class="tips">DOUBLE CLICK TO STOP AUTO-SPINNING</div>
{{ autoTime | autoTimeFilter }} {{ autoTime | autoTimeFilter }}
...@@ -59,90 +59,90 @@ ...@@ -59,90 +59,90 @@
</div> </div>
</div> </div>
<div class="vip-block"> <div class="vip-block">
<img class="bg1" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Bottom%20Bar%20Background%20copy%202.png" alt=""> <CyImage class="bg1" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Bottom%20Bar%20Background%20copy%202.png" alt=""/>
<img class="bg2" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Bottom%20Bar%20Background%20copy%203.png" alt=""> <CyImage class="bg2" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Bottom%20Bar%20Background%20copy%203.png" alt=""/>
<!-- bonus --> <!-- bonus -->
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Bonus.png" alt="" class="btn bonus"> <CyImage src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Bonus.png" alt="" class="btn bonus"/>
<!-- lock-button --> <!-- lock-button -->
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Layer%20970.png" alt="" class="btn lock-button"> <CyImage src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Layer%20970.png" alt="" class="btn lock-button"/>
<!-- vip 标记 --> <!-- vip 标记 -->
<div class="vip-icon"> <div class="vip-icon">
<img class="icon-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/vip.png" alt=""> <CyImage class="icon-img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/vip.png" alt=""/>
<div class="text">RE SERVE</div> <div class="text">RE SERVE</div>
</div> </div>
</div> </div>
</div> </div>
<div v-else class="mobile-option-block"> <div v-else class="mobile-option-block">
<img class="bg" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/bottomBar.png" alt=""> <CyImage class="bg" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/bottomBar.png" alt=""/>
<div class="left-option"> <div class="left-option">
<img v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/creditIn.png" alt="" class="credit-in btn" @click="creditInShow = true"> <CyImage v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/creditIn.png" alt="" class="credit-in btn" @click="creditInShow = true"/>
<img v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_credit_01.png" alt="" class="credit-out btn" @click="network().outPoint()"> <CyImage v-audio src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_credit_01.png" alt="" class="credit-out btn" @click="network().outPoint()"/>
<!-- credit-in 弹窗 --> <!-- credit-in 弹窗 -->
<div :class="creditInShow ? 'show' : ''" class="credit-in-modal"> <div :class="creditInShow ? 'show' : ''" class="credit-in-modal">
<div v-audio class="credit-in-modal-mark" @click="creditInShow = false"/> <div v-audio class="credit-in-modal-mark" @click="creditInShow = false"/>
<div class="credit-in-btn-block"> <div class="credit-in-btn-block">
<div v-audio v-for="(item, index) in credistList" :key="index" class="btn" @click="click().upPoint(item)"> <div v-audio v-for="(item, index) in credistList" :key="index" class="btn" @click="click().upPoint(item)">
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_di_01.png" alt="" class="btn-bg"> <CyImage src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_di_01.png" alt="" class="btn-bg"/>
<div class="value">{{ item }}</div> <div class="value">{{ item }}</div>
<div class="credist">Credist</div> <div class="credist">Credist</div>
</div> </div>
<div class="btn" @click="click().allIn()"> <div class="btn" @click="click().allIn()">
<img src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_black_01.png" alt="" class="btn-bg"> <CyImage src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/ic_black_01.png" alt="" class="btn-bg"/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<img class="bonus" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/Bonus02.png" alt=""> <CyImage class="bonus" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/Bonus02.png" alt=""/>
<!-- 键盘 --> <!-- 键盘 -->
<div :class="{ show: showKeyboard, }" class="keyboard"> <div :class="{ show: showKeyboard, }" class="keyboard">
<div class="direction"> <div class="direction">
<!-- 向下箭头 --> <!-- 向下箭头 -->
<img v-audio v-show="showKeyboard" class="btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/downArrow.png" alt="" @click="showKeyboard = !showKeyboard"> <CyImage v-audio v-show="showKeyboard" class="btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/downArrow.png" alt="" @click="showKeyboard = !showKeyboard"/>
<!-- 向上箭头 --> <!-- 向上箭头 -->
<img v-audio v-show="!showKeyboard" class="btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/topArrow.png" alt="" @click="showKeyboard = !showKeyboard"> <CyImage v-audio v-show="!showKeyboard" class="btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/topArrow.png" alt="" @click="showKeyboard = !showKeyboard"/>
</div> </div>
<div class="title"> <div class="title">
<div class="bg-box"> <div class="bg-box">
<img v-audio class="bg btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/topBar.png" alt="" @click="showKeyboard = !showKeyboard"> <CyImage v-audio class="bg btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/topBar.png" alt="" @click="showKeyboard = !showKeyboard"/>
</div> </div>
<div class="text-box"> <div class="text-box">
<img v-show="showKeyboard" class="text" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/downTip.png" alt="" > <CyImage v-show="showKeyboard" class="text" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/downTip.png" alt="" />
<img v-show="!showKeyboard" class="text" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/upTip.png" alt=""> <CyImage v-show="!showKeyboard" class="text" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/upTip.png" alt=""/>
</div> </div>
</div> </div>
<div class="content"> <div class="content">
<img class="bg" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/middleBar.png" alt=""> <CyImage class="bg" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/middleBar.png" alt=""/>
<!-- 按钮 --> <!-- 按钮 -->
<div class="btn-block"> <div class="btn-block">
<div class="box"> <div class="box">
<div v-audio v-for="(item, index) in btnList1" :key="index" class="game-btn btn" @click="click().gameBtn(item)"> <div v-audio v-for="(item, index) in btnList1" :key="index" class="game-btn btn" @click="click().gameBtn(item)">
<div v-if="item.buttonImgN" class="btn"> <div v-if="item.buttonImgN" class="btn">
<img :src="item.buttonImgN | img" alt=""> <CyImage :src="item.buttonImgN | img" alt=""/>
</div> </div>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<div v-audio v-for="(item, index) in btnList2" :key="index" class="game-btn btn" @click="click().gameBtn(item)"> <div v-audio v-for="(item, index) in btnList2" :key="index" class="game-btn btn" @click="click().gameBtn(item)">
<div v-if="item.buttonImgN" class="btn"> <div v-if="item.buttonImgN" class="btn">
<img :src="item.buttonImgN | img" alt=""> <CyImage :src="item.buttonImgN | img" alt=""/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="play-btn btn" @click="click().play()"> <div class="play-btn btn" @click="click().play()">
<img v-audio v-if="playBtn.buttonImgN" :src="playBtn.buttonImgN | img" alt=""> <CyImage v-audio v-if="playBtn.buttonImgN" :src="playBtn.buttonImgN | img" alt=""/>
</div> </div>
</div> </div>
</div> </div>
<!-- 全屏按钮 --> <!-- 全屏按钮 -->
<div v-audio class="full-btn" @click="fullState = !fullState"> <div v-audio class="full-btn" @click="fullState = !fullState">
<img v-show="!fullState" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/Maximize.png" alt=""> <CyImage v-show="!fullState" class="img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/Maximize.png" alt=""/>
<img v-show="fullState" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/Exit%20Button-1.png" alt=""> <CyImage v-show="fullState" class="img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/Exit%20Button-1.png" alt=""/>
</div> </div>
<!-- 自动下注 --> <!-- 自动下注 -->
<div v-audio class="auto"> <div v-audio class="auto">
<img v-show="!isAuto" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/chinese/ic_autoChinese.png" alt="" class="auto-btn btn" @click="showTime = !showTime;"> <CyImage v-show="!isAuto" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/chinese/ic_autoChinese.png" alt="" class="auto-btn btn" @click="showTime = !showTime;"/>
<img v-show="isAuto" src="https://kuawai.s3.ap-east-1.amazonaws.com/temp/game/auto-time-button.png" alt="" class="auto-btn btn down" @click="click().cancelAuto()"> <CyImage v-show="isAuto" src="https://kuawai.s3.ap-east-1.amazonaws.com/temp/game/auto-time-button.png" alt="" class="auto-btn btn down" @click="click().cancelAuto()"/>
<div v-if="isAuto" :style="autoTime === -1 ? 'font-size: 40px;' : ''" class="auto-time-text btn" @click="click().cancelAuto()"> <div v-if="isAuto" :style="autoTime === -1 ? 'font-size: 40px;' : ''" class="auto-time-text btn" @click="click().cancelAuto()">
<div class="tips">DOUBLE CLICK TO STOP AUTO-SPINNING</div> <div class="tips">DOUBLE CLICK TO STOP AUTO-SPINNING</div>
{{ autoTime | autoTimeFilter }} {{ autoTime | autoTimeFilter }}
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
</div> </div>
</div> </div>
{{ hidePage }} {{ hidePage }}
<img v-audio class="spin btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/spin.png" alt="" @click="click().play()"> <CyImage v-audio class="spin btn" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/mobileKeyboard/spin.png" alt="" @click="click().play()"/>
</div> </div>
</div> </div>
</template> </template>
...@@ -917,7 +917,7 @@ export default { ...@@ -917,7 +917,7 @@ export default {
position: absolute; position: absolute;
left: 750px; left: 750px;
bottom: 0; bottom: 0;
img { .img {
width: 100px; width: 100px;
} }
} }
......
plugins/plugins.js
View file @ 329b158d
...@@ -6,14 +6,18 @@ Vue.mixin(indexMixins) ...@@ -6,14 +6,18 @@ Vue.mixin(indexMixins)
import VueClipboard from 'vue-clipboard2' // 复制组件 import VueClipboard from 'vue-clipboard2' // 复制组件
Vue.use(VueClipboard) // 复制组件 Vue.use(VueClipboard) // 复制组件
import CyImage from '@/components/common/image'
import { import {
Message, Message,
Loading, Loading,
Slider, Slider,
Image,
} from 'element-ui' } from 'element-ui'
Vue.use(Loading.directive) Vue.use(Loading.directive)
Vue.use(Slider) Vue.use(Slider)
Vue.component('CyImage', CyImage)
Vue.prototype.$message = Message Vue.prototype.$message = Message
Vue.prototype.$loading = Loading.service Vue.prototype.$loading = Loading.service
......
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