copyright-official-website/src/components/ScrollAD.html

87 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="./assets/AImzhu.svg">
<title id="HTMLBT">AI秒著引擎</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
em,
i {
font-style: normal;
}
a {
text-decoration: none;
}
ul,
li,
ol {
list-style: none;
}
#app {
width: 1000px;
margin: 0 auto;
/* border: 1px solid #333; */
padding-top: 50px;
padding-bottom: 40px;
}
#title {
height: 60px;
line-height: 60px;
text-align: center;
margin-bottom: 15px;
/* border: 1px solid red; */
}
#content {
line-height: 35px;
}
</style>
</head>
<body>
<div id="app">
<h2 id="title"></h2>
<!-- <h2 id="title" v-html="title"></h2> -->
<div id="content"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
const htmlBT = document.querySelector('#HTMLBT')
const content = document.querySelector('#content')
const title = document.querySelector('#title')
axios.get('https://www.aimzhu.com/operator/app/agreementportal/getrelease/a50fddde-9eb5-4aa5-88c4-a7bf6fded339').then(response => {
// this.data = response.data;
// this.title = response.data.title;
// this.data = response.data.content;
htmlBT.innerHTML = response.data.title
title.innerHTML = response.data.title
content.innerHTML = response.data.content
console.log(response.data);
// console.log(response.data.agreementType);
// console.log(response.data.content);
}).catch(error => {
console.error(error);
});
</script>
</body>
</html>