Skip to content

S
SuperMan
Commit e0a554a6 authored by youjie's avatar youjie
Browse files
Options

竖版尺寸比例调整

parent 11547238
Show whitespace changes
Inline Side-by-side
Showing with 173 additions and 138 deletions
src/assets/css/tripIndexNew2.css
View file @ e0a554a6
......@@ -137,6 +137,10 @@ html, body{
margin-top: 20px;
}
.marginT21 {
margin-top: 21px;
}
.marginT10 {
margin-top: 10px;
}
......@@ -166,7 +170,7 @@ html, body{
}
.UpgradedVersion2Line span{
background: #fff;
font-size: 20px;
font-size: 23px;
padding: 5px 20px;
border: 2px dashed red;
border-radius: 15px;
......@@ -278,14 +282,14 @@ html, body{
/* margin-top: 47px; */
}
.travelDaysTitlle-left {
width: 173px;
width: 190px;
flex-shrink: 0;
margin-left: 22px;
margin-left: 35px;
}
.travelDaysTitlle-left-text {
width: 173px;
height: 173px;
width: 190px;
height: 190px;
/* background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center #FFF; */
background: url('../img/trip/xclogo.png')no-repeat center;
background-size: auto 100%;
......@@ -295,7 +299,7 @@ html, body{
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
top:-92px
top:-102px
}
.travelDaysTitlle-left-text span {
......@@ -303,18 +307,18 @@ html, body{
}
.travelDaysTitlle-left-textOne {
font-size: 79px;
font-size: 88px;
font-weight: 400;
color: #2A2A2A;
line-height: 55px;
line-height: 60px;
margin-top: 15px;
}
.travelDaysTitlle-left-textTwo {
font-size: 47px;
font-size: 52px;
font-weight: 800;
color: #2A2A2A;
line-height: 55px;
line-height: 60px;
margin-top: 10px;
}
......@@ -324,13 +328,13 @@ html, body{
.travelDaysTitlle-right {
flex-grow: 1;
margin-left: 21px;
margin-left: 50px;
font-weight: bold;
}
.travelDaysTitlle-right-text {
min-height: 124px;
/* padding: 25px 25px 25px 36px; */
padding: 0 25px 0 36px;
padding: 0 50px 0 0;
border-radius: 100px 0px 0px 100px;
-webkit-border-radius: 100px 0px 0px 100px;
-moz-border-radius: 100px 0px 0px 100px;
......@@ -342,7 +346,7 @@ html, body{
.travelDaysMasterMap {
margin-top: 45px;
/* margin-bottom: 41px; */
height: 632px;
height: 643px;
/* flex:1; */
overflow: hidden;
}
......@@ -403,26 +407,23 @@ html, body{
}
.travelDaysContent {
/* min-height: 360px;
max-height:600px; */
line-height: 25px;
padding: 0 36px;
margin-bottom: 20px;
padding: 0 35px;
margin-bottom: 39px;
font-weight: 500;
/* margin: 41px 0 47px 0; */
}
.travelDaysContent-text {
font-size: 18px;
font-size: 29px;
font-weight: 500;
color: #444444;
font-family: 'Microsoft JhengHei UI';
}
.textBold {
font-size: 21px;
line-height: 25px;
font-size: 29px;
line-height: 54px;
font-weight: 800;
color: #2A2A2A;
font-family: 'Microsoft JhengHei UI Ligh';
}
......@@ -434,41 +435,40 @@ html, body{
/* padding: 0 0 115px 0; */
}
.travelDaysdetails-tsTextBox{
padding: 0 36px 20px 36px;
padding: 0 35px 27px 35px;
}
.travelDaysdetails-tsText{
width: 100%;
padding: 15px;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
padding: 38px 47px 28px 47px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
line-height: 30px;
}
.travelDaysdetails-tsText p{
padding: 0;
margin: 0;
line-height: 22px;
line-height: 42px;
}
.travelDaysdetailsBJ {
border-radius: 100px;
padding: 20px 35px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
border-radius: 20px;
padding: 22px 42px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.travelDaysdetails-textBox{
flex-wrap: wrap;
padding: 0 5px;
align-items: center;
}
.travelDaysdetails-text0 {
font-size: 21px;
font-size: 23px;
font-family: 'Microsoft JhengHei UI Ligh';
font-weight: 800;
color: #2A2A2A;
line-height: 34px;
flex-shrink: 0;
}
.travelDaysdetails-text div span{
......@@ -479,7 +479,7 @@ html, body{
.travelDaysdetails-tsText{
display: inline-block;
white-space: wrap;
font-size: 14px;
font-size: 21px;
font-family: 'Microsoft JhengHei UI';
line-height: 22px;
}
......@@ -493,24 +493,25 @@ html, body{
padding: 0;
margin: 0;
margin-right: 10px;
line-height: 38px;
font-family: 'Microsoft JhengHei UI';
}
.travelDaysdetails-textC{
font-size: 21px;
font-size: 23px;
font-weight: 800;
line-height: 34px;
line-height: 38px;
font-family: 'Microsoft JhengHei UI Ligh';
}
.travelDaysdetails-text.right0{
margin-right: 0;
}
.travelDaysdetails-text0-r{
margin-top: 5px;
margin-top: -16px;
}
.travelDaysdetails-text0-r>p:first-child,
.travelDaysdetails-text0-r>span:first-child,
.travelDaysdetails-text0-r>a:first-child{
text-indent: 101px;
text-indent: 116px;
}
.travelDaysdetails-text1{
/* font-size: 16px !important; */
......@@ -705,10 +706,10 @@ html, body{
color: #444444;
}
.fz18{
font-size: 18px;
font-size: 23px;
}
.fz21{
font-size: 21px;
font-size: 29px;
}
.fz26{
font-size: 26px;
......@@ -724,16 +725,19 @@ html, body{
font-family: 'Microsoft JhengHei UI';
}
.lineHeight25{
line-height: 25px;
line-height: 42px;
}
.lineHeight38{
line-height: 38px;
}
.lineHeight54{
line-height: 54px;
}
.MT15{
margin-top: 15px;
margin-top: 21px;
}
.MT19{
margin-top: 19px;
margin-top: 20px;
}
.MT28{
margin-top: 28px;
......@@ -751,13 +755,13 @@ html, body{
margin-left: 37px;
}
.MB25{
margin-bottom: 25px;
margin-bottom: 28px;
}
.MB31{
margin-bottom: 31px;
}
.MB32{
margin-bottom: 32px;
margin-bottom: 45px;
}
.MB35{
margin-bottom: 35px;
......@@ -792,30 +796,30 @@ html, body{
-o-border-radius: 18px;
}
.card-title{
line-height: 20px;
line-height: 54px;
}
.travelDaysMasterMap2-box{
padding: 45px 32px;
padding-bottom: 35px;
padding-bottom: 40px;
}
.travelDaysMasterMap2{
height: 583px;
height: 643px;
}
.travelDaysMasterMap2_2{
width: 524px;
height: 250px;
width: 578px;
height: 316px;
}
.travelDaysMasterMap3_1{
width: 517px;
height: 280px;
width: 571px;
height: 368px;
}
.travelDaysMasterMap4_1{
width: 772px;
height: 449px;
width: 768px;
height: 496px;
}
.travelDaysMasterMap4_2{
width: 370px;
height: 214px;
width: 366px;
height: 236px;
}
/* .width331{
width: 331px;
......
src/components/newTravelmanager/travelLineTrip/components/travelDays.vue
View file @ e0a554a6
......@@ -9,7 +9,7 @@
<!-- <Header :TripColor="dataAll.TripColor" :orderMsg="dataAll"></Header> -->
<!-- dataAll.TripColor -->
<div class="travelDaysTitlle row-aic" style="min-height: 124px;" :style="{'background': backgroundColor}">
<div class="travelDaysTitlle row-aic" style="min-height: 137px;" :style="{'background': backgroundColor}">
<div class="travelDaysTitlle-left">
<div class="relative">
<div class="travelDaysTitlle-left-text column-ajc absolute">
......@@ -35,21 +35,21 @@
(item.TitleObj.ShowTripType==2&&(item.ScenicArray.length==1||item.ScenicArray.length==0))
||((item.TitleObj.ShowTripType==1||item.TitleObj.ShowTripType==0)&&
(item.ScenicArray.length>0||item.ScenicArray.length==0))">
<div class="column travelDaysMasterMap2-box" style="padding: 45px 32px 41px 32px;">
<div class="column travelDaysMasterMap2-box" style="padding: 50px 35px 31px 35px;">
<div :id="'viewSpotBox_'+(item*4)+'_0'+index" class="travelDaysMasterMap relative borderRadius18 hidden"
style="margin-top: 0;">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'" :isTemplate="false"
:isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="1176" :y="632"></FeatureControls>
@toSelectImg="SelectImg(0)" :x="1170" :y="643"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic">
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1176"
:h="632" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1170"
:h="643" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -75,19 +75,27 @@
<div class="travelDaysContent">
<template v-if="item.ScenicArray.length>0">
<div class="travelDaysContent-text" v-for="(jindian,j) in item.ScenicArray" :key="j">
<span class="textBold">
【{{jindian.CouponsName}}】
</span>
<div class="textBold">
<!-- 【 -->
<vEditSpan :canEdit='canEdit' v-model="jindian.CouponsName"></vEditSpan>
<!-- 】 -->
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="jindian.Description"></vEditSpan>
</div>
</div>
</template>
<div v-if="item.ScenicArray.length==0&&item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysContent-text">
<span class="textBold">
<!-- <vEditDiv class="dayCouponsName" :canEdit='canEdit'
v-model="'【'+item.TrafficObj.trafficIntroduce.IntroduceTitle+'】'"></vEditDiv> -->
<vEditDiv class="dayCouponsName" :canEdit='canEdit'
v-model="'【'+item.TrafficObj.trafficIntroduce.IntroduceTitle+'】'"></vEditDiv>
v-model="item.TrafficObj.trafficIntroduce.IntroduceTitle"></vEditDiv>
</span>
<vEditSpan :canEdit='canEdit' v-model="item.TrafficObj.trafficIntroduce.IntroduceDetail"></vEditSpan>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan class="MT15" :canEdit='canEdit' v-model="item.TrafficObj.trafficIntroduce.IntroduceDetail"></vEditSpan>
</div>
</div>
<div v-if="item.ScenicArray.length==0&&!item.TrafficObj.trafficIntroduce.IntroduceTitle"
class="travelDaysContent-text">
......@@ -105,16 +113,16 @@
class="travelDaysMasterMap2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="1176" :y="583"></FeatureControls>
@toSelectImg="SelectImg(0)" :x="1170" :y="643"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic">
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1176"
:h="583" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="1170"
:h="643" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -137,7 +145,9 @@
</div>
</div>
<div class="MT28" v-if="item.ScenicArray.length>0">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
......@@ -149,14 +159,14 @@
class="travelDaysMasterMap2_2 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="524" :y="250"></FeatureControls>
@toSelectImg="SelectImg(1)" :x="578" :y="316"></FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="524"
:h="250" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="578"
:h="316" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -181,7 +191,9 @@
</div>
<div class="ML26 flexG">
<template v-if="item.ScenicArray.length>1">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
......@@ -198,14 +210,14 @@
class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="517" :y="280"></FeatureControls>
@toSelectImg="SelectImg(0)" :x="571" :y="368"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length==3" :w="517" :h="280"
<VueDraggableResizable v-if="item.ScenicArray.length==3" :w="571" :h="368"
:ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
......@@ -231,7 +243,9 @@
</div>
<div class="ML26 flexG">
<template v-if="item.ScenicArray.length>0">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
......@@ -241,7 +255,9 @@
<div class="row MB32">
<div class="flexG">
<template v-if="item.ScenicArray.length>1">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
......@@ -252,14 +268,14 @@
class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="517" :y="280"></FeatureControls>
@toSelectImg="SelectImg(1)" :x="571" :y="368"></FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517"
:h="280" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="571"
:h="368" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -289,14 +305,14 @@
class="travelDaysMasterMap3_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(2)"
@toSelectImg="SelectImg(2)" :x="517" :y="280"></FeatureControls>
@toSelectImg="SelectImg(2)" :x="571" :y="368"></FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>2||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="517"
:h="280" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false"
v-if="item.ScenicArray.length>2||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="571"
:h="368" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -321,7 +337,9 @@
</div>
<div class="ML26 flexG">
<template v-if="item.ScenicArray.length>2">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div>
......@@ -337,14 +355,14 @@
class="travelDaysMasterMap4_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="772" :y="449"></FeatureControls>
@toSelectImg="SelectImg(0)" :x="768" :y="496"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic">
</div>
<VueDraggableResizable v-if="item.ScenicArray.length==4" :h="449" :w="772"
<VueDraggableResizable v-if="item.ScenicArray.length==4" :h="496" :w="768"
:ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" parent=".travelDaysMasterMap4_1" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
......@@ -371,7 +389,9 @@
</div>
<div class="ML37 flexG">
<template v-if="item.ScenicArray.length>0">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
......@@ -388,12 +408,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :x="370" :y="214">
@toUploadImg="UploadImg(1)" @toSelectImg="SelectImg(1)" :x="366" :y="236">
</FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0"
:w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>1?ScenicArrayList[1].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -418,8 +438,9 @@
</div>
<div class="MT28 width331">
<template v-if="item.ScenicArray.length>1">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title">
{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
......@@ -435,12 +456,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="370" :y="214">
@toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="366" :y="236">
</FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0"
:w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -465,8 +486,9 @@
</div>
<div class="MT28">
<template v-if="item.ScenicArray.length>2">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title">
{{item.ScenicArray[2].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
</div>
......@@ -482,12 +504,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="370" :y="214">
@toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="366" :y="236">
</FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0"
:w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(3)"
:x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -511,9 +533,11 @@
</div>
</div>
<div class="MT28">
<template v-if="item.ScenicArray.length>3">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title">
{{item.ScenicArray[3].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A card-title lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT15 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan>
</div>
......@@ -530,16 +554,16 @@
class="travelDaysMasterMap5_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(0)"
@toSelectImg="SelectImg(0)" :x="571" :y="291"></FeatureControls>
@toSelectImg="SelectImg(0)" :x="567" :y="322"></FeatureControls>
<input type="file" style="display:none" :id="'dayfile_'+(item * 2 + 1) + '_'+index"
@change="uploadpic">
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="571"
:h="291" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="567"
:h="322" :ref="'viewSpotVds_' + item * 4 + '_0'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(0)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -562,7 +586,9 @@
</div>
</div>
<div class="MT28" v-if="item.ScenicArray.length>0">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[0].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[0].Description"></vEditSpan>
</div>
......@@ -573,14 +599,14 @@
class="travelDaysMasterMap5_1 hidden relative borderRadius18">
<div class="travelDaysMasterMap-one" :style="{'color':'#fff'}">
<div class="travelDaysMasterMap-oneImg bjF6 relative UpgradedVersion-Hover">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<div class="featureDay-vToolBar absolute z-index3" style="zoom:3">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true" @toUploadImg="UploadImg(1)"
@toSelectImg="SelectImg(1)" :x="571" :y="291"></FeatureControls>
@toSelectImg="SelectImg(1)" :x="567" :y="322"></FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="571"
:h="291" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
v-if="item.ScenicArray.length>0||item.TrafficObj.trafficIntroduce.IntroduceImage" :w="567"
:h="322" :ref="'viewSpotVds_' + item * 4 + '_1'+index" tabindex="0" :resizable="false"
:active="false" :parent="false" axis="y" @activated="onActivated(1)"
:x="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>0?ScenicArrayList[0].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -603,7 +629,9 @@
</div>
</div>
<div class="MT28" v-if="item.ScenicArray.length>1">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[1].CouponsName}}</div>
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[1].Description"></vEditSpan>
</div>
......@@ -620,12 +648,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="370" :y="214">
@toUploadImg="UploadImg(2)" @toSelectImg="SelectImg(2)" :x="366" :y="236">
</FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0"
:w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_2'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(2)"
:x="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>2?ScenicArrayList[2].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -650,7 +678,8 @@
</div>
<div class="MT28">
<template v-if="item.ScenicArray.length>2">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[2].CouponsName}}
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[2].Description"></vEditSpan>
......@@ -667,12 +696,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="370" :y="214">
@toUploadImg="UploadImg(3)" @toSelectImg="SelectImg(3)" :x="366" :y="236">
</FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>1||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0"
:w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_3'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(3)"
:x="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>3?ScenicArrayList[3].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -697,7 +726,8 @@
</div>
<div class="MT28">
<template v-if="item.ScenicArray.length>3">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[3].CouponsName}}
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[3].Description"></vEditSpan>
......@@ -714,12 +744,12 @@
<div class="featureDay-vToolBar absolute z-index3" style="zoom:2">
<FeatureControls :index="index" :FeatureData="item" :ControlsType="'row'"
:isTemplate="false" :isUploadImg="true" :isSelectImg="true"
@toUploadImg="UploadImg(4)" @toSelectImg="SelectImg(4)" :x="370" :y="214">
@toUploadImg="UploadImg(4)" @toSelectImg="SelectImg(4)" :x="366" :y="236">
</FeatureControls>
</div>
<VueDraggableResizable
v-if="item.ScenicArray.length>4||item.TrafficObj.trafficIntroduce.IntroduceImage"
:w="370" :h="214" :ref="'viewSpotVds_' + item * 4 + '_4'+index" tabindex="0"
:w="366" :h="236" :ref="'viewSpotVds_' + item * 4 + '_4'+index" tabindex="0"
:resizable="false" :active="false" :parent="false" axis="y" @activated="onActivated(4)"
:x="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.x:item.TrafficObj.trafficIntroduce.x"
:y="ScenicArrayList&&ScenicArrayList.length>4?ScenicArrayList[4].ScenicJson.y:item.TrafficObj.trafficIntroduce.y"
......@@ -744,7 +774,8 @@
</div>
<div class="MT28 width331">
<template v-if="item.ScenicArray.length>4">
<div class="fz21 fontBold fontFamilyLigh color2A2A2A">{{item.ScenicArray[4].CouponsName}}
<div class="fz21 fontBold fontFamilyLigh color2A2A2A lineHeight54">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[4].CouponsName"></vEditSpan>
</div>
<div class="fz18 MT19 lineHeight25 color444 fontFamilyUI">
<vEditSpan :canEdit='canEdit' v-model="item.ScenicArray[4].Description"></vEditSpan>
......@@ -760,7 +791,7 @@
v-if="item.WarmTipObj.Description&&getHtmlPlainText(item.WarmTipObj.Description).length>0">
<div :id="'WarmTip_'+index" class="travelDaysdetails-tsText row relative"
:style="{'background':'#EFECEC'}">
<span class='travelDaysdetails-text0 absolute' style='line-height:25px;top: 15px;'>温馨提示：</span>
<span class='travelDaysdetails-text0 absolute' style='line-height:25px;top: 26px;'>温馨提示：</span>
<div v-html="item.WarmTipObj.Description" class="travelDaysdetails-text0-r"></div>
</div>
</div>
......@@ -793,7 +824,7 @@
</div>
</div>
</div>
<div class="travelDaysdetails-textBox">
<div class="travelDaysdetails-textBox marginT21">
<div class="travelDaysdetails-text right0 row">
<span class="travelDaysdetails-text0">住宿：</span>
<div class="travelDaysdetails-textC" v-if="item.HotelArray">
......@@ -934,10 +965,10 @@
},
getFontSize(title) {
if (!title) return
let size = 30;
let size = 34;
if (title && title.length > 0 && title.length > 80) {
var tempSize = Number(80) / Number(title.length);
tempSize = tempSize * 30;
tempSize = tempSize * 34;
size = tempSize.toFixed(1);
}
return size + "px";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment