blob: f022d3fa8c6271288f5eeebb72b65176b8ff4489 [file] [log] [blame]
guangchao.xu070005a2020-12-07 09:56:40 +08001<template>
2 <view class="issueQuestion">
3 <u-navbar title="">
4 <view class="slot-wrap">
5 <u-button size="mini" :custom-style="issueQuestionBtn" @click="submit">发布</u-button>
6 </view>
7 </u-navbar>
8 <view class="issueQuestion-con">
9 <u-input v-model="value" type="textarea" :border="false" height="300" :auto-height="true" placeholder="分享新鲜事" />
10 <u-upload :action="action" ref="uUpload" :auto-upload="false" :max-size="5 * 1024 * 1024" max-count="6"></u-upload>
11 </view>
12 </view>
13</template>
14
15<script>
16 export default {
17 data() {
18 return {
19 value: "",
20 action: "",
21 issueQuestionBtn:{
22 backgroundColor: '#2FA8E1',
23 fontFamily: "PingFang-SC-Medium",
24 color: '#FFFFFF',
25 borderRadius: '50rpx',
26 padding: '20rpx 30rpx',
27 fontSize: '30rpx'
28 }
29 }
30 },
31 methods: {
32 submit() {
33 let files = [];
34 // 通过filter,筛选出上传进度为100的文件(因为某些上传失败的文件,进度值不为100,这个是可选的操作)
35 // files = this.$refs.uUpload.lists.filter(val => {
36 // return val.progress == 100;
37 // })
38 // 如果您不需要进行太多的处理,直接如下即可
39 files = this.$refs.uUpload.lists;
40 console.log(files)
41 }
42 }
43 }
44</script>
45
46<style lang="scss" scoped>
47 .slot-wrap {
48 display: flex;
49 flex: 1;
50 align-items: flex-end;
51 position: relative;
52 left: 37%;
53 // padding: 0 30rpx;
54 }
55
56 .issueQuestion {
57 width: 100vw;
58 height: 100vh;
59 background-color: #FFFFFF;
60
61 &-btn {
62 background-color: #2FA8E1;
63 font-family: "PingFang-SC-Medium";
64 color: #FFFFFF;
65 border-radius: 50rpx;
66 padding: 20rpx 30rpx;
67 font-size: 30rpx;
68 }
69
70 &-con {
71 padding: 10rpx 30rpx;
72 }
73 }
74</style>