feat(LiveRoom): 添加当前价和下口价滚动文本
- 在 LiveRoom 组件中添加当前价和下口价的滚动文本效果 - 使用 van-rolling-text 组件实现数字滚动动画 - 通过 CSS 调整滚动文本的样式,使其宽度适应内容
This commit is contained in:
parent
493a30f4d5
commit
0c721c03d8
@ -15,6 +15,11 @@
|
|||||||
<div class="text-#2B53AC text-10px">开启出价</div>
|
<div class="text-#2B53AC text-10px">开启出价</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="absolute">
|
||||||
|
<div>当前价:RMB <van-rolling-text :start-num="0" :target-num="3000" direction="up" /></div>
|
||||||
|
<div>下口价:RMB <van-rolling-text :start-num="0" :target-num="3500" direction="up" /></div>
|
||||||
|
<div></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
@ -23,6 +28,9 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
:deep(.van-rolling-text-item){
|
||||||
|
width: fit-content!important;
|
||||||
|
}
|
||||||
video {
|
video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
Loading…
Reference in New Issue
Block a user