宽屏模式

movsb · Apr 8, 2024 · 1741bb6 · 1741bb6
1 parent cdc9e20
commit 1741bb6
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 6 deletions.
diff --git a/theme/blog/statics/scripts/footer.js b/theme/blog/statics/scripts/footer.js
@@ -261,9 +261,7 @@ class __Vim {
 				}
 			},
 			w: function() {
-				let elem = document.getElementById('content');
-				let maxWidth = elem.style.maxWidth;
-				elem.style.maxWidth = maxWidth == 'unset' ? 'var(--max-width)' : 'unset';
+				document.body.classList.toggle("wide");
 			},
 			r: function() {
 				location.reload();

diff --git a/theme/blog/styles/content.scss b/theme/blog/styles/content.scss
@@ -1,7 +1,11 @@
 /* 内容 */
 
 #content {
-    max-width: var(--max-width);
+	max-width: var(--max-width);
+}
+
+body.wide #content {
+	max-width: unset;
 }
 
 #content {

diff --git a/theme/blog/styles/global.scss b/theme/blog/styles/global.scss
@@ -151,7 +151,7 @@ table {
 
 	td, th {
 		border: var(--table-border);
-		padding: 0.4em 0.8em;
+		padding: 0.2em 0.8em;
 	}
 
 	&.no-border, &.no-border td {

diff --git a/theme/blog/templates/_header.html b/theme/blog/templates/_header.html
@@ -17,7 +17,7 @@
 	<script src="/scripts/header.js"></script>
     {{ render "custom_header" . }}
 </head>
-<body class="line-numbers">
+<body class="{{ $.BodyClass }}">
 <div id="wrapper">
     <!-- 头部开始 -->
 	{{ if not .Post }}

diff --git a/theme/data/data.go b/theme/data/data.go
@@ -3,6 +3,7 @@ package data
 import (
 	"html/template"
 	"io"
+	"strings"
 
 	"github.com/movsb/taoblog/config"
 	"github.com/movsb/taoblog/modules/auth"
@@ -49,6 +50,18 @@ type Data struct {
 	Tag *TagData
 }
 
+func (d *Data) BodyClass() string {
+	c := []string{
+		`line-numbers`,
+	}
+	if d.Post != nil {
+		if d.Post.Post.Wide() {
+			c = append(c, `wide`)
+		}
+	}
+	return strings.Join(c, ` `)
+}
+
 func (d *Data) Author() string {
 	if d.Config.Comment.Author != `` {
 		return d.Config.Comment.Author

diff --git a/theme/data/post.go b/theme/data/post.go
@@ -103,3 +103,11 @@ func (p *Post) Outdated() bool {
 	}
 	return false
 }
+
+// 是否开启宽屏？
+func (p *Post) Wide() bool {
+	if value, ok := p.Metas[`wide`]; ok && (value == `true` || value == `1`) {
+		return true
+	}
+	return false
+}