手机端选择效果图
页面样式效果
<template>
<view class="">
<view v-show="isduan == 'web'" class="uploadbox" @click="upload" >
<view class="addfont">
+
</view>
</view>
<view v-show="isduan == ''" class="uploadbox" @click="test.onClick" :prop="option" :change:prop="test.updateInput" >
<view class="addfont">
+
</view>
</view>
<view ref="input" id="input" class="" style="opacity: 0;height: 0;">
</view>
<view class="fileList">
<view class="fileitem" v-for="(item,index) in fileList" :key="index">
<view class="fonts">{
{item.originalFileName}}</view>
<u-button shape="square" size="mini" class="btns" @click="delBtn(index)">删除</u-button>
</view>
</view>
<!-- 进度条 -->
<view class="linebox" v-if="ispercentage">
<u-line-progress active-color="#2979ff" :percentage="percentage" :striped-active="true"></u-line-progress>
</view>
</view>
</template>
<script>
import result from "@/utils/config.js";
import {
removFile,
} from "../../service/index.js"
export default {
components: {
},
p