🐞 fix:修复时间格式错误
parent
eb9a9257de
commit
edc50b6f00
|
@ -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 时间戳
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue