Commit 8c043bdf by 高淑倩

add: 种草社区上传视频

parent c005185a
......@@ -3,12 +3,12 @@
<view class="video_area" wx:if="{{video}}">
<video class="video_item" src="{{video}}" controls></video>
<!-- 防止视频组件层级太高,导致部分机型覆盖悬浮按钮 -->
<cover-image
<!-- <cover-image
class="video_delete"
src="../../assets/imgs/711_12.png"
mode="aspectFill"
bindtap="videoDelete"
/>
/>-->
</view>
<view class="upload-wrap" wx:if="{{!video}}" bindtap="uploadVideo">
......
......@@ -9,7 +9,7 @@ wxService.page({
* 页面的初始数据
*/
data: {
pics:[]
},
/**
......@@ -25,7 +25,36 @@ wxService.page({
onReady: function () {
},
uploadImg(){
this.chooseImg()
},
chooseImg(){
let that = this;
let pics = this.data.pics;
wx.chooseImage({
count: 5 - pics.length, // 最多可以选择的图片5张,
sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
success: function (res) {
var imgsrc = res.tempFilePaths;
pics = pics.concat(imgsrc);
that.setData({
pics: pics
});
console.log(that.data.pics)
// that.moreImgUpload({
// url: 'https://........',//这里是你图片上传的接口
// path: that.data.pics//这里是选取的图片的地址数组
// });
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
/**
* 生命周期函数--监听页面显示
*/
......
<!--subPackage/page/pages/grassCommunity/grassCommunity.wxml-->
<view class="grass-community border_box">
<view class="grass-upload weui-flex">
<view class="upload-img"><upload-img/></view>
<view class="upload-video"><upload-video/></view>
</view>
<view class="upload-tip">*只支持.jpg格式图片/ .mp4格式视频,最长60s</view>
<view class="title-border"><input placeholder="添加标题" auto-focus/></view>
<view class="title-border"><input placeholder="这一刻想说什么..." auto-focus/></view>
<view class="page-upload-img">
<view class="flex-wrp">
<view class="flex-item" wx:for="{{pics}}" wx:key="{{index}}">
<image class="item-img" src="{{item}}" />
</view>
<view class="flex-item" hidden="{{pics.length >= 5}}">
<view class="upload-wrap" bindtap="uploadImg">
<view class="upload-text">+图片</view>
</view>
</view>
<view class="flex-item">
<upload-video/>
</view>
</view>
</view>
<view class="related-goods">关联商品</view>
<view class="gress-list">
<grass-item />
</view>
<view class="upload-tip">*只支持.jpg格式图片/ .mp4格式视频,最长60s</view>
<view class="title-border">
<input placeholder="添加标题" auto-focus />
</view>
<view class="title-border">
<input placeholder="这一刻想说什么..." auto-focus />
</view>
<view class="related-goods">关联商品</view>
<view class="gress-list">
<grass-item/>
</view>
</view>
<view class="post-notes fixed-bottom0">发布笔记</view>
......@@ -41,4 +41,48 @@
.gress-list {
margin: 0 auto;
margin-top: 30rpx;
}
\ No newline at end of file
}
.page-upload-img{
display: flex;
flex-wrap: wrap;
margin-bottom: 20rpx;
}
.upload-wrap{
border-radius: 5rpx;
border: 1px solid rgba(216, 216, 216, 1);
line-height: 160rpx;
text-align: center;
}
.upload-text{
color: #aaaaaa;
}
.upload-img{
width: 160rpx;
height: 160rpx;
border: 1px solid rgba(216, 216, 216, 1);
}
.upload-img-wrap{
margin-right: 20rpx;
}
.item-img {
width: 100%;
height: 160rpx;
}
.flex-wrp {
width: 100%;
/* height: 160rpx; */
height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.flex-item {
margin-bottom: 20rpx;
width: 21%;
height: 160rpx;
margin-left: 20rpx;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment