点击登录

问答 vela开发中text组件和scroll组件问题求助

  • 主题发起人 主题发起人 4zyz4
  • 开始时间 开始时间

4zyz4

Lv.0
社区会员
AIoT-IDE: 1.7.0
AIoT-toolkit: 2.0.5
镜像: vela-watch-5.0 212x520

问题:在scroll组件中嵌套text组件,scroll无法正常使用

<template>
<scroll class="text-scroll" scroll-y="true" @scroll="onScroll" onclick="toggleInputMethod" id="textScroll" bounces="true">
<text class="text-content">{{displayText}}</text>
</scroll>
</template>

<style>
.text-scroll {
flex: 1;
padding: 20px;
}
.text-content {
font-size: 26px;
color: #ffffff;
width: 100%;
text-align: left;
lines: -1;
}
</style>

text组件在显示了超过屏幕的内容后被截断了,scroll没有生效
有大佬知道怎么解决吗?
 
最后编辑:
.text-scroll {

align-items: flex-start; // 加上这个样式

}
 
最后编辑:

*这是一则由 Google AdSense 自动推荐的广告,与本站无关,不对其真实性与可靠性负责

Users who are viewing this thread

Home 首页
Home 资源
News 发现
Account 我的
顶部