diff options
| author | 2024-09-07 15:17:33 +0800 | |
|---|---|---|
| committer | 2024-09-07 15:17:33 +0800 | |
| commit | ad4bbef65b1621a8f5ef609b459fb75084b909ac (patch) | |
| tree | 909bbf4d3ec3d349cebb995c0e73f4ab72efc878 /src/views/index/Notepad | |
| parent | 1cfb957cdf5fd1c91929beca23ee1417bc3ae6ee (diff) | |
| download | HydroRollSite-ad4bbef65b1621a8f5ef609b459fb75084b909ac.tar.gz HydroRollSite-ad4bbef65b1621a8f5ef609b459fb75084b909ac.zip | |
chore: move site dir
Diffstat (limited to 'src/views/index/Notepad')
| -rw-r--r-- | src/views/index/Notepad/changelog.ts | 16 | ||||
| -rw-r--r-- | src/views/index/Notepad/index.vue | 53 |
2 files changed, 69 insertions, 0 deletions
diff --git a/src/views/index/Notepad/changelog.ts b/src/views/index/Notepad/changelog.ts new file mode 100644 index 0000000..111f8f2 --- /dev/null +++ b/src/views/index/Notepad/changelog.ts @@ -0,0 +1,16 @@ +import axios from 'axios'; + +export const getChangeLog = async() => +{ + const changeLog = axios.get('https://api.github.com/repos/HydroRoll-Team/HydroRoll/releases/latest') + .then(res => { + console.log(res.data); + const ChangeLogMessage ="## "+ res.data['tag_name']+"\n"+res.data['body']; + return ChangeLogMessage; + }) + .catch(err => { + console.log(err); + return err.toString(); + }) + return changeLog; +} diff --git a/src/views/index/Notepad/index.vue b/src/views/index/Notepad/index.vue new file mode 100644 index 0000000..fde6e90 --- /dev/null +++ b/src/views/index/Notepad/index.vue @@ -0,0 +1,53 @@ +<script lang="ts"> +export default { + props: { + title: { + type: String, + default: "1", + }, + message: { + type: String, + require: true + }, + date: { + type: Date, + default: new Date('2024-07-14T12:00:00Z') + } + }, +} +</script> + + +<template> + <div class="details" style="overflow-y:scroll;overflow-x:hidden;height:100%"> + <h3> + {{ title }} + </h3> + <v-md-preview :text="message" ></v-md-preview> + </div> +</template> + + +<style scoped> + + +h3 { + font-size: 1.2rem; + font-weight: 500; + margin-bottom: 0.4rem; + color: var(--color-heading); +} + +.details { + flex: 1; + width: 60dvw; + float: right; +} + +@media screen and (orientation:landscape) { + .details { + flex: 1; + width: 30dvw; + } +} +</style> |
