La123123.
/
im-backed
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

!175 fix: 火狐浏览器下表情位置的bug 

Merge pull request !175 from blue/v_3.0.0
master
blue 4 months ago
committed by Gitee
parent
3911624aae 0851efc99c
commit
4a903f9fe7
No known key found for this signature in database GPG Key ID: 173E9B9CA92EEF8F
8 changed files with 46 additions and 63 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      im-uniapp/im.scss
  2. 4
      im-uniapp/manifest.json
  3. 13
      im-uniapp/pages/chat/chat-box.vue
  4. 2
      im-uniapp/pages/login/login.vue
  5. 2
      im-uniapp/pages/register/register.vue
  6. 4
      im-web/src/components/chat/ChatInput.vue
  7. 37
      im-web/src/view/Login.vue
  8. 37
      im-web/src/view/Register.vue

8
im-uniapp/im.scss
View File

@ -5,7 +5,7 @@ uni-button {
} }
uni-button[type='primary'] { uni-button[type='primary'] {
color: #fff !important; color: #fff !important;
background: linear-gradient(135deg, $im-color-primary, lighten($im-color-primary, 15%)) !important; background: $im-color-primary !important;
} }
uni-button[type='primary'][plain] { uni-button[type='primary'][plain] {
@ -16,7 +16,7 @@ uni-button[type='primary'][plain] {
uni-button[type='warn'] { uni-button[type='warn'] {
color: #fff !important; color: #fff !important;
background: linear-gradient(135deg, $im-color-danger, lighten($im-color-danger, 15%)) !important; background: $im-color-danger !important;
} }
uni-button[type='warn'][plain] { uni-button[type='warn'][plain] {
@ -37,7 +37,7 @@ button {
button[type='primary'] { button[type='primary'] {
color: #fff !important; color: #fff !important;
background: linear-gradient(135deg, $im-color-primary, lighten($im-color-primary, 15%)) !important; background: $im-color-primary !important;
} }
button[type='primary'][plain] { button[type='primary'][plain] {
@ -48,7 +48,7 @@ button[type='primary'][plain] {
button[type='warn'] { button[type='warn'] {
color: #fff !important; color: #fff !important;
background: linear-gradient(135deg, $im-color-danger, lighten($im-color-danger, 15%)) !important; background: $im-color-danger !important;
} }
button[type='warn'][plain] { button[type='warn'][plain] {

4
im-uniapp/manifest.json
View File

@ -2,8 +2,8 @@
"name" : "盒子IM", "name" : "盒子IM",
"appid" : "__UNI__69DD57A", "appid" : "__UNI__69DD57A",
"description" : "", "description" : "",
"versionName" : "3.4.0", "versionName" : "3.10.0",
"versionCode" : 3400, "versionCode" : 31000,
"transformPx" : false, "transformPx" : false,
/* 5+App特有相关 */ /* 5+App特有相关 */
"app-plus" : { "app-plus" : {

13
im-uniapp/pages/chat/chat-box.vue
View File

@ -848,12 +848,6 @@ export default {
h -= 50; h -= 50;
// 减去键盘高度 // 减去键盘高度
if (this.isShowKeyBoard || this.chatTabBox != 'none') { if (this.isShowKeyBoard || this.chatTabBox != 'none') {
// ios app的键盘高度不准，需要减去屏幕和窗口差
// #ifdef APP-PLUS
if (sysInfo.platform == 'ios') {
h += this.screenHeight - this.windowHeight;
}
// #endif
h -= this.keyboardHeight; h -= this.keyboardHeight;
this.scrollToBottom(); this.scrollToBottom();
} }
@ -922,6 +916,13 @@ export default {
this.isShowKeyBoard = res.height > 0; this.isShowKeyBoard = res.height > 0;
if (this.isShowKeyBoard) { if (this.isShowKeyBoard) {
this.keyboardHeight = res.height; // 获取并保存键盘高度 this.keyboardHeight = res.height; // 获取并保存键盘高度
// #ifdef APP-PLUS
// ios app的键盘高度不准，需要减去屏幕和窗口差
let sysInfo = uni.getSystemInfoSync();
if (sysInfo.platform == 'ios') {
this.keyboardHeight -= this.screenHeight - this.windowHeight;
}
// #endif
} }
setTimeout(() => this.reCalChatMainHeight(), 30); setTimeout(() => this.reCalChatMainHeight(), 30);
}, },

2
im-uniapp/pages/login/login.vue
View File

@ -228,7 +228,6 @@ export default {
height: 100rpx; height: 100rpx;
border-radius: 50rpx; border-radius: 50rpx;
border: none; border: none;
box-shadow: 0 8rpx 32rpx rgba($im-color-primary, 0.3);
transition: all 0.3s ease; transition: all 0.3s ease;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -236,7 +235,6 @@ export default {
&:active { &:active {
transform: translateY(2rpx); transform: translateY(2rpx);
box-shadow: 0 4rpx 16rpx rgba($im-color-primary, 0.4);
&::before { &::before {
left: 100%; left: 100%;

2
im-uniapp/pages/register/register.vue
View File

@ -288,7 +288,6 @@ export default {
height: 100rpx; height: 100rpx;
border-radius: 50rpx; border-radius: 50rpx;
border: none; border: none;
box-shadow: 0 8rpx 32rpx rgba($im-color-primary, 0.3);
transition: all 0.3s ease; transition: all 0.3s ease;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -297,7 +296,6 @@ export default {
&:active { &:active {
transform: translateY(2rpx); transform: translateY(2rpx);
box-shadow: 0 4rpx 16rpx rgba($im-color-primary, 0.4);
} }
.btn-content { .btn-content {

4
im-web/src/components/chat/ChatInput.vue
View File

@ -236,7 +236,7 @@ export default {
}, },
onBlur(e) { onBlur(e) {
if (!this.atIng) { if (!this.atIng) {
this.updateRange(); //this.updateRange();
} }
}, },
onMousedown() { onMousedown() {
@ -268,7 +268,6 @@ export default {
blurRange.collapse() blurRange.collapse()
this.selectElement(textNode); this.selectElement(textNode);
this.updateRange();
this.isEmpty = false; this.isEmpty = false;
}, },
generateId() { generateId() {
@ -475,6 +474,7 @@ export default {
font-size: var(--im-font-size); font-size: var(--im-font-size);
text-align: left; text-align: left;
overflow-y: auto; overflow-y: auto;
white-space: pre-wrap;
// 单独一行时，无法在前面输入的bug // 单独一行时，无法在前面输入的bug
>div:before { >div:before {

37
im-web/src/view/Login.vue
View File

@ -125,12 +125,7 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
background: linear-gradient(135deg, background: linear-gradient(15deg, var(--im-color-primary-light-9) 0%, var(--im-color-primary-light-4) 100%);
#87adeb 0%,
#8287ec 25%,
#87adeb 50%,
#898ee3 75%,
#87adeb 100%);
/* 装饰性元素 */ /* 装饰性元素 */
.decoration { .decoration {
@ -140,27 +135,27 @@ export default {
} }
.decoration-1 { .decoration-1 {
width: 450px; width: 150px;
height: 450px; height: 150px;
background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(200, 220, 240, 0.4) 100%); background: rgba(255, 255, 255, 0.2);
top: -250px; top: -150px;
right: -100px; right: 0px;
animation: float 16s infinite ease-in-out; animation: float 16s infinite ease-in-out;
} }
.decoration-2 { .decoration-2 {
width: 400px; width: 200px;
height: 400px; height: 200px;
background: linear-gradient(135deg, rgba(200, 220, 240, 0.4) 0%, rgba(255, 255, 255, 0.3) 100%); background: rgba(255, 255, 255, 0.18);
bottom: -200px; bottom: -100px;
left: -100px; left: -50px;
animation: float 12s infinite ease-in-out; animation: float 12s infinite ease-in-out;
} }
.decoration-3 { .decoration-3 {
width: 300px; width: 100px;
height: 300px; height: 100px;
background: linear-gradient(45deg, rgba(161, 196, 253, 0.3) 0%, rgba(194, 233, 251, 0.4) 100%); background: rgba(255, 255, 255, 0.15);
top: 50%; top: 50%;
right: 50px; right: 50px;
animation: float 8s infinite ease-in-out; animation: float 8s infinite ease-in-out;
@ -197,9 +192,7 @@ export default {
width: 360px; width: 360px;
height: 380px; height: 380px;
padding: 30px; padding: 30px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); background: rgba(255, 255, 255, 0.95);
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(8px);
border-radius: 3%; border-radius: 3%;
overflow: hidden; overflow: hidden;

37
im-web/src/view/Register.vue
View File

@ -131,12 +131,7 @@ export default {
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: linear-gradient(135deg, background: linear-gradient(15deg, var(--im-color-primary-light-9) 0%, var(--im-color-primary-light-4) 100%);
#87adeb 0%,
#8287ec 25%,
#87adeb 50%,
#898ee3 75%,
#87adeb 100%);
/* 装饰性元素 */ /* 装饰性元素 */
.decoration { .decoration {
@ -146,27 +141,27 @@ export default {
} }
.decoration-1 { .decoration-1 {
width: 450px; width: 150px;
height: 450px; height: 150px;
background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(200, 220, 240, 0.4) 100%); background: rgba(255, 255, 255, 0.2);
top: -250px; top: -150px;
right: -100px; right: 0px;
animation: float 16s infinite ease-in-out; animation: float 16s infinite ease-in-out;
} }
.decoration-2 { .decoration-2 {
width: 400px; width: 200px;
height: 400px; height: 200px;
background: linear-gradient(135deg, rgba(200, 220, 240, 0.4) 0%, rgba(255, 255, 255, 0.3) 100%); background: rgba(255, 255, 255, 0.18);
bottom: -200px; bottom: -100px;
left: -100px; left: -50px;
animation: float 12s infinite ease-in-out; animation: float 12s infinite ease-in-out;
} }
.decoration-3 { .decoration-3 {
width: 300px; width: 100px;
height: 300px; height: 100px;
background: linear-gradient(45deg, rgba(161, 196, 253, 0.3) 0%, rgba(194, 233, 251, 0.5) 100%); background: rgba(255, 255, 255, 0.15);
top: 50%; top: 50%;
right: 50px; right: 50px;
animation: float 8s infinite ease-in-out; animation: float 8s infinite ease-in-out;
@ -199,9 +194,7 @@ export default {
border-radius: 3px; border-radius: 3px;
overflow: hidden; overflow: hidden;
border-radius: 3%; border-radius: 3%;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); background: rgba(255, 255, 255, 0.95);
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(8px);
.title { .title {
display: flex; display: flex;

Write Preview
Loading…
Cancel
Save