2024-12-27 19:51:51 +08:00
|
|
|
<template>
|
|
|
|
|
<div class="find-game">
|
|
|
|
|
<span>no games created by cocos creator found!</span>
|
|
|
|
|
<i class="fresh iconfont icon_refresh" @click="onBtnClickUpdatePage"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script lang="ts">
|
2024-12-28 14:25:23 +08:00
|
|
|
import { defineComponent } from "vue";
|
|
|
|
|
import { checkSupport } from "./util";
|
2024-12-27 19:51:51 +08:00
|
|
|
export default defineComponent({
|
|
|
|
|
name: "find",
|
|
|
|
|
setup(props) {
|
|
|
|
|
return {
|
|
|
|
|
onBtnClickUpdatePage() {
|
|
|
|
|
checkSupport();
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
|
.find-game {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex: 1;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
margin-right: 20px;
|
|
|
|
|
color: white;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
user-select: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fresh {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
color: white;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #cef57b;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
|
color: #ffaa00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
