453 lines
20 KiB
Plaintext
453 lines
20 KiB
Plaintext
<view class="microcommentdetails">
|
|
<view id="cart" catchtap="gotoCart" class="{{hoet?'hoet':''}}">
|
|
<view id="back">
|
|
<icon class="iconfont icon-ai-home"></icon>
|
|
</view>
|
|
</view>
|
|
<!-- <view id="member" class="{{hoet?'hoet':''}}">
|
|
<view id="back" style="position: relative;">
|
|
<icon class="iconfont icon-fenxiang"></icon>
|
|
<button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" open-type="share"></button>
|
|
</view>
|
|
</view> -->
|
|
<view class="header"></view>
|
|
<view class="banner" wx:if="{{detailsData.has_many_image}}">
|
|
<swiper indicator-dots="{{false}}" bindchange="bindChangeBannerIndex" autoplay="{{false}}"
|
|
style='height:{{Height}}'>
|
|
<block wx:for="{{detailsData.has_many_image}}" wx:key="index">
|
|
<swiper-item>
|
|
<view class="centerbanner">
|
|
<image src="{{item.url}}" mode='widthFix' bindload='imgHeight' />
|
|
</view>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
<view class="bannerindex" wx:if="{{detailsData.has_many_image.length}}">
|
|
{{ bannerindex + "/" + detailsData.has_many_image.length }}
|
|
</view>
|
|
</view>
|
|
<view class="details_show">
|
|
<view class="user_message">
|
|
<view class="user_left" catchtap="gotoHome" data-id="{{detailsData.has_one_stick_user.uid}}">
|
|
<view class="pic" wx:if="{{detailsData.has_one_stick_user}}">
|
|
<image src="{{detailsData.has_one_stick_user.avatar}}" mode='widthFix' />
|
|
</view>
|
|
<view class="name_right">
|
|
<view class="name" wx:if="{{detailsData.has_one_stick_user}}">
|
|
{{ detailsData.has_one_stick_user.nickname }}
|
|
</view>
|
|
<view class="createdata">{{ detailsData.created_at }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="uset_right">
|
|
<view class="attention" catchtap="attentionBtn" wx:if="{{detailsData.is_own!=1}}">
|
|
{{ detailsData.is_follow ? "已关注" : "关注" }}
|
|
</view>
|
|
<view class="more" wx:if="{{readertype != 1}}" catchtap="managementBtn">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_more@2x.png" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="article_title">{{ detailsData.title }}</view>
|
|
<view class="article">
|
|
<block wx:if="{{showRich}}">
|
|
<rich-text nodes="{{detailsData.contents}}"></rich-text>
|
|
</block>
|
|
<block wx:if="{{!showRich}}">
|
|
<text wx:for="{{detailsData.contents}}">{{item}}</text>
|
|
</block>
|
|
</view>
|
|
|
|
<view style="margin: 0 0 12px 12px;">
|
|
<audioSlider src='{{item.file}}' duration='{{item.duration}}' wx:for="{{detailsData.audio_src}}"></audioSlider>
|
|
</view>
|
|
|
|
<view class="article_label">
|
|
<view class="ul">
|
|
<view class="li">#{{ detailsData.cat_name }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="loca_information">
|
|
<view class="localeft">
|
|
<view class="letimg" wx:if="{{detailsData.address}}">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/publish_add_address@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="addressname">{{ detailsData.address }}</view>
|
|
</view>
|
|
<view class="locaright">
|
|
浏览：{{ detailsData.browse_num ? detailsData.browse_num : 0 }}
|
|
</view>
|
|
</view>
|
|
<view class="showmessage">
|
|
<view class="content">
|
|
<view class="shopshow" wx:if="{{detailsData.has_one_store}}" data-id="{{detailsData.has_one_store.arr.id}}"
|
|
catchtap="toShop">
|
|
<view class="leftimg">
|
|
<image src="{{detailsData.has_one_store.arr.thumb}}" mode='widthFix' />
|
|
</view>
|
|
<view class="shopright">
|
|
<view class="name">
|
|
{{ detailsData.has_one_store.arr.store_name }}
|
|
</view>
|
|
<view class="start_1">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/collect.png" mode='widthFix' />
|
|
</view>
|
|
<view class="fobottom">
|
|
<view class="area">
|
|
{{ detailsData.has_one_store.arr.address }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsshow" wx:if="{{detailsData.has_one_goods}}" data-good_id="{{detailsData.has_one_goods.id}}"
|
|
catchtap="toGood">
|
|
<view class="leftimg">
|
|
<image src="{{detailsData.has_one_goods.thumb}}" mode='widthFix' />
|
|
</view>
|
|
<view class="goodright">
|
|
<view class="goodsname">
|
|
<view class="good-title">{{ detailsData.has_one_goods.title }}</view>
|
|
<view class="do-btn" catchtap="helpPay"
|
|
wx:if="{{detailsData.wish_state == 1 && detailsData.order_id != 0}}">帮他完成心愿</view>
|
|
</view>
|
|
<view class="fobottom">
|
|
<view class="foleft">
|
|
<view class="pic">{{language['money']}}{{ detailsData.has_one_goods.price }}</view>
|
|
<view class="delpic">
|
|
{{language['money']}}{{ detailsData.has_one_goods.market_price }}
|
|
</view>
|
|
</view>
|
|
<view class="foright">
|
|
<view class="sold">
|
|
已售{{ detailsData.has_one_goods.show_sales }}件
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="comment_display">
|
|
<view class="comment_top">
|
|
<view class="title">
|
|
评论({{ detailsData.comments_num ? detailsData.comments_num : 0 }})
|
|
</view>
|
|
<view class="reply" catchtap="subMainCommentBtn">
|
|
<view class="reply_left">
|
|
<image src="{{detailsData.has_one_stick_user.avatar}}" mode='widthFix' />
|
|
</view>
|
|
<view class="reply_right">
|
|
来都来了，留点什么吧...
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="comment_bottom">
|
|
<view class="ul maincomment">
|
|
<view class="li" wx:for="{{StickCommentData}}" wx:key="index">
|
|
<view class="maincommentleft" catchtap="gotoHome" data-id="{{item.user_id}}"
|
|
data-secondcommentid="" data-uname="{{item.uname}}" data-content="{{item.content}}"
|
|
data-isown="{{item.is_own}}">
|
|
<image src="{{item.has_one_comment_user.avatar}}" mode='widthFix' />
|
|
</view>
|
|
<view class="maincommentright">
|
|
<view class="master_content" catchtap="replyCommentsBtn" data-hostcommentid="{{item.id}}"
|
|
data-secondcommentid="" data-uname="{{item.uname}}" data-content="{{item.content}}"
|
|
data-isown="{{item.is_own}}">
|
|
<view class="master_content_left">
|
|
<view class="name">{{ item.uname }}</view>
|
|
<view class="createdata">{{ item.created_at }}</view>
|
|
<view class="review_content">
|
|
{{ item.content }}
|
|
</view>
|
|
<view class="comment-img">
|
|
<view class="comment-img-child" wx:for-item="imgchild" wx:for="{{item.image}}" catchtap="openImgPreview"
|
|
data-imgs="{{item.image}}" data-activeImg="{{imgchild}}">
|
|
<image src="{{imgchild}}" alt="" mode='widthFix'/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="master_content_right">
|
|
<view class="reward-box" wx:if="{{item.is_own == 0 && detailsData.comment_open == 1}}" catchtap="moneyShow" data-type="1"
|
|
data-id="{{item.id}}" data-memberIMg="{{item.has_one_comment_user.avatar}}" data-name="{{item.uname}}">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_reward@2x.png"
|
|
mode='widthFix' />
|
|
</view>
|
|
<view class="thumb_up" catchtap="praiseBtn" data-hostcommentid="{{item.id}}" data-secondcommentid=""
|
|
data-index="{{index}}" data-chilindex="" data-ispraise="{{item.is_praise}}">
|
|
<view class="thumb_img">
|
|
<block wx:if="{{item.is_praise}}">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise_cur@2x.png"
|
|
mode='widthFix' />
|
|
</block>
|
|
<block wx:else>
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise@2x.png"
|
|
mode='widthFix' />
|
|
</block>
|
|
</view>
|
|
<view class="thumb_num">{{ item.praise_num }}</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<block wx:if="{{item.child}}" wx:for-index="childindex" wx:key="childindex" wx:for-item="childitem"
|
|
wx:for="{{item.child}}">
|
|
<view class="deputy_comment" >
|
|
<view class="deputy_comment_left" catchtap="gotoHome" data-id="{{childitem.user_id}}">
|
|
<image src="{{childitem.has_one_comment_user.avatar}}" mode='widthFix' />
|
|
</view>
|
|
<view class="deputy_comment_right" catchtap="replyCommentsBtn" data-hostcommentid="{{childitem.major_cm_id}}"
|
|
data-secondcommentid="{{childitem.id}}" data-uname="{{childitem.uname}}"
|
|
data-content="{{childitem.content}}" data-isown="{{childitem.is_own}}">
|
|
<view class="deputy_message">
|
|
<view class="name">{{ childitem.uname }}</view>
|
|
<view class="createdata">{{ childitem.created_at }}</view>
|
|
<view class="review_content">
|
|
<block wx:if="{{childitem.less_name}}">
|
|
回复<text class="span selecolor">{{
|
|
childitem.less_name
|
|
}}</text>
|
|
</block>
|
|
{{ childitem.content }}
|
|
</view>
|
|
<view class="comment-img">
|
|
<view class="comment-img-child" wx:for-item="childitemImg" wx:for="{{childitem.image}}" catchtap="openImgPreview"
|
|
data-imgs="{{childitem.image}}" data-activeImg="{{childitemImg}}">
|
|
<image src="{{childitemImg}}" alt="" mode='widthFix'/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="thumb_up" catchtap="praiseBtn" data-hostcommentid="{{childitem.major_cm_id}}"
|
|
data-secondcommentid="{{childitem.id}}" data-index="{{index}}" data-chilindex="{{childindex}}"
|
|
data-ispraise="{{childitem.is_praise}}">
|
|
<view class="thumb_img">
|
|
<block wx:if="{{childitem.is_praise}}">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise_cur@2x.png"
|
|
mode='widthFix' />
|
|
</block>
|
|
<block wx:else>
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise@2x.png"
|
|
mode='widthFix' />
|
|
</block>
|
|
</view>
|
|
<view class="thumb_num">{{ childitem.praise_num }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="multiple_comments" wx:if="{{mulcommentsshow&&(StickCommentData&&StickCommentData.length>0)}}"
|
|
catchtap="mulchMeatsShowBtn">
|
|
展开多条评论
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bottom_operation" style="{{iPnoneBottomBol?'padding-bottom: 34px;height: auto;':''}}">
|
|
<view class="content">
|
|
<view class="reply" catchtap="subMainCommentBtn">
|
|
<view class="reply_left">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_autograph@2x.png" mode='heightFix' />
|
|
</view>
|
|
<view class="reply_right">
|
|
说点什么...
|
|
</view>
|
|
</view>
|
|
|
|
<view class="appreciate" style="position: relative;" data-type="0" wx:if="{{reward_button==0}}">
|
|
<view class="appreciateimg">
|
|
<i class="iconfont icon-fenxiang" style="font-weight: bold;"></i>
|
|
</view>
|
|
<view class="appreciatenum">分享</view>
|
|
<button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" open-type="share"></button>
|
|
</view>
|
|
|
|
<view class="appreciate" catchtap="moneyShow" data-type="0" wx:if="{{reward_button==0}}">
|
|
<view class="appreciateimg">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_reward@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="appreciatenum">赞赏</view>
|
|
</view>
|
|
<view class="thumbup" catchtap="isPraiseBtn">
|
|
<view class="thumbupimg">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_praise@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="thumbupnum">{{ detailsData.praise_num }}</view>
|
|
</view>
|
|
<view class="comment">
|
|
<view class="commentimg">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_comment@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="commentnum">{{ detailsData.comments_num }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<van-popup show="{{mainCommentShow}}" position="bottom" overlay="{{true}}" bind:close="mainCommentShowClose">
|
|
<view class="replyMainComment">
|
|
<view class="left">
|
|
<textarea value="{{maincomment}}" auto-height placeholder="请留下你的精彩评论吧" bindinput="maincommentinp"/>
|
|
<view class="comment-img replyMainComment-img">
|
|
<view class="comment-img-child" wx:for-item="commentImg" wx:for="{{imgList}}" catchtap="openImgPreview"
|
|
data-activeImg="{{commentImg}}" data-imgs="{{imgList}}">
|
|
<image src="{{commentImg}}" alt="" mode='widthFix'/>
|
|
<icon class="iconfont icon-guanbi" data-index="{{index}}" catchtap="delCommentIMg"></icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="right" catchtap="subMainBtn">发送</view>
|
|
</view>
|
|
<view class="operate-boxs">
|
|
<view class="operate-btn" catchtap="uploaderFun">
|
|
<icon class="iconfont icon-ht_basis_singlepic"></icon>
|
|
</view>
|
|
</view>
|
|
</van-popup>
|
|
<van-popup show="{{replyshow}}" position="bottom" overlay="{{true}}" bind:close="replyshowClose">
|
|
<view class="replyComment">
|
|
<view class="top">
|
|
<view class="left">
|
|
回复<span class="selcolor">@{{ replyName }}</span>
|
|
</view>
|
|
</view>
|
|
<view class="replyMainComment">
|
|
<view class="left">
|
|
<textarea value="{{replyContent}}" auto-height placeholder="请输入你的回复吧" bindinput="replyContentinp"/>
|
|
<view class="comment-img replyMainComment-img">
|
|
<view class="comment-img-child" wx:for-item="commentImg" wx:for="{{imgList}}" catchtap="openImgPreview"
|
|
data-activeImg="{{commentImg}}" data-imgs="{{imgList}}">
|
|
<image src="{{commentImg}}" alt="" mode='widthFix'/>
|
|
<icon class="iconfont icon-guanbi" data-index="{{index}}" catchtap="delCommentIMg"></icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="right" catchtap="replySubmitBtn">发送</view>
|
|
</view>
|
|
<view class="operate-boxs">
|
|
<view class="operate-btn" catchtap="uploaderFun">
|
|
<icon class="iconfont icon-ht_basis_singlepic"></icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</van-popup>
|
|
<van-popup show="{{adminOperationshow}}" position="bottom" overlay="{{true}}" bind:close="adminOperationshowClose">
|
|
<view class="adminOperation">
|
|
<view class="recommend" catchtap="adminBtn" data-typenum="{{1}}">
|
|
<view class="recommend_left">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_recommend@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="recommend_right">
|
|
<text wx:if="{{recommend_flag==1}}">取消推荐</text>
|
|
<text wx:else>推荐</text>
|
|
</view>
|
|
</view>
|
|
<view class="top_set" catchtap="adminBtn" data-typenum="{{2}}">
|
|
<view class="top_set_left">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_roof@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="top_set_right">
|
|
<text wx:if="{{stick_flag==1}}">取消置顶</text>
|
|
<text wx:else>置顶</text>
|
|
</view>
|
|
</view>
|
|
<view class="re_edit" catchtap="reEditBtn">
|
|
<view class="re_edit_left">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_revise@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="re_edit_right">修改</view>
|
|
</view>
|
|
<view class="delete" catchtap="deleteBtn">
|
|
<view class="delete_left">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_delect@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="delete_right">删除</view>
|
|
</view>
|
|
<view class="cancel" catchtap="adCancel">取消</view>
|
|
</view>
|
|
</van-popup>
|
|
<van-popup show="{{releaseOperationshow}}" position="bottom" overlay="{{true}}"
|
|
bind:close="releaseOperationshowClose">
|
|
<view class="releaseOperation">
|
|
<view class="re_edit" catchtap="reEditBtn">
|
|
<view class="re_edit_left">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_revise@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="re_edit_right">修改</view>
|
|
</view>
|
|
<view class="delete" catchtap="deleteBtn">
|
|
<view class="delete_left">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_delect@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="delete_right">删除</view>
|
|
</view>
|
|
<view class="cancel" catchtap="reCancelBtn">取消</view>
|
|
</view>
|
|
</van-popup>
|
|
<van-popup show="{{amountRewardshow}}" position="bottom" overlay="{{true}}" bind:close="amountRewardshowClose">
|
|
<view class="amountReward">
|
|
<view class="close" catchtap="amountRewardshowbtn">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_clost@2x.png" mode='widthFix' />
|
|
</view>
|
|
<view class="usermessage">
|
|
<view class="top" wx:if="{{RewardMember.img}}">
|
|
<image src="{{RewardMember.img}}" mode='widthFix' />
|
|
</view>
|
|
<view class="name" wx:if="{{RewardMember.name}}">
|
|
{{ RewardMember.name }}
|
|
</view>
|
|
</view>
|
|
<view class="listAmounts">
|
|
<view class="title">请选择金额打赏</view>
|
|
<view class="ul">
|
|
<view class="li {{rewardArrselect == index?'sel':''}}" wx:for="{{rewardArr}}" catchtap="shorewardArrBtn"
|
|
data-index="{{index}}" wx:key="index">
|
|
{{language['money']}}{{ item.name }}
|
|
<view class="selimg" wx:if="{{rewardArrselect == index}}">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/detail_btn_cur@2x.png" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="custom_amount">
|
|
<view class="top">自定义金额打赏</view>
|
|
<view class="bottom">
|
|
<input value="{{rewardArrmoney}}" type="digit" name="" placeholder="请输入要打赏的金额" bindinput="rewardArrmoneyinp" />
|
|
</view>
|
|
</view>
|
|
<view class="confirmReward" catchtap="confirmRewardBtn">确认打赏</view>
|
|
</view>
|
|
</van-popup>
|
|
<van-popup show="{{rewardPayshow}}" position="bottom" overlay="{{true}}" bind:close="rewardPayshowClose">
|
|
<view class="rewardPay">
|
|
<view class="payMode">
|
|
<view class="ul">
|
|
<view class="li" data-info="{{item}}" catchtap="payBtn" wx:for="{{btnData}}" wx:key="index">
|
|
{{ item.name }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="cancel" catchtap="rewardPayCancelBtn">取消</view>
|
|
</view>
|
|
</van-popup>
|
|
<van-popup show="{{commentManagement}}" position="bottom" overlay="{{true}}" bind:close="commentManagementClose">
|
|
<view class="rewardPay">
|
|
<view class="content">
|
|
<text class="span">{{ replyName }}:</text>{{ replyshowcontent }}
|
|
</view>
|
|
<view class="payMode">
|
|
<view class="ul">
|
|
<view class="li" catchtap="replyBtn">回复</view>
|
|
<view class="li" catchtap="delBtn" wx:if="{{is_own}}">删除</view>
|
|
</view>
|
|
</view>
|
|
<view class="cancel" catchtap="replyCancelBtn">取消</view>
|
|
</view>
|
|
</van-popup>
|
|
|
|
<pay-keyboard show="{{popupSpecs}}" wx:if="{{popupSpecs}}" bindclose="payKeyboardClose" bindcomplete="payKeyboardComplete"></pay-keyboard>
|
|
</view>
|