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

push Develop

Browse Source
This commit is contained in:
X1627315083
2024-06-17 09:39:01 +08:00
parent c93483e36f
commit 363b880276
55 changed files with 5880 additions and 1359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/component/WorksPage/Falls.vue
View File

@@ -11,7 +11,7 @@
<!-- 图片 -->
<div class="falls_item_img">
<img
v-lazy="item.designPythonOutfitUrl"
v-lazy="item.canvasUrl"
@click="setItemDetail(item)"
:style="{
height: item.style.imgHeihgt + 'px',
@@ -26,30 +26,31 @@
</div>
<div class="falls_item_content">
<div class="falls_item_user">
<img src="http://121.40.53.210:3000/falls/5.png" alt="">
<!-- <img src="http://121.40.53.210:3000/falls/5.png" alt=""> -->
<div class="falls_item_user_detail">
<div>{{item.name}}</div>
<div>{{item.portfolioName}}</div>
<span>地区</span>
</div>
</div>
<div class="falls_item_detail">
<div>
<!-- <div>
<svg xmlns="http://www.w3.org/2000/svg" width="2.5rem" height="2.5rem" viewBox="0 0 16 16" fill="none" role="img" :style="{color:'#9e9ea7',fill: 'currentColor'}">
<path d="M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>321</span>
</div>
<div>
</div> -->
<label @click="portfolioLike(item)">
<i v-if="true" class="fi fi-sr-thumbs-up" style="color:rgba(158, 158, 167);"></i>
<i v-else class="fi fi-rr-social-network"></i>
<span>321</span>
</div>
<span>{{item.likeNum}}</span>
</label>
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" style="color: #9e9ea7;fill: currentColor;">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" style="color: #9e9ea7;fill: currentColor;">
<path d="M8 3C4.36992 3 1.98789 6.21774 1.18763 7.49059C1.09079 7.64462 1.04237 7.72163 1.01527 7.84042C0.99491 7.92964 0.99491 8.07036 1.01527 8.15958C1.04237 8.27837 1.09079 8.35539 1.18763 8.50941C1.98789 9.78226 4.36992 13 8 13C11.6301 13 14.0121 9.78226 14.8124 8.50941L14.8124 8.50939C14.9092 8.35538 14.9576 8.27837 14.9847 8.15958C15.0051 8.07036 15.0051 7.92964 14.9847 7.84042C14.9576 7.72163 14.9092 7.64462 14.8124 7.4906L14.8124 7.49059C14.0121 6.21774 11.6301 3 8 3Z" fill="currentColor"></path>
<path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" fill="white"></path>
</svg>
<span>321</span>
</svg> -->
<i class="fi fi-sr-eye"></i>
<span>{{item.likeNum}}</span>
</div>
</div>
</div>
@@ -142,6 +143,17 @@ export default defineComponent({
},
// 挂载方法
methods: {
clearData(){
this.width = 300
this.num_x = 1
this.gap_x = 0
this.gap_y = 0
this.poss = []
this.loading = false
this.computedHeight = 0
this.list = []
this.resize()
},
push(arr) {
this.wait_list = this.wait_list.concat(arr);
if (!this.loading) {
@@ -156,7 +168,7 @@ export default defineComponent({
return;
}
let url = this.wait_list[0].designPythonOutfitUrl;
let url = this.wait_list[0].canvasUrl;
let data = this.wait_list[0]
let img = document.createElement("img");
img.src = url;
@@ -181,7 +193,7 @@ export default defineComponent({
let imgHeight = height - this.computedHeight
this.poss[idx] = top + height;
let obj = {
designPythonOutfitUrl:url,
canvasUrl:url,
style: { width, height, top, left, imgHeight },
...data
};
@@ -234,6 +246,9 @@ export default defineComponent({
},
setItemDetail(data){
this.$emit('getImgScale',data)
},
portfolioLike(data){
this.$emit('setPortfolioLike',data)
}
},
})
@@ -321,10 +336,21 @@ export default defineComponent({
display: flex;
width: 40%;
justify-content: space-between;
>div{
>label{
// cursor: pointer;
}
>label,>div{
display: flex;
align-items: center;
i{
font-size: 2rem;
}
svg,i{
width: 10px;
height: 10px;
color: #9e9ea7;
display: flex;
// width: 10px;
// height: 10px;
margin-right: .5rem;
}
span{
margin-left: 3px;