commit

朱桂飞

2023-03-22 4434c41562f18959967a957f09c795f0c24f3b70

 pages/analy/analyList.vue

@@ -126,19 +126,19 @@


   .danmu_bg {

      width: 100vw;

      min-height: 100vh;

      height: 100vh;



      .barrage-box {

         width: 100vh;

         height: 100vw;

         transform-origin: 50vw 50vw;

         transform: rotate(90deg);

         white-space: nowrap;

         display: flex;

         justify-content: start;

         align-items: flex-start;

         /* 设置基准点为左上角 */

         transform-origin: top left;

         /* 以左上角为基准点，顺时针旋转90度 然后沿Y轴反方向平移100% */

         /* 为什么沿Y轴，因为旋转使坐标轴方向发生了变化 */

         transform: rotate(90deg) translateY(-100%);

         /*设置元素的宽度为 100%父元素的高度 并提高样式优先级 */

         width: 100vh !important;

         /*设置元素的宽度为 100%父元素的宽度  并提高样式优先级 */

         height: 100vw !important;

         overflow: scroll;

         animation: aniShake 0.5s linear infinite;

      }

   }

</style>