大屏

jiangping

2023-08-23 f4738d9ad0705818fe251f5c50c8845637abec73

大屏

 screen_standard/src/views/index.vue

@@ -745,12 +745,15 @@
    scrollDom = scrollContainer3.value
  } else {
    // 如果列表数量过少不进行滚动
    if (scrollDom.children.length <= 5) {
    let num = scrollContainer3.value.offsetHeight / 35;
    // alert(scrollDom.children.length  +"---------------"+num)
    // 如果列表数量过少不进行滚动
    if (scrollDom.children.length <= num) {
      clearTimeout(timer3.value)
      return
    }
    // 组件进行滚动
    scrollDom.scrollTop += 1
    scrollDom.scrollTop = scrollDom.scrollTop+2
    // 判断是否滚动到底部
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight)) {
      // 获取组件第一个节点
@@ -769,15 +772,18 @@
  if (scrollDom.offsetHeight == 0) {
    scrollDom = scrollContainer4.value
  } else {
    // console.log(bottom1.value.height);
    let num = scrollContainer4.value.offsetHeight / 35;
    // alert(scrollDom.children.length  +"---------------"+num)
    // 如果列表数量过少不进行滚动
    if (scrollDom.children.length < 5) {
    if (scrollDom.children.length <= num) {
      clearTimeout(timer4.value)
      return
    }
    // 组件进行滚动
    scrollDom.scrollTop += 1
    scrollDom.scrollTop += 2
    // 判断是否滚动到底部
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight)) {
    if (scrollDom.scrollTop <(scrollDom.scrollHeight - scrollDom.clientHeight)) {
      // 获取组件第一个节点
      let first = scrollDom.children[0]
      // 删除节点
@@ -812,7 +818,7 @@
    margin-right: 20px;
    .content_left_item1 {
      width: 100%;
      height:  calc(100vh - 700px);
      height:  calc(100vh - 690px);
    //  height: 284px;
      margin-bottom: 20px;
      .content_left_item1_head {
@@ -837,7 +843,7 @@

      .content_left_item1_content {
        width: 100%;
        height: 246px;
        height: calc(100% - 38px);
        padding: 20px;
        overflow: hidden;
        box-sizing: border-box;
@@ -974,7 +980,7 @@

        .main_container {
          width: 100%;
          height: calc(100% - 35px);
          height: calc(100% - 38px);

          .scroll_container {
            width: 100%;
@@ -1286,7 +1292,7 @@
    .content_center_bottom {
      width: 100%;
     // height: 284px;
      height:  calc(100vh - 700px);
      height:  calc(100vh - 690px);
      flex: 2;
      .content_center_bottom_head {
        width: 100%;
@@ -1472,7 +1478,7 @@
      width: 100%;
     // height: 284px;

      height:  calc(100vh - 700px);
      height:  calc(100vh - 690px);
      .content_right_bottom_head {
        width: 100%;
        height: 38px;