Skip to content

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

安卓 图片长按问题

parent 507dcbd6
Show 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 {
}
*:not(input, textarea) {
user-select: none;
-webkit-user-drag: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.img {
pointer-events: none;
}
a,
......
components/common/bg/index.vue
View file @ 329b158d
<template>
<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>
</template>
......@@ -16,7 +16,12 @@
.bg-img {
height: 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;
pointer-events: none;
}
}
</style>
components/common/header/index.vue
View file @ 329b158d
......@@ -9,9 +9,10 @@
</div>
</div>
<div class="bar">
<div class="bar-bg img"/>
<div class="input-box">
<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 class="value">
{{ userInfo.goldCredit }}
......@@ -19,7 +20,7 @@
</div>
<div class="input-box">
<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 class="value">
{{ userInfo.redCredit }}
......@@ -38,10 +39,10 @@
</div>
<div class="right-block">
<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 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="">
<div v-audio class="btn full-screen" @click="click().fullScreen()">
<CyImage class="img" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/Full%20Screen%20Button.png" alt=""/>
</div>
</div>
<Confirm ref="confirm" title="登出" message="您要登出当前账号吗？" @confirm="() => network().quitAccount()"/>
......@@ -247,7 +248,8 @@ export default {
padding-left: 46px;
height: 50px;
}
img {
.img {
width: 50px;
height: 30px;
/* display: none; */
}
......@@ -257,6 +259,11 @@ export default {
padding-left: 170px;
display: flex;
height: 78px;
position: absolute;
top: 0;
left: 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;
......@@ -264,6 +271,8 @@ export default {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.input-box {
padding-left: 28px;
position: relative;
......@@ -275,7 +284,7 @@ export default {
top: -6px;
width: 44px;
height: 44px;
img {
.img {
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>
<div>
<div class="layout-menu">
<div class="menu-item">
<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="bg img"/>
<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>
<AudioSettingDialog ref="audioSettingDialog" />
......@@ -28,16 +39,27 @@ export default {
top: 100px;
height: 300px;
width: 57px;
.bg {
position: absolute;
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 {
margin: 20px 0 20px -14px;
width: 50px;
img {
pointer-events: all;
.img {
width: 50px;
display: block;
margin: auto;
height: 50px;
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 @@
<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="">
<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>
......
pages/index/game/components/keyboard.vue
View file @ 329b158d
......@@ -2,19 +2,19 @@
<div class="block">
<div v-if="!is_mobile" class="option-block">
<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">
<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/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/second/ic_credit_01.png" alt="" class="credit-out btn" @click="network().outPoint()"/>
<!-- credit-in 弹窗 -->
<div :class="creditInShow ? 'show' : ''" class="credit-in-modal">
<div v-audio class="credit-in-modal-mark" @click="creditInShow = false"/>
<div class="credit-in-btn-block">
<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="credist">Credist</div>
</div>
<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>
......@@ -25,14 +25,14 @@
<div class="box">
<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">
<img :src="item.buttonImgN | img" alt="">
<CyImage :src="item.buttonImgN | img" alt=""/>
</div>
</div>
</div>
<div class="box">
<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">
<img :src="item.buttonImgN | img" alt="">
<CyImage :src="item.buttonImgN | img" alt=""/>
</div>
</div>
</div>
......@@ -40,12 +40,12 @@
<!-- 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 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;">
<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/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/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 class="tips">DOUBLE CLICK TO STOP AUTO-SPINNING</div>
{{ autoTime | autoTimeFilter }}
......@@ -59,90 +59,90 @@
</div>
</div>
<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="">
<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="bg1" src="https://kuawai.s3.ap-east-1.amazonaws.com/resource/assets/Textures/second/Bottom%20Bar%20Background%20copy%202.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 -->
<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 -->
<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 标记 -->
<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>
</div>
</div>
<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">
<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">
<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/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/second/ic_credit_01.png" alt="" class="credit-out btn" @click="network().outPoint()"/>
<!-- credit-in 弹窗 -->
<div :class="creditInShow ? 'show' : ''" class="credit-in-modal">
<div v-audio class="credit-in-modal-mark" @click="creditInShow = false"/>
<div class="credit-in-btn-block">
<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="credist">Credist</div>
</div>
<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>
<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="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 class="title">
<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 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="" >
<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/downTip.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 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="box">
<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">
<img :src="item.buttonImgN | img" alt="">
<CyImage :src="item.buttonImgN | img" alt=""/>
</div>
</div>
</div>
<div class="box">
<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">
<img :src="item.buttonImgN | img" alt="">
<CyImage :src="item.buttonImgN | img" alt=""/>
</div>
</div>
</div>
</div>
<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 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="">
<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/Maximize.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 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;">
<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/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/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 class="tips">DOUBLE CLICK TO STOP AUTO-SPINNING</div>
{{ autoTime | autoTimeFilter }}
......@@ -155,7 +155,7 @@
</div>
</div>
{{ 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>
</template>
......@@ -917,7 +917,7 @@ export default {
position: absolute;
left: 750px;
bottom: 0;
img {
.img {
width: 100px;
}
}
......
plugins/plugins.js
View file @ 329b158d
......@@ -6,14 +6,18 @@ Vue.mixin(indexMixins)
import VueClipboard from 'vue-clipboard2' // 复制组件
Vue.use(VueClipboard) // 复制组件
import CyImage from '@/components/common/image'
import {
Message,
Loading,
Slider,
Image,
} from 'element-ui'
Vue.use(Loading.directive)
Vue.use(Slider)
Vue.component('CyImage', CyImage)
Vue.prototype.$message = Message
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