Commit d701843e authored by zhengke's avatar zhengke

修改

parent ba0e0a4c
This diff is collapsed.
<style>
.leftDayList{
display:inline-block;
width: 30px;
height: 100%;
vertical-align: top;
}
.dayNum{
font-weight: bold;
......@@ -16,21 +19,97 @@
position: relative;
border-left: 2px solid #ebebec;
position: relative;
padding: 0 0 20px;
padding: 0 0 20px 50px;
margin-left: 10px;
}
.Trip_Content{
margin-left:100px;
}
.Trip_Content:first-child{
margin-top:20px;
}
.Trip_Content:last-child{
margin-bottom:20px;
}
.TC_circles{
width: 18px;
height: 18px;
background: #fff;
border-radius: 100%;
border: 2px solid #90b7ec;
position: absolute;
left: -11px;
top: 0;
}
.TripControl{
display: inline-block;
vertical-align: middle;
position: relative;
top: -170px;
margin-left: 30px;
}
.TripControl i{
display:inline-block;
width:30px;
height:30px;
line-height: 30px;
cursor: pointer;
border-radius: 50%;
text-align: center;
}
.TripControl i:hover{
background-color: #90b7ec;
color:#fff;
}
</style>
<template>
<div>
<div class="leftDayList">
<span class="dayNum">第1天</span>
</div>
<div class="siteList">
<el-form-item label="前往地" label-width='100px'>
<el-input type="text" class="w300"></el-input
>&nbsp;仲裁委员会仲裁;
</el-form-item>
</div>
<div class="Trip_Content">
<div class="leftDayList">
<span class="dayNum">第1天</span>
</div>
<div class="siteList">
<el-form-item label="前往地" label-width='100px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input
>&nbsp;仲裁委员会仲裁;
</el-form-item>
<el-form-item label="前往省份/国家地区" label-width='160px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input>
</el-form-item>
<el-form-item label="是否过境" label-width='100px' style="display:inline-block;">
<el-checkbox v-model="checked"></el-checkbox>
</el-form-item>
<el-input type="textarea" resize="none" rows="16" cols="40"></el-input>
<div class="TC_circles"></div>
</div>
<div class="TripControl">
<i class="iconfont icon-baocun1"></i>
<i class="iconfont icon-img_delete_small" style="margin-left:10px;"></i>
</div>
</div>
<div class="Trip_Content">
<div class="leftDayList">
<span class="dayNum">第1天</span>
</div>
<div class="siteList">
<el-form-item label="前往地" label-width='100px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input
>&nbsp;仲裁委员会仲裁;
</el-form-item>
<el-form-item label="前往省份/国家地区" label-width='160px' style="display:inline-block;">
<el-input type="text" class="w150"></el-input>
</el-form-item>
<el-form-item label="是否过境" label-width='100px' style="display:inline-block;">
<el-checkbox v-model="checked"></el-checkbox>
</el-form-item>
<el-input type="textarea" resize="none" rows="16" cols="40"></el-input>
<div class="TC_circles"></div>
</div>
<div class="TripControl">
<i class="iconfont icon-baocun1"></i>
<i class="iconfont icon-img_delete_small" style="margin-left:10px;"></i>
</div>
</div>
</div>
</template>
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