| <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> |