aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
X1627315083
2023-12-22 15:42:41 +08:00
parent a51b7f2915
commit 15d0b78a0f
8 changed files with 107 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/component/HomePage/NewCollectionReview.vue
View File

@@ -100,9 +100,7 @@ export default defineComponent({
// this.sketchList = []
// this.sketch = [[],[],[]]
// this.sketchList = this.allBoardData.sketchboardFiles
console.log(oldVal,newVal);
if(oldVal && oldVal?.length != 0){
if(oldVal && oldVal?.length != 0 && newVal && newVal?.length != 0){
let oldArr:any = []
let newArr:any = []
oldVal.forEach((item:any,index:any) => {
@@ -129,51 +127,41 @@ export default defineComponent({
},
methods: {
setSketch(){
console.log(123123);
if(!this.imgOpen){
return
}
this.imgOpen = false
this.sketch = [[],[],[]]
let sketchH = [0,0,0]
nextTick().then(async ()=>{
let sketch1:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item0')[0]?.getBoundingClientRect()
let sketch2:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item1')[0]?.getBoundingClientRect()
let sketch3:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item2')[0]?.getBoundingClientRect()
sketch1.num = 0
sketch2.num = 1
sketch3.num = 2
if(this.sketchList && this.sketchList!=null){
for (let i = 0; i < this.sketchList?.length; i++) {
let sketch1:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item0')[0]?.getBoundingClientRect()
let sketch2:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item1')[0]?.getBoundingClientRect()
let sketch3:any = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item2')[0]?.getBoundingClientRect()
sketch1.num = 0
sketch2.num = 1
sketch3.num = 2
let min = Math.min.apply(null, sketchH);
let index = sketchH.indexOf(min);
let arr = [sketch1,sketch2,sketch3]
let image = new Image()
let image:any = new Image()
image.src = this.sketchList[i].urlWithWhiteSide
arr.sort((a,b)=>{
var a_num = a["height"];
var b_num = b["height"];
return a_num - b_num;
})
// console.log(arr);
this.sketch[arr[0].num]?.push(this.sketchList[i])
// arr.sort((a,b)=>{
// var a_num = a["height"];
// var b_num = b["height"];
// return a_num - b_num;
// })
this.sketch[index]?.push(this.sketchList[i])
// this.sketch[arr[0].num]?.push(this.sketchList[i])
let dom = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item'+arr[0].num)[0]
let img = dom.querySelector('.element:last-child')
console.log(img);
// console.log([sketch1.height,sketch2.height,sketch3.height]);
await new Promise((resolve:any)=>{
image.onload = ()=>{
sketch1 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item0')[0]?.getBoundingClientRect()
sketch2 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item1')[0]?.getBoundingClientRect()
sketch3 = document.getElementsByClassName('collection_review')[0]?.getElementsByClassName('lager_img_item2')[0]?.getBoundingClientRect()
sketch1.num = 0
sketch2.num = 1
sketch3.num = 2
sketchH[index]+=image.height * (300/image.width)
nextTick().then(()=>{
resolve()
setTimeout(()=>{
},500)
})
}
})