公告文字滚动显示不全及速度修改

season
1 parent c97e6425
Showing 2 changed files with 7 additions and 5 deletions
components/diy_notice/diy_notice.wxml
components/diy_notice/diy_notice.wxss
@@ -4,9 +4,9 @@
             <image class="image_c" src="/public/static/images/model/notice.png"></image>
             <view class="marquee">
                 <view class="content">
-                    <text style="color: {{object.notice_color}}">{{object.noticetxt}}</text> <text style="display: inline-block; width: 590rpx;"></text>
-                    <text style="color: {{object.notice_color}}">{{object.noticetxt}}</text> <text style="display: inline-block; width: 590rpx;"></text>
-                    <text style="color: {{object.notice_color}}">{{object.noticetxt}}</text> <text style="display: inline-block; width: 590rpx;"></text>
+                    <text style="color: {{object.notice_color}}">{{object.noticetxt}}</text> <text style="display: inline-block; width: 590rpx;line-height:30rpx;"></text>
+                    <text style="color: {{object.notice_color}}">{{object.noticetxt}}</text> <text style="display: inline-block; width: 590rpx;line-height:30rpx;"></text>
+                    <text style="color: {{object.notice_color}}">{{object.noticetxt}}</text> <text style="display: inline-block; width: 590rpx;line-height:30rpx;"></text>
                 </view>
             </view>
         </view>
@@ -39,7 +39,7 @@
   white-space: nowrap;
   text-overflow: clip;
   position: relative;
-  font-size: 28rpx;
+  font-size: 24rpx;
   margin-left: 50rpx;
   margin-top: -45rpx;
 }
@@ -47,8 +47,10 @@
   display: inline-block;
   position: relative;
   padding-right: 0px;
-  animation: kf-marque-animation 4.5s linear infinite;
+  animation: kf-marque-animation 20s linear infinite;
   white-space: nowrap;
+  line-height: 2rpx;font-size: 24rpx;
+
 }
 .pd_top10{margin: 10rpx 0}