小程序中不能使用js动态的去改变前端页面的数据和元素,只能通过动态数据的型式来实现类似功能。
效果图:
不能用 $(this).html() 这样方便的方法去实现这样的效果,一时没有思路,结合之前做轮播图自适应的功能,想到可以用类似的做法,利用动态数据去实现。
代码部分:
<view class='repaly-box'>
<view class='reply-num'>
共 {
{totalCount}} 条回复
</view>
<view class='bt'></view>
<view class='reply-rows' wx:for="{
{rows}}" wx:key="index">
<view class='reply-line'>
<view class='reply-user-small-face'>
<image src="{
{item.replyUserFace}}" class='reply-small-face'></image>
</view>
<view class='reply-user-name'>{
{item.