Browse Source

细节优化

master
xsx 10 months ago
parent
commit
b9576e56b7
  1. 2
      im-uniapp/components/head-image/head-image.vue
  2. 64
      im-uniapp/components/long-press-menu/long-press-menu.vue
  3. 2
      im-uniapp/pages/chat/chat-box.vue

2
im-uniapp/components/head-image/head-image.vue

@ -1,5 +1,5 @@
<template> <template>
<view class="head-image" @click="showUserInfo($event)" :title="name"> <view class="head-image none-pointer-events" @click="showUserInfo($event)" :title="name">
<image class="avatar-image" v-if="url" :src="url" :style="avatarImageStyle" lazy-load="true" <image class="avatar-image" v-if="url" :src="url" :style="avatarImageStyle" lazy-load="true"
mode="aspectFill" /> mode="aspectFill" />
<view class="avatar-text" v-if="!url" :style="avatarTextStyle"> <view class="avatar-text" v-if="!url" :style="avatarTextStyle">

64
im-uniapp/components/long-press-menu/long-press-menu.vue

@ -1,5 +1,5 @@
<template> <template>
<view> <view class="long-press-menu none-pointer-events">
<view @longpress.stop="onLongPress($event)" @touchmove="onTouchMove" @touchend="onTouchEnd"> <view @longpress.stop="onLongPress($event)" @touchmove="onTouchMove" @touchend="onTouchEnd">
<slot></slot> <slot></slot>
</view> </view>
@ -81,40 +81,42 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.menu-mask { .long-press-menu {
position: fixed; .menu-mask {
left: 0; position: fixed;
top: 0; left: 0;
right: 0; top: 0;
bottom: 0; right: 0;
width: 100%; bottom: 0;
height: 100%; width: 100%;
z-index: 999; height: 100%;
} z-index: 999;
}
.menu { .menu {
position: fixed; position: fixed;
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
background-color: #fff; background-color: #fff;
z-index: 1000; z-index: 1000;
box-shadow: $im-box-shadow-dark; box-shadow: $im-box-shadow-dark;
.menu-item { .menu-item {
height: 28px; height: 28px;
min-width: 120rpx; min-width: 120rpx;
line-height: 28px; line-height: 28px;
font-size: $im-font-size-small; font-size: $im-font-size-small;
display: flex; display: flex;
padding: 6px 20px; padding: 6px 20px;
justify-content: flex-start; justify-content: flex-start;
&:hover { &:hover {
background: $im-bg-active; background: $im-bg-active;
} }
.menu-icon { .menu-icon {
margin-right: 10rpx; margin-right: 10rpx;
}
} }
} }
} }

2
im-uniapp/pages/chat/chat-box.vue

@ -129,7 +129,7 @@ export default {
scrollMsgIdx: 0, // scrollMsgIdx: 0, //
chatTabBox: 'none', chatTabBox: 'none',
showRecord: false, showRecord: false,
chatMainHeight: 0, // chatMainHeight: 800, //
keyboardHeight: 290, // keyboardHeight: 290, //
windowHeight: 1000, // windowHeight: 1000, //
initHeight: 1000, // h5 initHeight: 1000, // h5

Loading…
Cancel
Save