1.html
<div class="scrollTxtWarp">
<div :class="topState ?'scrollTxt top30':'scrollTxt'">
<p v-for="(item,idx) in listNav2" :key="idx" @click="openNewDialog('wj')"><img src="../../../assets/images/aqgkWj.png" alt="" />文字内容{{item.wjmc}}</p>
</div>
</div>
2.css
.scrollTxtWarp{
height: 40px;
overflow: hidden;
}.scrollTxt p{
height: 40px;
line-height: 40px;
font-size: 16px;
text-align: left;
margin: 0px;
cursor: pointer;
}
.top30{
transition: all 0.5s;
margin-top: -30px;
}