blob: f022d3fa8c6271288f5eeebb72b65176b8ff4489 [file] [log] [blame]
<template>
<view class="issueQuestion">
<u-navbar title="">
<view class="slot-wrap">
<u-button size="mini" :custom-style="issueQuestionBtn" @click="submit">发布</u-button>
</view>
</u-navbar>
<view class="issueQuestion-con">
<u-input v-model="value" type="textarea" :border="false" height="300" :auto-height="true" placeholder="分享新鲜事" />
<u-upload :action="action" ref="uUpload" :auto-upload="false" :max-size="5 * 1024 * 1024" max-count="6"></u-upload>
</view>
</view>
</template>
<script>
export default {
data() {
return {
value: "",
action: "",
issueQuestionBtn:{
backgroundColor: '#2FA8E1',
fontFamily: "PingFang-SC-Medium",
color: '#FFFFFF',
borderRadius: '50rpx',
padding: '20rpx 30rpx',
fontSize: '30rpx'
}
}
},
methods: {
submit() {
let files = [];
// 通过filter,筛选出上传进度为100的文件(因为某些上传失败的文件,进度值不为100,这个是可选的操作)
// files = this.$refs.uUpload.lists.filter(val => {
// return val.progress == 100;
// })
// 如果您不需要进行太多的处理,直接如下即可
files = this.$refs.uUpload.lists;
console.log(files)
}
}
}
</script>
<style lang="scss" scoped>
.slot-wrap {
display: flex;
flex: 1;
align-items: flex-end;
position: relative;
left: 37%;
// padding: 0 30rpx;
}
.issueQuestion {
width: 100vw;
height: 100vh;
background-color: #FFFFFF;
&-btn {
background-color: #2FA8E1;
font-family: "PingFang-SC-Medium";
color: #FFFFFF;
border-radius: 50rpx;
padding: 20rpx 30rpx;
font-size: 30rpx;
}
&-con {
padding: 10rpx 30rpx;
}
}
</style>