taishi

src/views/taishi/index.vue

@@ -881,22 +881,22 @@
           <div class="right1-main">
             <div class="right2-main-title">
               <p>
-                <span style="width:15%;">序号</span>
+                <span>序号</span>
                 <span>防疫名称</span>
                 <span>防疫数量</span>
               </p>
             </div>
             <vueSeamlessScroll
-              :data="djlslist"
+              :data="fylist"
               class="seamless-warp"
-              :class-option="defaultOption"
+              :class-option="defaultOption2"
             >
               <div
                 class="right2-main-box"
                 v-for="(item, index) in fylist"
                 :key="index"
               >
-                <span style="color: #fff; font-size: 12px;width:15%;">
+                <span style="color: #fff; font-size: 12px;">
                   {{ index }}
                 </span>
                 <span>{{item.durgName}}</span>
@@ -1979,6 +1979,18 @@ export default {
         singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
         waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
       };
+    },
+    defaultOption2() {
+      return {
+        step: 0.2, // 数值越大速度滚动越快
+        limitMoveNum: this.fylist.length, // 开始无缝滚动的数据量 this.dataList.length
+        hoverStop: true, // 是否开启鼠标悬停stop
+        direction: 1, // 0向下 1向上 2向左 3向右
+        openWatch: true, // 开启数据实时监控刷新dom
+        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
+      };
     }
   },
   destroyed() {
@@ -2542,11 +2554,16 @@ export default {
 }
 .right1-main {
   width: 100%;
-  height: 85%;
+  height: 90%;
+  margin: 0;
+  padding: 0;
 }
 .right1-main-title {
   width: 100%;
   height: 30px;
+  margin: 0;
+  padding: 0;
+  margin-top: -15px;
 }
 .right1-main-title p {
   width: 100%;
@@ -2558,13 +2575,14 @@ export default {
   display: inline-block;
   text-align: center;
   line-height: 30px;
-  font-size: 12px;
+  font-size: 14px;
   color: #fff;
 }
 
 .right2-main-title {
   width: 100%;
   height: 30px;
+  margin-top: -15px;
 }
 .right2-main-title p {
   width: 100%;
@@ -2572,11 +2590,11 @@ export default {
   list-style: none;
 }
 .right2-main-title p span {
-  width: 40%;
+  width: 33.3%;
   display: inline-block;
   text-align: center;
   line-height: 30px;
-  font-size: 12px;
+  font-size: 14px;
   color: #fff;
 }
 .right2 {
@@ -2765,7 +2783,7 @@ export default {
   height: 30px;
 }
 .seamless-warp .right2-main-box span {
-  width: 40%;
+  width: 33.3%;
   display: inline-block;
   text-align: center;
   line-height: 30px;