修改顶部跑马灯的样式

This commit is contained in:
zhl 2019-04-22 20:00:19 +08:00
parent aebeda8107
commit 60d2a74fc5
3 changed files with 6 additions and 4 deletions

View File

@ -3,7 +3,7 @@
</style>
<!--跑马灯文字-->
<template>
<view animation="{{displayAnimationData}}" class="scroll-container ">
<view animation="{{displayAnimationData}}" class="scroll-container error">
<text class="scroll-content" decode="{{true}}" style="right:{{announZf}}{{announNum}}px">{{title}}</text>
<view class="scroll-icon left">
<i class="icon-bullhorn"></i>

View File

@ -137,7 +137,7 @@
this.$toGameInfo(gid);
},
async toSearch() {
this.showScollText('你已成功领取100元代金券点击查看详情想看就看你已成功领取100元代金券点击查看详情想看就看你已成功领取100元代金券点击查看详情想看就看');
this.showScollText('1. 你已成功领取100元代金券点击查看详情想看就看; 2. 你已成功领取100元代金券点击查看详情想看就看; 3. 你已成功领取100元代金券点击查看详情想看就看;');
// wepy.navigateTo({
// url: '/pages/search'
// })

View File

@ -1,5 +1,5 @@
@zScrollBarHeight: 60rpx;
@zScrollBarBackColor: green;
@zScrollBarBackColor: #dff0d8;
.scroll-container {
display: block;
position: fixed;
@ -18,6 +18,7 @@
position: absolute;
top: 0;
font-size: 14px;
color: #3c763d;
}
.scroll-container .scroll-icon {
background-color: @zScrollBarBackColor;
@ -29,9 +30,10 @@
}
.scroll-container .left {
left: 0;
color: #3c763d;
}
.scroll-container .right {
right: 0;
color: red;
color: #FF6600;
}