fix article style

src/pages/notify/NotifyCreate.vue

@@ -4,7 +4,7 @@
 		<t-form v-else class="form" label-align="left" label-width="5rem">
 			<t-form-item label="通知标题" required-mark>
 				<t-input
-					v-model.trim="subject"
+					v-model="subject"
 					borderless
 					maxlength="100"
 					placeholder="请输入通知标题"

src/pages/notify/NotifyDetail.vue

@@ -26,6 +26,7 @@
 				content="取消发送"
 			/>
 			<notify-content
+				class="preview"
 				:detail="mainDetail"
 				:subject="getSubject(detail)"
 				:time="getSendTime(mainDetail)"
@@ -276,35 +277,8 @@ onUnmounted(() => navBarStore.clearRight());
 		border-radius: 1.4rem;
 	}
 
-	.header {
-		text-align: center;
-		padding-bottom: 1rem;
-		border-bottom: 1px solid rgba(148, 163, 184, .2);
-
-		h1 {
-			margin: 0;
-			font-size: 1.25rem;
-			line-height: 1.5;
-		}
-
-		.time {
-			color: #64748b;
-			margin-top: .5rem;
-			font-size: .8125rem;
-		}
-	}
-
-	.body {
-		color: #334155;
-		padding-top: 1rem;
-		font-size: .9375rem;
-		line-height: 1.8;
-		word-break: break-word;
-
-		.empty-content {
-			color: #64748b;
-			text-align: center;
-		}
+	.preview {
+		background: #FFF;
 	}
 }
 </style>

src/pages/notify/UserNotifyDetail.vue

@@ -160,10 +160,6 @@ onUnmounted(() => {
 
 <style scoped lang="less">
 .notify-detail {
-	gap: 1rem;
-	min-height: 100%;
-	padding: calc(var(--app-nav-height) + 1rem) 0 1rem 0;
-	display: flex;
-	flex-direction: column;
+	padding: var(--app-nav-height) 0 1rem 0;
 }
 </style>

src/pages/notify/component/NotifyContent.vue

@@ -52,16 +52,12 @@ const subjectValue = computed(() => props.subject.trim() || props.detail?.subjec
 
 <style scoped lang="less">
 .notify-content {
-	margin: 0 1rem;
 	padding: 1rem;
-	background: var(--td-bg-color-container);
-	box-shadow: var(--td-shadow-1);
-	border-radius: 1.4rem;
 
 	.header {
 		text-align: center;
-		padding-bottom: 1rem;
 		border-bottom: 1px solid rgba(148, 163, 184, .2);
+		padding-bottom: 1rem;
 
 		h1 {
 			margin: 0;
@@ -72,18 +68,18 @@ const subjectValue = computed(() => props.subject.trim() || props.detail?.subjec
 		.time,
 		.sender {
 			color: #64748b;
-			margin-top: .5rem;
 			font-size: .8125rem;
+			margin-top: .5rem;
 		}
 	}
 
 	.body {
 		color: #334155;
-		padding-top: 1rem;
 		font-size: .9375rem;
+		word-break: break-word;
 		line-height: 1.8;
 		white-space: pre-wrap;
-		word-break: break-word;
+		padding-top: 1rem;
 
 		:deep(.content) {
 			border: none;

src/pages/store/StoreDiaryDetail.vue

@@ -11,7 +11,6 @@
 					underline
 				/>
 			</header>
-			<t-divider />
 			<section class="content" v-entrance-transition="70">
 				<article-view
 					:article="article"
@@ -194,7 +193,9 @@ onUnmounted(() => navBarStore.clearRight());
 	padding: var(--app-nav-height) 0 calc(1rem + env(safe-area-inset-bottom, 0));
 
 	.header {
-		padding: 1.25rem 1rem;
+		margin: 0 1rem;
+		padding: 1.25rem 0;
+		border-bottom: 1px solid rgba(148, 163, 184, .2);
 
 		h1 {
 			margin: 0;

src/router/routes/notifyRoutes.ts

@@ -27,8 +27,8 @@ const notifyRoutes: RouteRecordRaw[] = [
 			navBarCanBack: true,
 			navBarTitle: "通知详情",
 			tabBarVisible: false,
-			bodyBackground: "#F5F5F8",
-			darkBodyBackground: "#10161f"
+			bodyBackground: "#FFF",
+			darkBodyBackground: "#000"
 		}
 	}
 ];