|
@@ -2,11 +2,35 @@
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
- <div>
|
|
|
|
- update
|
|
|
|
|
|
+ <div class="update-log-wrap">
|
|
|
|
+ <div class="left side">
|
|
|
|
+ <div class="log-title"><strong>更新日志</strong></div>
|
|
|
|
+ <ul class="log-list">
|
|
|
|
+ <li>2023年6月</li>
|
|
|
|
+ <li>2023年5月</li>
|
|
|
|
+ <li>2023年4月</li>
|
|
|
|
+ <li>2023年3月</li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="right side">bbb</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
-
|
|
|
|
|
|
+.update-log-wrap{
|
|
|
|
+ width:100%;
|
|
|
|
+ height:calc(100vh - 60px);
|
|
|
|
+ display: flex;
|
|
|
|
+ *{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ }
|
|
|
|
+ .left{
|
|
|
|
+ width:300px;
|
|
|
|
+ border-right: 1px solid #DCDFE6;
|
|
|
|
+ padding:30px;
|
|
|
|
+ }
|
|
|
|
+ .right{
|
|
|
|
+ flex: 1;
|
|
|
|
+ }
|
|
|
|
+}
|
|
</style>
|
|
</style>
|