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 @@
【京东快递】快递尾号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; + } + } + +}