weapp/game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改顶部跑马灯的样式

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/z-scroll-text.wpy
View File

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

2
src/pages/index.wpy
View File

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

6
src/style/z-scroll-text.less
View File

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