Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
3a9422ee 1 parent fa0874dd

style: 为帖子文本添加自动换行和空白处理 

在多个页面的.post-text样式中添加white-space和word-wrap属性，确保长文本和连续空白能正确显示
Inline Side-by-side
Showing 3 changed files with 8 additions and 2 deletions
...@@ -795,6 +795,8 @@ const formatData = (data) => { ...@@ -795,6 +795,8 @@ const formatData = (data) => {
795 .post-text { 795 .post-text {
796 color: #666; 796 color: #666;
797 margin-bottom: 1rem; 797 margin-bottom: 1rem;
798 + white-space: pre-wrap;
799 + word-wrap: break-word;
798 } 800 }
799 801
800 .post-media { 802 .post-media {
......
1 <!-- 1 <!--
2 * @Date: 2025-05-29 15:34:17 2 * @Date: 2025-05-29 15:34:17
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-06-25 11:47:02 4 + * @LastEditTime: 2025-06-26 11:22:30
5 * @FilePath: /mlaj/src/views/teacher/checkinPage.vue 5 * @FilePath: /mlaj/src/views/teacher/checkinPage.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -908,6 +908,8 @@ const handleAdd = (type) => { ...@@ -908,6 +908,8 @@ const handleAdd = (type) => {
908 .post-text { 908 .post-text {
909 color: #666; 909 color: #666;
910 margin-bottom: 1rem; 910 margin-bottom: 1rem;
911 + white-space: pre-wrap;
912 + word-wrap: break-word;
911 } 913 }
912 914
913 .post-media { 915 .post-media {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2025-06-19 17:12:19 3 * @Date: 2025-06-19 17:12:19
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2025-06-25 17:47:34 5 + * @LastEditTime: 2025-06-26 11:22:56
6 * @FilePath: /mlaj/src/views/teacher/studentPage.vue 6 * @FilePath: /mlaj/src/views/teacher/studentPage.vue
7 * @Description: 学生详情页面 7 * @Description: 学生详情页面
8 --> 8 -->
...@@ -1052,6 +1052,8 @@ const formatData = (data) => { ...@@ -1052,6 +1052,8 @@ const formatData = (data) => {
1052 .post-text { 1052 .post-text {
1053 color: #666; 1053 color: #666;
1054 margin-bottom: 1rem; 1054 margin-bottom: 1rem;
1055 + white-space: pre-wrap;
1056 + word-wrap: break-word;
1055 } 1057 }
1056 1058
1057 .post-media { 1059 .post-media {
......