记录下最近做的东西微信小程序仿微信朋友圈支持点赞取消点赞，评论回复评论删除评，删除朋友圈发布朋友圈查看@消息等功能

请添加图片描述

<movable-area class="w100_ h100_"><scroll-view scroll-y="true" refresher-enabled="true" bindrefresherrefresh="bindNewDataList" bindscrolltolower="bindAddDataList" refresher-triggered="{{DataListTriggered}}" style="height: {{IphoneHeight-100}}rpx;"><view class=" bacfff" wx:if="{{ type==0&&UnReadAll}}"><view class="flexfff2 baColor1 boRadius_10" style="width: 250rpx; margin: 0 auto;" bindtap="message"><image class="FLastPhoto ptb10 ml10 br8rpx" src="{{FLastPhoto}}"></image><view class="textColorWhite ml20">{{UnReadAll}}条未读消息</view></view></view><view class=" bacfff layFlex prl27 ptb20  boRadius_10 {{index!=0  &&type==0 ?'mt20':''}} " wx:for="{{DataList}}" wx:for-item="item" wx:key="index"><view class="mr20"><image class="photo mt10 " src="{{item.FPhoto}}"></image></view><view class="flex1 w100_"><view class="layFlex"><view class="layFlex  flex1"><view class="textCenter">{{item.FCreateName}}</view></view><view><view class="{{item.FCustName.length>7?'ould':''}}  font20 textColor999">{{item.FTypeName}}</view></view></view><view class="pb10  layFlex"><view class="textColor999 mr20 font20 flex1 ">{{item.FDeptName}} </view><view class="textColor999 font20">{{util.fsubstring(item.FCreateDate,'T')}}</view></view><view class="explain font22"><view class="mb20" wx:for="{{item.FFormContent}}" wx:for-index="indexs" wx:for-item="items" wx:key="indexs"><view>{{items.FLabel}}：</view><view>{{items.FValue}}</view></view><view class="explain wordAll">{{item.FContent}}</view></view><view class="imageList layFlex w100_ flexw" wx:if="{{item.Attachs}}"><view wx:for="{{item.Attachs}}" wx:for-index="indexs" wx:for-item="items" wx:key="indexs"><block wx:for="{{util.fsplit(items.FUrl,',')}}" wx:for-index="index1" wx:for-item="items1" wx:key="index1"><image wx:if="{{items1}}" bindtap="bindLookImage" data-photos="{{items1.FUrl}}" data-index="{{items1}}" src="{{items1}}" alt="" /></block></view></view><view><view class="layFlex bacf2f1f6 app_oh boRadius_10 pr10" style="width:220rpx; height: 40rpx;"><view class="layFlex ml10"><text class="iconfont drp-zhuanfa  textColor999 "></text><view class="font22 textColor999 ml10" style="line-height: 40rpx;">来源于{{item.FSource}}</view></view></view></view><view class="layFlex mt20"><view class="layFlex flex1" style=" height: 36rpx;"><view class="iconfont drp-weizhi hintColor font26 mr20"></view><view class="font22  explain textSpill_1 textColor999" style="line-height: 36rpx; width: 240rpx;">{{item.FLocation?item.FLocation:'暂无地址'}}</view></view><view class="layFlex " style="align-items:flex-end;  justify-content:flex-end"><view class=" mr20" style="width: 60rpx; height: 40rpx;"><view class="layFlex" style="justify-content:center; height: 40rpx; "><van-icon name="good-job-o" bindtap="thumbs" data-item="{{item}}" data-index="{{index}}" /><text class="ml20 font22" style="line-height: 40rpx;" wx:if="{{item.Thumbups.length}}">{{item.Thumbups.length}}</text></view></view><view class=" mr20" style="width: 60rpx;  height: 40rpx;"><view class="layFlex" style="justify-content:center; height: 40rpx; "><van-icon name="other-pay" bindtap="showReply" data-item="{{item}}" data-index="{{index}}" /><text class="ml20 font22" style="line-height: 40rpx;" wx:if="{{item.Comments.length}}">{{item.Comments.length}}</text></view></view><view style=" width: 60rpx; height: 40rpx;" wx:if="{{item.FCreateID==userid&&type==0}}"><view class="layFlex " style="justify-content:center; height: 40rpx; "><van-icon name="delete-o" bindtap="delete" data-index="{{item}}" /></view></view></view></view><view><view class="row-2 mt20" wx:if="{{item.Comments.length!=0 || item.Thumbups.length!=0 ||item.showReplys}}"><view><view wx:if="{{item.Thumbups.length!=0}}" class="layFlex ml20 bor_bottom_EEE"><van-icon name="good-job-o" class="textColor999 mr10" /><view class="font22" wx:for="{{item.Thumbups}}" wx:for-index="indexS" wx:for-item="itemS" wx:key="indexS">{{itemS.FUserName}}</view></view><view wx:for="{{item.Comments}}" wx:for-index="indexa" wx:for-item="itema" wx:key="indexa"><view class="font22 ml20 layFlex"><view class="layFlex" bindtap="deletes" data-item="{{itema}}" data-indexa="{{indexa}}" data-index="{{index}}" wx:if="{{itema.FRelateGUID==itema.FCircleGUID}}">{{itema.FUserName}}:<rich-text nodes="{{itema.FContent}}"></rich-text></view><view bindtap="deletes" data-item="{{itema}}" data-indexa="{{indexa}}" data-index="{{index}}" class="layFlex" wx:else>{{itema.FUserName}}回复{{itema.FRelateName}}:<rich-text nodes="{{itema.FContent}}"></rich-text></view></view></view><view class="font22 ml20 layFlex" wx:if="{{item.showReplys}}"><input class="weui-input" bindinput="bindSetPrice" model:value="{{texts}}" bindblur="AppSubmitComment" focus placeholder="请输入评论" /></view></view></view></view></view></view><view wx:if="{{!DataList.length}}" class="h300rpx"></view><noData title="{{totalCount/10 < DataListHttp.pageIndex?'没有更多数据了':'下拉加载更多...'}}" iconfont="{{DataList.length?'none':'drp-queshengye_zanwushuju'}}"></noData></scroll-view><van-dialog use-slot show="{{ show }}" close-on-click-overlay show-cancel-button bind:close="onClose" bind:confirm="getUserInfo"><view class="textCenter ptb30">确定删除该工作记录吗？</view></van-dialog><van-dialog use-slot show="{{ leaveShow }}" close-on-click-overlay show-cancel-button bind:close="onClose" bind:confirm="leave"><view class="textCenter ptb30">确定删除该留言吗？</view></van-dialog><movable-view direction="all" wx:if="{{system.windowWidth}}" animation="{{false}}" x="{{system.windowWidth-75}}" y="{{system.windowHeight-150}}" class="movable-view h100rpx w100rpx bac"><floatButton buttonList="{{buttonList}}" bind:callBackButton="bindCallBackButton"></floatButton></movable-view>
</movable-area>

