mirror of
https://github.com/cool-team-official/cool-admin-java-docs.git
synced 2026-10-07 15:18:35 +08:00
69 lines
1.1 KiB
Vue
69 lines
1.1 KiB
Vue
<template>
|
|
<Layout>
|
|
<template #sidebar-nav-before>
|
|
<div class="ad">
|
|
<img
|
|
v-for="item in ad.list"
|
|
:key="item"
|
|
:src="item.pic"
|
|
@click="ad.toLink(item)"
|
|
/>
|
|
</div>
|
|
</template>
|
|
</Layout>
|
|
</template>
|
|
|
|
<script setup>
|
|
import DefaultTheme from "vitepress/theme";
|
|
import { onMounted, reactive } from "vue";
|
|
import "./custom.css";
|
|
|
|
const { Layout } = DefaultTheme;
|
|
|
|
const ad = reactive({
|
|
list: [],
|
|
|
|
toLink(item) {
|
|
if (item.link) {
|
|
window.open(item.link);
|
|
} else {
|
|
window.open(`https://cool-js.com/ad/${item.id}`);
|
|
}
|
|
},
|
|
|
|
get() {
|
|
fetch("https://service.cool-js.com/api/app/info/ad/list", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify({
|
|
channel: 1,
|
|
}),
|
|
})
|
|
.then((res) => res.json())
|
|
.then((res) => {
|
|
this.list = res.data;
|
|
});
|
|
},
|
|
});
|
|
|
|
onMounted(() => {
|
|
ad.get();
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
.ad img {
|
|
display: block;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ad img:hover {
|
|
opacity: 0.9;
|
|
}
|
|
</style>
|