微信小程序仿朋友圈发布动态功能微信小程序仿朋友圈发布动态功能
仿照微信朋友圈做了一个界面如下，先看效果：
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{
评论0