diff --git a/components/message/chat/chat-layout.vue b/components/message/chat/chat-layout.vue index 3df5897..a56ced1 100644 --- a/components/message/chat/chat-layout.vue +++ b/components/message/chat/chat-layout.vue @@ -163,6 +163,7 @@ onMounted(() => { .center-box { overflow: hidden; overflow-y: scroll; + padding-bottom: 12px; } //苹果样式 diff --git a/pages/index/index.nvue b/pages/index/index.nvue index ab19aec..fe0dce0 100644 --- a/pages/index/index.nvue +++ b/pages/index/index.nvue @@ -255,11 +255,11 @@ const otherList = [{ name: "身份证", path: "/pages/other/card/card" }, - // { - // icon: "/static/image/index/qita/card.png", - // name: "短信", - // path: "/pages/common/call-and-message-entry/call-and-message-entry?type=message" - // }, +{ + icon: "/static/image/index/qita/card.png", + name: "短信", + path: "/pages/common/call-and-message-entry/call-and-message-entry?type=message" +}, ] const data = reactive({ diff --git a/pages/message/chat-page/chat-page.vue b/pages/message/chat-page/chat-page.vue index b206c45..0fb0250 100644 --- a/pages/message/chat-page/chat-page.vue +++ b/pages/message/chat-page/chat-page.vue @@ -28,7 +28,14 @@ 信息 · 短信 短信/彩信 {{ formatHuaweiTopTime(message.time) }} - {{ formatChatTime(message.time) }} + {{ formatChatTime(message.time) }} 中国联通 + + + + + + 已送达 + @@ -69,12 +79,14 @@ const messageList = [ { time: "2026-01-01 00:24", content: "

【京东快递】快递尾号29398已放在博朗郡二期惠美家便利店,快递员电话15320547739,查看签收照片或反馈异常3.cn/2Beu-fXr

", - isMe: false + isMe: false, + simKa: 1 }, { time: "2026-01-01 00:24", content: "

啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

", - isMe: false + isMe: false, + simKa: 2 }, { time: "2026-01-01 00:24", @@ -110,6 +122,10 @@ const messageList = [ time: "2026-03-12 00:24", content: "

dhhahahhahs.cn

", isMe: true + }, { + time: "2026-03-13 00:24", + content: "

dhhahahhahs.cn

", + isMe: false }, ] @@ -222,7 +238,7 @@ const formatChatTime = (timeStr) => { const timeNum = `${hours}:${minutes}`; if (diffDays === 0) { - if (data.phone == 'iphone') return `今天 ${timeNum}`; + if (data.phone == 'iphone' || data.phone == 'oppo') return `今天 ${timeNum}`; return `${timeNum}`; } else if (diffDays === 1) { return `昨天 ${timeNum}`; @@ -589,6 +605,74 @@ onLoad((options) => { } } +// oppo样式 +.oppo-style { + .m-t-16 { + margin-top: 24rpx !important; + } + + .time { + color: #727377; + font-size: 24rpx; + line-height: 24rpx; + text-align: center; + margin-bottom: 20rpx; + margin-top: 48rpx; + display: flex; + justify-content: center; + align-items: center; + } + + .message-item { + margin-top: 12rpx; + } + + .chat-box { + display: flex; + justify-content: flex-start; + width: 100%; + + .chat-bubble { + padding: 28rpx 48rpx; + background-color: #FFFFFF; + border-radius: 32rpx; + max-width: 600rpx; + font-size: 32rpx; + line-height: 44rpx; + color: #1A1A1A; + margin: 0 32rpx; + word-break: break-all; + } + } + + + .isMe { + .chat-box { + justify-content: flex-end; + } + + .chat-bubble { + background-color: #00A1FF; + color: #fff; + } + } + + .second-info { + font-size: 24rpx; + text-align: right; + padding: 0 34rpx; + margin-top: 14rpx; + padding-bottom: 6rpx; + + .delivered { + font-size: 24rpx; + line-height: 24rpx; + color: #727377; + } + } + +} + // 华为样式 .huawei-style { .top-text { @@ -679,4 +763,71 @@ onLoad((options) => { } } + +// vivo样式 +.vivo-style { + .m-t-16 { + margin-top: 24rpx !important; + } + + .time { + color: #ACACAC; + font-size: 24rpx; + line-height: 24rpx; + text-align: center; + margin: 40rpx 0; + display: flex; + justify-content: center; + align-items: center; + } + + .message-item { + margin-top: 12rpx; + } + + .chat-box { + display: flex; + justify-content: flex-start; + width: 100%; + + .chat-bubble { + padding: 38rpx 38rpx 32rpx 40rpx; + background-color: #FFFFFF; + border-radius: 32rpx; + max-width: 100%; + font-size: 36rpx; + line-height: 48rpx; + color: #1A1A1A; + margin: 0 32rpx; + word-break: break-all; + } + } + + + .isMe { + .chat-box { + justify-content: flex-end; + } + + .chat-bubble { + background-color: #0078FE; + color: #fff; + } + } + + .second-info { + font-size: 24rpx; + text-align: right; + padding: 0 34rpx; + margin-top: 12rpx; + padding-bottom: 6rpx; + + .delivered { + font-size: 24rpx; + line-height: 24rpx; + color: #ACACAC; + } + } + +}