|
|
@ -148,7 +148,7 @@ async function loadMore() {
|
|
|
|
|
|
|
|
|
|
|
|
const more = await featchList()
|
|
|
|
const more = await featchList()
|
|
|
|
listData.value.push(...more)
|
|
|
|
listData.value.push(...more)
|
|
|
|
console.log("listData.value11111111111111111", listData.value);
|
|
|
|
console.log('listData.value11111111111111111', listData.value)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
async function featchList() {
|
|
|
|
async function featchList() {
|
|
|
@ -579,7 +579,7 @@ defineExpose({
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="wrapper fullscreen-container" :style="fullscreenStyles">
|
|
|
|
<div class="wrapper fullscreen-container" :style="fullscreenStyles">
|
|
|
|
<div class="wrapper-header">
|
|
|
|
<div class="wrapper-header">
|
|
|
|
<div class="left" >
|
|
|
|
<div class="left">
|
|
|
|
<span class="font">{{ packageName }}</span>
|
|
|
|
<span class="font">{{ packageName }}</span>
|
|
|
|
<SvgIcon size="22" class="forward" name="arrow-left" @click="backHandler" />
|
|
|
|
<SvgIcon size="22" class="forward" name="arrow-left" @click="backHandler" />
|
|
|
|
<SvgIcon size="22" class="back" name="arrow-right" @click="forwardHandler" />
|
|
|
|
<SvgIcon size="22" class="back" name="arrow-right" @click="forwardHandler" />
|
|
|
@ -642,7 +642,7 @@ defineExpose({
|
|
|
|
:style="{
|
|
|
|
:style="{
|
|
|
|
'background-image': `url(${taskDetailInfo?.imgurl})`,
|
|
|
|
'background-image': `url(${taskDetailInfo?.imgurl})`,
|
|
|
|
'flex': imgbigshow ? '0.6' : '0.98',
|
|
|
|
'flex': imgbigshow ? '0.6' : '0.98',
|
|
|
|
'height':imgbigshow?' 100%':'80vh'
|
|
|
|
'height': imgbigshow ? ' 100%' : '80vh',
|
|
|
|
}"
|
|
|
|
}"
|
|
|
|
|
|
|
|
|
|
|
|
@mouseover="showAction"
|
|
|
|
@mouseover="showAction"
|
|
|
@ -760,10 +760,10 @@ defineExpose({
|
|
|
|
position: 'absolute',
|
|
|
|
position: 'absolute',
|
|
|
|
zIndex: 169,
|
|
|
|
zIndex: 169,
|
|
|
|
background: 'rgb(80, 122, 253)',
|
|
|
|
background: 'rgb(80, 122, 253)',
|
|
|
|
right: imgbigshow ? '-23px':'0',
|
|
|
|
right: imgbigshow ? '-23px' : '0',
|
|
|
|
marginTop: '5px',
|
|
|
|
marginTop: '5px',
|
|
|
|
width: '2px',
|
|
|
|
width: '2px',
|
|
|
|
height: imgbigshow?'340px':'79vh',
|
|
|
|
height: imgbigshow ? '340px' : '79vh',
|
|
|
|
}"
|
|
|
|
}"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
@ -771,7 +771,7 @@ defineExpose({
|
|
|
|
class="aside-collapse-btn"
|
|
|
|
class="aside-collapse-btn"
|
|
|
|
:style="{
|
|
|
|
:style="{
|
|
|
|
position: 'absolute',
|
|
|
|
position: 'absolute',
|
|
|
|
right: imgbigshow ? '-40px':'-16px',
|
|
|
|
right: imgbigshow ? '-40px' : '-16px',
|
|
|
|
top: '73px',
|
|
|
|
top: '73px',
|
|
|
|
cursor: 'pointer',
|
|
|
|
cursor: 'pointer',
|
|
|
|
zIndex: 170,
|
|
|
|
zIndex: 170,
|
|
|
@ -785,8 +785,6 @@ defineExpose({
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<PictureInfo v-show="imgbigshow" :task-detail-info="taskDetailInfo" />
|
|
|
|
<PictureInfo v-show="imgbigshow" :task-detail-info="taskDetailInfo" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
@ -848,7 +846,7 @@ defineExpose({
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="wrapper-list" v-if="imgbigshow">
|
|
|
|
<div v-if="imgbigshow" class="wrapper-list">
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
v-for="(item, index) in listData"
|
|
|
|
v-for="(item, index) in listData"
|
|
|
|
:key="index"
|
|
|
|
:key="index"
|
|
|
@ -860,7 +858,7 @@ defineExpose({
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="img-wrapper"
|
|
|
|
class="img-wrapper"
|
|
|
|
:style="{ backgroundImage: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl: bgLoadingImg})` }"
|
|
|
|
:style="{ backgroundImage: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl : bgLoadingImg})` }"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<div class="time-wrapper">
|
|
|
|
<div class="time-wrapper">
|
|
|
|
<div class="time">
|
|
|
|
<div class="time">
|
|
|
@ -1045,7 +1043,7 @@ defineExpose({
|
|
|
|
&-detail {
|
|
|
|
&-detail {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
height: 350px;
|
|
|
|
height: 350px;
|
|
|
|
|
|
|
|
border-radius: 8px;
|
|
|
|
.left {
|
|
|
|
.left {
|
|
|
|
flex: 0.6;
|
|
|
|
flex: 0.6;
|
|
|
|
// background-size: auto 346px;
|
|
|
|
// background-size: auto 346px;
|
|
|
@ -1109,7 +1107,7 @@ defineExpose({
|
|
|
|
rgba(0, 0, 0, 0.01),
|
|
|
|
rgba(0, 0, 0, 0.01),
|
|
|
|
rgba(0, 0, 0, 0.71) 100%
|
|
|
|
rgba(0, 0, 0, 0.71) 100%
|
|
|
|
);
|
|
|
|
);
|
|
|
|
border-radius: 0px 8px 8px 0px;
|
|
|
|
border-radius: 0px 8px 8px 8px;
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
bottom: 0;
|
|
|
|
padding-left: 17px;
|
|
|
|
padding-left: 17px;
|
|
|
|