bhd-components 0.9.9 → 0.9.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.esm.es5.development.css +1107 -1106
- package/dist/index.esm.es5.development.js +13 -6
- package/dist/index.esm.es5.production.css +1 -1
- package/dist/index.esm.es5.production.js +1 -1
- package/dist/vendor.esm.es5.development.js +1 -1
- package/dist/vendor.esm.es5.production.js +1 -1
- package/es2017/bhdAppLayout/index.module.less +2 -1
- package/es2017/customerService/index.js +11 -4
- package/es2017/customerService/index.module.less +1 -1
- package/es2017/customerService/index2.module.less +1 -1
- package/esm/bhdAppLayout/index.module.less +2 -1
- package/esm/customerService/index.js +11 -4
- package/esm/customerService/index.module.less +1 -1
- package/esm/customerService/index2.module.less +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
flex-direction: column;
|
|
5
5
|
height: calc(100vh - 60px);
|
|
6
6
|
background-color: #fff;
|
|
7
|
+
position: relative;
|
|
7
8
|
:global {
|
|
8
9
|
}
|
|
9
10
|
.bhd_app_layout_header {
|
|
@@ -82,7 +83,7 @@
|
|
|
82
83
|
.bhd_app_layout_footer {
|
|
83
84
|
width: calc(100% - 60px);
|
|
84
85
|
height: 56px;
|
|
85
|
-
position:
|
|
86
|
+
position: absolute;
|
|
86
87
|
z-index: 10;
|
|
87
88
|
bottom: 0;
|
|
88
89
|
display: flex;
|
|
@@ -2263,11 +2263,11 @@ const CustomerService = (props)=>{
|
|
|
2263
2263
|
if (dom) {
|
|
2264
2264
|
const con_h = document.getElementById('chat_content').clientHeight - 24; //滚动区域的高度
|
|
2265
2265
|
const rectY = dom.getBoundingClientRect().y - 48;
|
|
2266
|
-
const h = dom.clientHeight; //当前元素高度
|
|
2266
|
+
const h = dom.clientHeight + 24; //当前元素高度
|
|
2267
2267
|
const topDom = dom.getElementsByClassName('operate_modal_showtop')[0];
|
|
2268
2268
|
const bottomDom = dom.getElementsByClassName('operate_modal_showbottom')[0];
|
|
2269
2269
|
if (topDom && bottomDom) {
|
|
2270
|
-
|
|
2270
|
+
console.log(h, con_h, rectY);
|
|
2271
2271
|
if (rectY > 0) {
|
|
2272
2272
|
topDom.style.cssText = "";
|
|
2273
2273
|
bottomDom.style.cssText = "visibility: hidden;";
|
|
@@ -2277,8 +2277,15 @@ const CustomerService = (props)=>{
|
|
|
2277
2277
|
bottomDom.style.cssText = "";
|
|
2278
2278
|
}
|
|
2279
2279
|
} else {
|
|
2280
|
-
|
|
2281
|
-
|
|
2280
|
+
// 上下都不显示
|
|
2281
|
+
if (h > con_h && h - con_h > Math.abs(rectY)) {
|
|
2282
|
+
console.log('rerererererer');
|
|
2283
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2284
|
+
bottomDom.style.cssText = `top:${-(h + rectY - 51)}px`;
|
|
2285
|
+
} else {
|
|
2286
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2287
|
+
bottomDom.style.cssText = "";
|
|
2288
|
+
}
|
|
2282
2289
|
}
|
|
2283
2290
|
}
|
|
2284
2291
|
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
flex-direction: column;
|
|
5
5
|
height: calc(100vh - 60px);
|
|
6
6
|
background-color: #fff;
|
|
7
|
+
position: relative;
|
|
7
8
|
:global {
|
|
8
9
|
}
|
|
9
10
|
.bhd_app_layout_header {
|
|
@@ -82,7 +83,7 @@
|
|
|
82
83
|
.bhd_app_layout_footer {
|
|
83
84
|
width: calc(100% - 60px);
|
|
84
85
|
height: 56px;
|
|
85
|
-
position:
|
|
86
|
+
position: absolute;
|
|
86
87
|
z-index: 10;
|
|
87
88
|
bottom: 0;
|
|
88
89
|
display: flex;
|
|
@@ -2312,11 +2312,11 @@ var CustomerService = function(props) {
|
|
|
2312
2312
|
if (dom) {
|
|
2313
2313
|
var con_h = document.getElementById("chat_content").clientHeight - 24; //滚动区域的高度
|
|
2314
2314
|
var rectY = dom.getBoundingClientRect().y - 48;
|
|
2315
|
-
var h = dom.clientHeight; //当前元素高度
|
|
2315
|
+
var h = dom.clientHeight + 24; //当前元素高度
|
|
2316
2316
|
var topDom = dom.getElementsByClassName("operate_modal_showtop")[0];
|
|
2317
2317
|
var bottomDom = dom.getElementsByClassName("operate_modal_showbottom")[0];
|
|
2318
2318
|
if (topDom && bottomDom) {
|
|
2319
|
-
|
|
2319
|
+
console.log(h, con_h, rectY);
|
|
2320
2320
|
if (rectY > 0) {
|
|
2321
2321
|
topDom.style.cssText = "";
|
|
2322
2322
|
bottomDom.style.cssText = "visibility: hidden;";
|
|
@@ -2326,8 +2326,15 @@ var CustomerService = function(props) {
|
|
|
2326
2326
|
bottomDom.style.cssText = "";
|
|
2327
2327
|
}
|
|
2328
2328
|
} else {
|
|
2329
|
-
|
|
2330
|
-
|
|
2329
|
+
// 上下都不显示
|
|
2330
|
+
if (h > con_h && h - con_h > Math.abs(rectY)) {
|
|
2331
|
+
console.log("rerererererer");
|
|
2332
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2333
|
+
bottomDom.style.cssText = "top:".concat(-(h + rectY - 51), "px");
|
|
2334
|
+
} else {
|
|
2335
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2336
|
+
bottomDom.style.cssText = "";
|
|
2337
|
+
}
|
|
2331
2338
|
}
|
|
2332
2339
|
}
|
|
2333
2340
|
}
|