Commit edc50b6f by preschooler

🐞 fix:修复时间格式错误

parent eb9a9257
...@@ -56,11 +56,11 @@ export const defaultShortcuts = [ ...@@ -56,11 +56,11 @@ export const defaultShortcuts = [
* 时间日期转换 * 时间日期转换
* @param date 当前时间,new Date() 格式 * @param date 当前时间,new Date() 格式
* @param format 需要转换的时间格式字符串 * @param format 需要转换的时间格式字符串
* @description format 字符串随意,如 `YYYY-mm、YYYY-mm-dd` * @description format 字符串随意,如 `YYYY-mm、YYYY-MM-DD`
* @description format 季度:"YYYY-mm-dd HH:MM:SS QQQQ" * @description format 季度:"YYYY-MM-DD HH:MM:SS QQQQ"
* @description format 星期:"YYYY-mm-dd HH:MM:SS WWW" * @description format 星期:"YYYY-MM-DD HH:MM:SS WWW"
* @description format 几周:"YYYY-mm-dd HH:MM:SS ZZZ" * @description format 几周:"YYYY-MM-DD HH:MM:SS ZZZ"
* @description format 季度 + 星期 + 几周:"YYYY-mm-dd HH:MM:SS WWW QQQQ ZZZ" * @description format 季度 + 星期 + 几周:"YYYY-MM-DD HH:MM:SS WWW QQQQ ZZZ"
* @returns 返回拼接后的时间字符串 * @returns 返回拼接后的时间字符串
*/ */
export function formatDate(date: Date, format?: string): string { export function formatDate(date: Date, format?: string): string {
...@@ -110,7 +110,7 @@ export function getWeek(dateTime: Date): number { ...@@ -110,7 +110,7 @@ export function getWeek(dateTime: Date): number {
* @description param 3天: 60 * 60* 24 * 1000 * 3 * @description param 3天: 60 * 60* 24 * 1000 * 3
* @returns 返回拼接后的时间字符串 * @returns 返回拼接后的时间字符串
*/ */
export function formatPast(param: string | Date, format = 'YYYY-mm-dd HH:MM:SS'): string { export function formatPast(param: string | Date, format = 'YYYY-MM-DD HH:MM:SS'): string {
// 传入格式处理、存储转换值 // 传入格式处理、存储转换值
let t: any, s: number let t: any, s: number
// 获取js 时间戳 // 获取js 时间戳
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<div class="flex justify-between items-center w-100%"> <div class="flex justify-between items-center w-100%">
<span class="username">{{ item.userNickname }}</span> <span class="username">{{ item.userNickname }}</span>
<span class="color-[#989EA6]"> <span class="color-[#989EA6]">
{{ formatPast(item.lastMessageTime, 'YYYY-mm-dd') }} {{ formatPast(item.lastMessageTime, 'YYYY-MM-DD') }}
</span> </span>
</div> </div>
<!-- 最后聊天内容 --> <!-- 最后聊天内容 -->
...@@ -186,11 +186,11 @@ watch(showRightMenu, (val) => { ...@@ -186,11 +186,11 @@ watch(showRightMenu, (val) => {
transition: border-left 0.05s ease-in-out; /* 设置过渡效果 */ transition: border-left 0.05s ease-in-out; /* 设置过渡效果 */
.username { .username {
min-width: 0; display: -webkit-box;
max-width: 60%; max-width: 60%;
min-width: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
} }
...@@ -198,14 +198,14 @@ watch(showRightMenu, (val) => { ...@@ -198,14 +198,14 @@ watch(showRightMenu, (val) => {
.last-message { .last-message {
width: 200px; width: 200px;
overflow: hidden; // 隐藏超出的文本 overflow: hidden; // 隐藏超出的文本
white-space: nowrap; // 禁止换行
text-overflow: ellipsis; // 添加省略号 text-overflow: ellipsis; // 添加省略号
white-space: nowrap; // 禁止换行
} }
} }
.active { .active {
border-left: 5px #3271ff solid;
background-color: #eff0f1; background-color: #eff0f1;
border-left: 5px #3271ff solid;
} }
.pinned { .pinned {
...@@ -214,13 +214,13 @@ watch(showRightMenu, (val) => { ...@@ -214,13 +214,13 @@ watch(showRightMenu, (val) => {
.right-menu-ul { .right-menu-ul {
position: absolute; position: absolute;
background-color: #fff; width: 130px;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
list-style-type: none; /* 移除默认的项目符号 */ list-style-type: none; /* 移除默认的项目符号 */
background-color: #fff;
border-radius: 12px; border-radius: 12px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */ box-shadow: 0 2px 4px rgb(0 0 0 / 10%); /* 阴影效果 */
width: 130px;
li { li {
padding: 8px 16px; padding: 8px 16px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment