🐞 fix:修复时间格式错误

This commit is contained in:
preschooler
2024-08-21 14:02:38 +08:00
parent eb9a9257de
commit edc50b6f00
2 changed files with 14 additions and 14 deletions

View File

@@ -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 {
* @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 时间戳

View File

@@ -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) => {
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) => {
.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) => {
.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;