diff --git a/component/public/game/joystick.vue b/component/public/game/joystick.vue
index 86bb0ab..825fd07 100644
--- a/component/public/game/joystick.vue
+++ b/component/public/game/joystick.vue
@@ -25,20 +25,20 @@ import { reactive } from 'vue'
const emit = defineEmits(['movecard'])
const icons = reactive({
- up: '/static/index/movemode/upicon.png',
- right: '/static/index/movemode/righticon.png',
- down: '/static/index/movemode/downicon.png',
- left: '/static/index/movemode/lefticon.png'
+ up: '/static/index/movemode/bupicon.png',
+ right: '/static/index/movemode/brighticon.png',
+ down: '/static/index/movemode/bdownicon.png',
+ left: '/static/index/movemode/blefticon.png'
})
function handleClick(key, dir) {
- icons[key] = `/static/index/movemode/blue${key}icon.png`
+ // icons[key] = `/static/index/movemode/blue${key}icon.png`
emit('movecard', dir)
// 延迟一点时间再恢复图标(视觉反馈)
- setTimeout(() => {
- icons[key] = `/static/index/movemode/${key}icon.png`
- }, 150)
+ // setTimeout(() => {
+ // icons[key] = `/static/index/movemode/${key}icon.png`
+ // }, 150)
}
@@ -46,11 +46,15 @@ function handleClick(key, dir) {
.move-circle {
position: absolute;
bottom: 300rpx;
- left: -200rpx;
+ left: 0;
width: 350rpx;
height: 350rpx;
- border-radius: 50%;
- background-color: rgba(127, 127, 127, 0.3);
+ // border-radius: 50%;
+ background-image: url('/static/index/movemode/bj.png');
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ // background-color: rgba(127, 127, 127, 0.3);
z-index: 9999;
}
.container-img {
diff --git a/component/public/game/skill.vue b/component/public/game/skill.vue
index c811668..fd84b84 100644
--- a/component/public/game/skill.vue
+++ b/component/public/game/skill.vue
@@ -1,6 +1,9 @@
-
+
+ 确认
+
+
确认
@@ -22,7 +25,10 @@
type: Number,
required: true,
},
-
+ gray:{
+ type: Boolean,
+ required: true,
+ }
});
const confirm = () =>{
emit('clickcircle',0)
@@ -56,6 +62,22 @@
font-size: 35rpx;
justify-content: center;
}
+ .move-circle-bad{
+ position: absolute;
+ bottom: 200rpx;
+ right: 40rpx;
+ width: 160rpx;
+ height: 160rpx;
+ border-radius: 50%;
+ background-color: #c2c9d3;
+ // opacity:0.5;
+ z-index: 9999;
+ display: flex;
+ align-items: center;
+ color: #fff;
+ font-size: 35rpx;
+ justify-content: center;
+ }
.delete-circle{
position: absolute;
bottom: 50rpx;
diff --git a/component/public/game/skilmove.vue b/component/public/game/skilmove.vue
new file mode 100644
index 0000000..616043b
--- /dev/null
+++ b/component/public/game/skilmove.vue
@@ -0,0 +1,88 @@
+
+
+
+ {{ismove? `确定`:`移动`}}
+
+
+ {{ismove? `取消`:`删除`}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/component/public/game/skilmovedelete.vue b/component/public/game/skilmovedelete.vue
new file mode 100644
index 0000000..3566f47
--- /dev/null
+++ b/component/public/game/skilmovedelete.vue
@@ -0,0 +1,81 @@
+
+
+
+ 确定
+
+
+ 取消
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/component/rightItemssecond/index.css b/component/rightItemssecond/index.css
index a995073..e479494 100644
--- a/component/rightItemssecond/index.css
+++ b/component/rightItemssecond/index.css
@@ -1002,7 +1002,7 @@
margin-left: 30rpx;
margin-right: 30rpx;
margin-top: 20rpx;
-
+
.month-one {
width: 75rpx;
height: 75rpx;
diff --git a/component/rightItemssecond/index.vue b/component/rightItemssecond/index.vue
index 71d5070..1d2bc9e 100644
--- a/component/rightItemssecond/index.vue
+++ b/component/rightItemssecond/index.vue
@@ -252,7 +252,7 @@
-
+