Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
7
7-Eleven
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
高淑倩
7-Eleven
Commits
8c043bdf
Commit
8c043bdf
authored
Aug 14, 2019
by
高淑倩
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
add: 种草社区上传视频
parent
c005185a
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
100 additions
and
10 deletions
+100
-10
uploadVideo.wxml
src/component/uploadVideo/uploadVideo.wxml
+2
-2
grassCommunity.js
src/subPackage/page/pages/grassCommunity/grassCommunity.js
+31
-2
grassCommunity.wxml
src/subPackage/page/pages/grassCommunity/grassCommunity.wxml
+23
-6
grassCommunity.wxss
src/subPackage/page/pages/grassCommunity/grassCommunity.wxss
+44
-0
No files found.
src/component/uploadVideo/uploadVideo.wxml
View file @
8c043bdf
...
...
@@ -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">
...
...
src/subPackage/page/pages/grassCommunity/grassCommunity.js
View file @
8c043bdf
...
...
@@ -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
}
})
},
/**
* 生命周期函数--监听页面显示
*/
...
...
src/subPackage/page/pages/grassCommunity/grassCommunity.wxml
View file @
8c043bdf
<!--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 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="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="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
/>
<grass-item
/>
</view>
</view>
<view class="post-notes fixed-bottom0">发布笔记</view>
src/subPackage/page/pages/grassCommunity/grassCommunity.wxss
View file @
8c043bdf
...
...
@@ -42,3 +42,47 @@
margin: 0 auto;
margin-top: 30rpx;
}
.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;
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment