微信小程序仿朋友圈发布动态功能_小程序发布动态,微信小程序仿朋友圈功能 - CSDN文库

157 浏览量更新于2023-05-04 评论 1 收藏 103KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

微信小程序仿朋友圈发布动态功能微信小程序仿朋友圈发布动态功能

仿照微信朋友圈做了一个界面如下，先看效果：

1、点开界面

2、选择图片

3、点击上传

4、动态显示

第一个页面的wxml：

<view class='page'>

<textarea class='text' bindinput="input" placeholder="分享动态" auto-height/>

<view class="image_content">

<view class='image' wx:for="{{img_url}}">

<image class="moment_img" src="{{item}}"></image>

</view>

<view class='image' style='display:{{hideAdd?"none":"block"}}'>

<image bindtap="chooseimage" class="moment_img" src='../../images/add.jpg'></image>

</view>

</view>

<button bindtap="send" style='margin-right:5px;margin-left:5px'>发布</button>

</view>

第一个页面的wcss：

.page{

padding: 20px

}

.text{

width: 100%;

margin-bottom: 40px;

font-size: 20px;

padding: 5px

}

.image{

width:31%;

height: 100px;

padding: 2px

}

.moment_img{

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论0

weixin_38697471

粉丝: 6
资源: 981

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