接口对接修改

This commit is contained in:
仲么了
2023-07-24 08:47:20 +08:00
parent 2104bc0c4c
commit 689436759f
31 changed files with 1070 additions and 448 deletions

View File

@@ -1,7 +1,7 @@
<template>
<view class="uni-file-picker__container">
<view class="file-picker__box" v-for="(item,index) in filesList" :key="index" :style="boxStyle">
<view class="file-picker__box-content" :style="borderStyle">
<view class="uni-file-picker__container">
<view class="file-picker__box" v-for="(item,index) in filesList" :key="index" :style="boxStyle">
<view class="file-picker__box-content" :style="borderStyle">
<image class="file-image" :src="item.url" mode="aspectFill" @click.stop="prviewImage(item,index)"></image>
<view v-if="delIcon && !readonly" class="icon-del-box" @click.stop="delFile(index)">
<view class="icon-del"></view>
@@ -37,10 +37,10 @@
default () {
return []
}
},
disabled:{
type: Boolean,
default: false
},
disabled:{
type: Boolean,
default: false
},
disablePreview: {
type: Boolean,
@@ -63,10 +63,10 @@
delIcon: {
type: Boolean,
default: true
},
readonly:{
type:Boolean,
default:false
},
readonly:{
type:Boolean,
default:false
}
},
computed: {
@@ -104,20 +104,20 @@
}
} else {
obj.width = this.value2px(width)
}
let classles = ''
for(let i in obj){
classles+= `${i}:${obj[i]};`
}
}
let classles = ''
for(let i in obj){
classles+= `${i}:${obj[i]};`
}
return classles
},
borderStyle() {
let {
border
} = this.styles
let obj = {}
const widthDefaultValue = 1
let obj = {}
const widthDefaultValue = 1
const radiusDefaultValue = 3
if (typeof border === 'boolean') {
obj.border = border ? '1px #eee solid' : 'none'
@@ -132,10 +132,10 @@
'border-color': (border && border.color) || '#eee',
'border-radius': radius
}
}
let classles = ''
for(let i in obj){
classles+= `${i}:${obj[i]};`
}
let classles = ''
for(let i in obj){
classles+= `${i}:${obj[i]};`
}
return classles
}
@@ -151,11 +151,11 @@
this.$emit('delFile', index)
},
prviewImage(img, index) {
let urls = []
if(Number(this.limit) === 1&&this.disablePreview&&!this.disabled){
this.$emit("choose")
let urls = []
if(Number(this.limit) === 1&&this.disablePreview&&!this.disabled){
this.$emit("choose")
}
if(this.disablePreview) return
if(this.disablePreview) return
this.filesList.forEach(i => {
urls.push(i.url)
})
@@ -180,10 +180,10 @@
</script>
<style lang="scss">
.uni-file-picker__container {
.uni-file-picker__container {
/* #ifndef APP-NVUE */
display: flex;
box-sizing: border-box;
box-sizing: border-box;
/* #endif */
flex-wrap: wrap;
margin: -5px;
@@ -194,9 +194,9 @@
// flex: 0 0 33.3%;
width: 33.3%;
height: 0;
padding-top: 33.33%;
padding-top: 33.33%;
/* #ifndef APP-NVUE */
box-sizing: border-box;
box-sizing: border-box;
/* #endif */
}
@@ -225,9 +225,9 @@
width: 100%;
}
.file-picker__mask {
.file-picker__mask {
/* #ifndef APP-NVUE */
display: flex;
display: flex;
/* #endif */
justify-content: center;
align-items: center;
@@ -246,9 +246,9 @@
height: 100%;
}
.is-add {
.is-add {
/* #ifndef APP-NVUE */
display: flex;
display: flex;
/* #endif */
align-items: center;
justify-content: center;
@@ -266,9 +266,9 @@
transform: rotate(90deg);
}
.icon-del-box {
.icon-del-box {
/* #ifndef APP-NVUE */
display: flex;
display: flex;
/* #endif */
align-items: center;
justify-content: center;
@@ -289,4 +289,4 @@
background-color: #fff;
border-radius: 2px;
}
</style>
</style>