|
@@ -57,13 +57,13 @@ export default defineComponent({
|
|
img: getImage('shareResources2.png'),
|
|
img: getImage('shareResources2.png'),
|
|
imgStyle: {
|
|
imgStyle: {
|
|
top: '100%',
|
|
top: '100%',
|
|
- left: '630px',
|
|
|
|
|
|
+ left: '0',
|
|
width: '515px',
|
|
width: '515px',
|
|
height:'227px'
|
|
height:'227px'
|
|
},
|
|
},
|
|
btnsStyle: {
|
|
btnsStyle: {
|
|
bottom: '75px',
|
|
bottom: '75px',
|
|
- left: '724px',
|
|
|
|
|
|
+ left: '125px',
|
|
},
|
|
},
|
|
|
|
|
|
eleRectPadding:{
|
|
eleRectPadding:{
|
|
@@ -72,6 +72,9 @@ export default defineComponent({
|
|
width:14,
|
|
width:14,
|
|
height:14
|
|
height:14
|
|
},
|
|
},
|
|
|
|
+ boxStyle:{
|
|
|
|
+ borderRadius: '15px'
|
|
|
|
+ },
|
|
type:'bottom'
|
|
type:'bottom'
|
|
|
|
|
|
},
|
|
},
|
|
@@ -96,12 +99,23 @@ export default defineComponent({
|
|
const top = data.steps[data.step].eleRectPadding?.top || 0;
|
|
const top = data.steps[data.step].eleRectPadding?.top || 0;
|
|
const width = data.steps[data.step].eleRectPadding?.width || 0;
|
|
const width = data.steps[data.step].eleRectPadding?.width || 0;
|
|
const height = data.steps[data.step].eleRectPadding?.height || 0
|
|
const height = data.steps[data.step].eleRectPadding?.height || 0
|
|
- data.box = {
|
|
|
|
- left: eleRect.x - left+ 'px',
|
|
|
|
- top: eleRect.y - top +'px',
|
|
|
|
- width: eleRect.width + width+'px',
|
|
|
|
- height: eleRect.height +height+ 'px'
|
|
|
|
- };
|
|
|
|
|
|
+
|
|
|
|
+ if(`shareResources-${data.step}`=='shareResources-1'){
|
|
|
|
+ data.box = {
|
|
|
|
+ left: eleRect.x - left+ 'px',
|
|
|
|
+ top: eleRect.y - top +'px',
|
|
|
|
+ width: (eleRect.width + width)*2+width+'px',
|
|
|
|
+ height: eleRect.height +height+ 'px'
|
|
|
|
+ };
|
|
|
|
+ console.log( data.box.width,'---',eleRect.width)
|
|
|
|
+ }else{
|
|
|
|
+ data.box = {
|
|
|
|
+ left: eleRect.x - left+ 'px',
|
|
|
|
+ top: eleRect.y - top +'px',
|
|
|
|
+ width: eleRect.width + width+'px',
|
|
|
|
+ height: eleRect.height +height+ 'px'
|
|
|
|
+ };
|
|
|
|
+ }
|
|
console.log(`coai-${data.step}`,data.box);
|
|
console.log(`coai-${data.step}`,data.box);
|
|
}
|
|
}
|
|
};
|
|
};
|