记录下最近做的东西微信小程序仿微信朋友圈支持点赞取消点赞，评论回复评论删除评，删除朋友圈发布朋友圈查看@消息等功能相关推荐

微信小程序仿微信SlideView组件slide-view
微信小程序仿微信SlideView组件. 使用 1.安装 slide-view 从小程序基础库版本 2.2.1 或以上.及开发者工具 1.02.1808300 或以上开始,小程序支持使用 npm 安装 ...
Java微信运动步数排序设计_微信小程序仿微信运动步数排行(交互)
本文介绍了微信小程序仿微信运动步数排行(交互),分享给大家,也给自己留个笔记,废话不多说了,具体如下: 效果图如下: wxml: {{item.name}} {{item.steps}} wxss: ...
android微信运动页面开发,微信小程序仿微信运动步数排行(交互)
微信小程序仿微信运动步数排行(交互) 发布时间:2020-08-20 00:51:02 来源:脚本之家阅读:101 作者:祈澈姑娘本文介绍了微信小程序仿微信运动步数排行(交互),分享给大家,也给自 ...
微信小程序仿微信聊天
主要思想使用websocket,微信小程序有提供websocket的直接方法,所有问题的难点在于后端代码的编写. 效果示意图演示视频地址 https://www.bilibili.com/video ...
微信小程序仿微信功能Day4
点击列表进入用户个人信息如图所示: 当点击了列表信息时候.跳转到用户个人信息的页面,并从js文件中获取值. 1.页面布局PersonalDetails.wxml <!-- pages/Pers ...
微信小程序仿微信漂流瓶
看到微信里有个漂流瓶.试了一下. 这里是用leancloud做后台.涉及到语音和文字的储存,查询. 技术点: 1.微信小程序开发之录音机音频播放动画 (真机可用) 2.微信小程序开发之用户系统一 ...
微信小程序仿微信、支付宝数字密码软键盘wcKeyboard
微信小程序自定义数字键盘|仿微信支付数字密码键盘|仿支付宝数字键盘之前有开发过html5+js仿支付宝.微信支付自定义数字键盘,今天就在之前的插件基础上,重新开发出了小程序版本的仿微信.支付宝数字键 ...
微信小程序仿微信聊天语音播放自定义控件
效果如↓↓↓ 假装有声音. 很郁闷,没有做到完全解耦,试了试音频播放组件<audio></audio>与API wx.createInnerAudioContex ...
微信小程序仿微信功能Day3
仿微信通讯录功能实现右侧一个定位锚点跳转功能. 整体是列表的数据显示. 需要图片资源的请去网盘下载提取码:en17 1.phone.wxml <!-- pages/phone/phone.w ...

记录下最近做的东西微信小程序仿微信朋友圈支持点赞取消点赞，评论回复评论删除评，删除朋友圈发布朋友圈查看@消息等功能

记录下最近做的东西微信小程序仿微信朋友圈支持点赞取消点赞，评论回复评论删除评，删除朋友圈发布朋友圈查看@消息等功能相关推荐

最新文章

热门文章

记录下最近做的东西微信小程序仿微信朋友圈 支持点赞取消点赞，评论回复评论删除评，删除朋友圈 发布朋友圈查看@消息等功能

记录下最近做的东西微信小程序仿微信朋友圈 支持点赞取消点赞，评论回复评论删除评，删除朋友圈 发布朋友圈查看@消息等功能相关推荐

最新文章

热门文章

记录下最近做的东西微信小程序仿微信朋友圈支持点赞取消点赞，评论回复评论删除评，删除朋友圈发布朋友圈查看@消息等功能

记录下最近做的东西微信小程序仿微信朋友圈支持点赞取消点赞，评论回复评论删除评，删除朋友圈发布朋友圈查看@消息等功能相关推荐