56 lines
3.8 KiB
Plaintext
56 lines
3.8 KiB
Plaintext
<view class="container">
|
|
<wall bind:__l="__l" isRedirect="{{0}}" item="{{item}}" vueId="51fddf79-1"></wall>
|
|
<uni-section bind:__l="__l" title="评论" type="line" vueId="51fddf79-2" vueSlots="{{['default']}}">
|
|
<view class="uni-flex uni-row">
|
|
<view class="flex-item-avatar">
|
|
<image class="_img" src="{{comment.user.avatar}}"></image>
|
|
</view>
|
|
<view class="flex-item-content">
|
|
<view class="uni-flex uni-row line-header">
|
|
<view class="username">{{comment.user.nick_name}}</view>
|
|
<view class="user-zan">
|
|
<uni-icons bind:__l="__l" color="{{comment.is_like==1?'#007aff':'#999'}}" size="18" type="hand-up" vueId="{{'51fddf79-3'+','+'51fddf79-2'}}"></uni-icons>
|
|
<text style="{{comment.is_like==1?focusColor:normalColor}}" wx:if="{{comment.like_num==0}}">赞</text>
|
|
<text style="{{comment.is_like==1?focusColor:normalColor}}" wx:if="{{comment.like_num>0}}">{{comment.like_num}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="container-text">
|
|
<text>{{comment.content}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</uni-section>
|
|
<uni-section bind:__l="__l" title="全部回复" type="line" vueId="51fddf79-4" vueSlots="{{['default']}}">
|
|
<reply bind:__l="__l" bind:showComment="__e" class="uni-flex uni-row" data-event-opts="{{[ [ '^showComment',[ ['childCall'] ] ] ]}}" detail_id="{{comment.id}}" item="{{reply}}" vueId="{{'51fddf79-5-'+__i0__+','+'51fddf79-4'}}" wx:for="{{replyObj.list}}" wx:for-index="__i0__" wx:for-item="reply"></reply>
|
|
<view class="listDesc">{{replyObj.message}}</view>
|
|
</uni-section>
|
|
<view style="height:100px;"></view>
|
|
<view class="uni-flex uni-row bottom-actions">
|
|
<view class="bottom-comment-wrap">
|
|
<input bindtap="__e" class="uni-input bottom-comment" data-event-opts="{{[ [ 'tap',[ [ 'showCommentWrap',['$0',0],['comment.id'] ] ] ] ]}}" placeholder="友善评论"></input>
|
|
</view>
|
|
<view class="card-actions" slot="actions">
|
|
<view class="card-actions-item">
|
|
<uni-icons bind:__l="__l" color="#999" size="18" type="chatbubble" vueId="51fddf79-6"></uni-icons>
|
|
<text class="card-actions-item-text">{{item.comment_num}}</text>
|
|
</view>
|
|
<view class="card-actions-item">
|
|
<uni-icons bind:__l="__l" color="#999" size="18" type="redo" vueId="51fddf79-7"></uni-icons>
|
|
<text class="card-actions-item-text">{{item.share_num}}</text>
|
|
</view>
|
|
<view class="card-actions-item">
|
|
<uni-icons bind:__l="__l" color="#999" size="18" type="heart" vueId="51fddf79-8"></uni-icons>
|
|
<text class="card-actions-item-text">{{item.like_num}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="uni-flex uni-column bottom-actions comment-action-wrap" wx:if="{{showComment}}">
|
|
<textarea bindautoFocus="__e" bindinput="__e" class="comment-textarea" data-event-opts="{{[ [ 'auto-focus',[ [ 'e0',['$event'] ] ] ],[ 'input',[ [ '__set_model',[ '$0','content','$event',[] ],['baseForm'] ] ] ] ]}}" maxlength="255" placeholder="评论连接你我他，文明靠大家" value="{{baseForm.content}}"></textarea>
|
|
<view class="comment-button-wrap">
|
|
<button bindtap="__e" class="flex-item" data-event-opts="{{[ [ 'tap',[ ['addComment'] ] ] ]}}" size="mini" type="primary">提交</button>
|
|
<button bindtap="__e" class="flex-item" data-event-opts="{{[ [ 'tap',[ ['cancelComment'] ] ] ]}}" size="mini" type="default">取消</button>
|
|
</view>
|
|
</view>
|
|
<boot-nav bind:__l="__l" nav="wall" vueId="51fddf79-9"></boot-nav>
|
|
</view>
|