|
@@ -131,6 +131,7 @@
|
|
class="item df jc-sb ai-c pl16 pr16 pt16 pb16 pointer mt16"
|
|
class="item df jc-sb ai-c pl16 pr16 pt16 pb16 pointer mt16"
|
|
v-for="item in gameLinks"
|
|
v-for="item in gameLinks"
|
|
:key="item.image"
|
|
:key="item.image"
|
|
|
|
+ @click="videoVisible = true"
|
|
>
|
|
>
|
|
<div class=" df ai-c">
|
|
<div class=" df ai-c">
|
|
<img class="image" :src="item.image" :alt="item.alt" />
|
|
<img class="image" :src="item.image" :alt="item.alt" />
|
|
@@ -140,12 +141,15 @@
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
+ <VideoDialog v-model:visible="videoVisible" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
import { defineComponent, ref, reactive } from "vue";
|
|
import { defineComponent, ref, reactive } from "vue";
|
|
import { useRouter } from "vue-router";
|
|
import { useRouter } from "vue-router";
|
|
|
|
+import VideoDialog from "./components/VideoDialog/index.vue";
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
|
|
+ components: { VideoDialog },
|
|
setup() {
|
|
setup() {
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
const active = ref(0);
|
|
const active = ref(0);
|
|
@@ -205,6 +209,7 @@ export default defineComponent({
|
|
title: "盖房子 操作教程"
|
|
title: "盖房子 操作教程"
|
|
}
|
|
}
|
|
]);
|
|
]);
|
|
|
|
+ const videoVisible = ref(false);
|
|
|
|
|
|
const $_change = (index: number) => {
|
|
const $_change = (index: number) => {
|
|
active.value = index;
|
|
active.value = index;
|
|
@@ -214,7 +219,13 @@ export default defineComponent({
|
|
router.push(path);
|
|
router.push(path);
|
|
};
|
|
};
|
|
|
|
|
|
- return { active, change: $_change, gameLinks, navigate: $_navigate };
|
|
|
|
|
|
+ return {
|
|
|
|
+ active,
|
|
|
|
+ change: $_change,
|
|
|
|
+ gameLinks,
|
|
|
|
+ navigate: $_navigate,
|
|
|
|
+ videoVisible
|
|
|
|
+ };
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</script>
|