jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-05-24 11:37:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update pageview

Browse Source
This commit is contained in:
tim
2025-07-03 18:58:14 +08:00
parent ecf13eb0c2
commit c37455ca59
1 changed files with 103 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
open-isle-cli/src/views/PostPageView.vue
View File

@@ -1,5 +1,6 @@
<template> <template>
<div class="post-page"> <div class="post-page-container">
<div class="post-page-main-container">
<div class="article-title-container"> <div class="article-title-container">
<div class="article-title">请不要把互联网上的戾气带来这里！</div> <div class="article-title">请不要把互联网上的戾气带来这里！</div>
<div class="article-info-container"> <div class="article-info-container">
@@ -128,6 +129,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="post-page-scroller-container">
scroller
</div>
</div>
</template> </template>
<script> <script>
@@ -188,10 +194,24 @@ export default {
</script> </script>
<style scoped> <style scoped>
.post-page { .post-page-container {
padding: 20px; display: flex;
flex-direction: row;
height: calc(100vh - var(--header-height));
}
.post-page-main-container {
overflow-y: auto; overflow-y: auto;
height: calc(100vh - var(--header-height) - 40px); padding: 20px;
height: calc(100% - 40px);
width: calc(85% - 40px);
}
.post-page-scroller-container {
overflow-y: auto;
height: 100%;
width: 15%;
background-color: #f0f0f0;
} }
.article-title-container { .article-title-container {