diff --git a/books/我的两个邮箱之一1.png b/books/我的两个邮箱之一1.png new file mode 100644 index 0000000..14fbcda Binary files /dev/null and b/books/我的两个邮箱之一1.png differ diff --git a/books/我的两个邮箱之一2.png b/books/我的两个邮箱之一2.png new file mode 100644 index 0000000..6ab3246 Binary files /dev/null and b/books/我的两个邮箱之一2.png differ diff --git a/component/public/game/ceshi.vue b/component/public/game/ceshi.vue new file mode 100644 index 0000000..4e2fcd3 --- /dev/null +++ b/component/public/game/ceshi.vue @@ -0,0 +1,129 @@ + + + + + \ No newline at end of file diff --git a/component/public/game/ceshi1.vue b/component/public/game/ceshi1.vue new file mode 100644 index 0000000..2b69411 --- /dev/null +++ b/component/public/game/ceshi1.vue @@ -0,0 +1,131 @@ + + + \ No newline at end of file diff --git a/component/public/game/joystick.vue b/component/public/game/joystick.vue index 825fd07..7db7e76 100644 --- a/component/public/game/joystick.vue +++ b/component/public/game/joystick.vue @@ -1,92 +1,149 @@ - + + + .move-circle { + position: absolute; + bottom: 300rpx; + left: 0; + width: 330rpx; + height: 330rpx; + border-radius: 50%; + background: radial-gradient(circle at center, + /* 圆形渐变,中心点在元素正中 */ + rgba(110, 149, 217, 0.2) 0%, + /* 中心处纯色 */ + rgba(149, 177, 227, 0.2) 100% + /* 边缘颜色 */ + ); + border: 5rpx rgba(148, 181, 229, 0.5) solid; + // opacity: 0.1; + z-index: 9999; + } + + .container-img-up { + position: absolute; + top: -48rpx; + left: 50rpx; + width: 220rpx; + height: 120rpx; + } + + .container-img-down { + position: absolute; + bottom: -48rpx; + left: 50rpx; + transform: rotate(180deg); + width: 220rpx; + height: 120rpx; + } + + .container-img-left { + position: absolute; + left: -97rpx; + top: 95rpx; + transform: rotate(270deg); + width: 220rpx; + height: 120rpx; + } + + .container-img-right { + position: absolute; + right: -97rpx; + transform: rotate(90deg); + top: 95rpx; + width: 220rpx; + height: 120rpx; + } + + .container-img { + width: 170rpx; + height: 70rpx; + } + + .container-img-shu { + width: 70rpx; + height: 170rpx; + } + + .up-container { + position: absolute; + top: 30rpx; + left: 75rpx; + } + + .down-container { + position: absolute; + bottom: 30rpx; + left: 75rpx; + } + + .right-container { + position: absolute; + top: 75rpx; + right: 30rpx; + } + + .left-container { + position: absolute; + top: 75rpx; + left: 30rpx; + } + \ No newline at end of file diff --git a/component/public/game/joysticknew.vue b/component/public/game/joysticknew.vue new file mode 100644 index 0000000..cd546db --- /dev/null +++ b/component/public/game/joysticknew.vue @@ -0,0 +1,90 @@ + + + + + + + \ No newline at end of file diff --git a/component/public/game/skill.vue b/component/public/game/skill.vue index fd84b84..1f42f31 100644 --- a/component/public/game/skill.vue +++ b/component/public/game/skill.vue @@ -1,16 +1,22 @@ @@ -20,93 +26,106 @@ ref } from 'vue' const emit = defineEmits(['clickcircle']); - const props = defineProps({ - clickstauts: { - type: Number, - required: true, - }, - gray:{ - type: Boolean, - required: true, + const upmenuIndex = ref(-1) + + const isClick = ref(true); + const clickCircle = (type : string) => { + if (isClick.value) { + switch (type) { + case "rightup": + isClick.value = false; + setTimeout(() => { + upmenuIndex.value = -1; + isClick.value = true; + emit('clickcircle',0) + }, 0) + break; + case "leftbottom": + isClick.value = false; + setTimeout(() => { + upmenuIndex.value = -1; + isClick.value = true; + emit('clickcircle',1) + }, 0) + break; + } } - }); - const confirm = () =>{ - emit('clickcircle',0) - } - const back = () =>{ - emit('clickcircle',1) } \ No newline at end of file + diff --git a/component/public/game/skilladd.vue b/component/public/game/skilladd.vue index 12b6ff8..e931d82 100644 --- a/component/public/game/skilladd.vue +++ b/component/public/game/skilladd.vue @@ -1,15 +1,47 @@