Skip to content

C
CRM
Commit 343f44f6 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

删除一些没有用的文件

parent 8aba1659
Show whitespace changes
Inline Side-by-side
Showing with 158 additions and 2582 deletions
src/App.vue
View file @ 343f44f6
......@@ -20,9 +20,9 @@ export default {
<style>
@import './assets/global/font.css';
@import '//at.alicdn.com/t/font_863923_vbuuda0uxl8.css';
@import './assets/global/global.css';
@import '//at.alicdn.com/t/font_1627123_95ez472hgyg.css';
@import './assets/css/common.css';
@import './assets/css/init.css';
body,html{
padding: 0px;
margin: 0px;
......
src/assets/css/LocalCuisine.css deleted 100644 → 0
View file @ 8aba1659
.LocalCuisine{
font-family: "PingFang";
color: #333333;
background: #f5f5f5;
}
.LocalCuisine .w1200{
margin:0 auto;
}
.LocalCuisine .chooseDiv{
padding:0 20px;
box-sizing: border-box;
width: 100%;
background: #ffffff;
margin-top:25px;
}
.LocalCuisine .chooseDiv li{
border-bottom:1px dashed rgba(233,233,233,1);
padding: 15px 0;
box-sizing: border-box;
position: relative;
}
.LocalCuisine .chooseDiv li div{
display: inline-block;
position: relative;
}
.LocalCuisine .chooseDiv li .title{
width: 80px;
}
.LocalCuisine .chooseDiv li .change{
width: 1080px;
color:#999999;
}
.LocalCuisine .chooseDiv li .el-icon-date{
color:#4CB960;
font-weight: 700;
}
.LocalCuisine .el-input__inner{
border-radius: 0;
}
.LocalCuisine .spanMargin{
word-break: break-all;
}
.LocalCuisine .spanMargin span{
display: inline-block;
font-size: 12px;
margin-right:18px;
padding-bottom:10px;
cursor: pointer;
}
.LocalCuisine .spanPrice>span{
display: inline-block;
font-size: 12px;
margin-right:18px;
cursor: pointer;
}
.LocalCuisine .icon-qian{
color: #333333;
font-size: 12px;
}
.LocalCuisine .pxDiv .px img{
width: 8px;
height: 12px;
position: relative;
top: 2px;
cursor: pointer;
}
.LocalCuisine .pxDiv{
padding: 15px 0;
text-align: center;
font-size: 12px;
}
.LocalCuisine .pxDiv span{
margin:0 10px;
}
.LocalCuisine .dataList{
margin-top:40px;
}
.LocalCuisine .dataList .dataLeft{
float: left;
width: 224px;
background:rgba(255,255,255,1);
border:1px solid rgba(236, 236, 236, 1);
box-sizing: border-box;
}
.LocalCuisine .dataList .dataRight{
float: right;
width: 954px;
background:rgba(255,255,255,1);
border:1px solid rgba(236, 236, 236, 1);
box-sizing: border-box;
/* margin-left: 20px; */
}
.LocalCuisine .dataList .leftList{
width: 188px;
margin: 0 auto;
margin-bottom:30px;
}
.LocalCuisine .dataList .dataRight .rightlist{
padding:0 20px;
box-sizing: border-box;
transition: all .5s ease;
cursor: pointer;
}
.LocalCuisine .dataList .dataRight .el-row{
padding:20px 0;
border-bottom: 1px solid #E9E9E9;
}
.LocalCuisine .dataList .dataRight .rightlist:hover{
box-shadow: 0px 1px 13px 0px rgb(189, 189, 189);
}
.LocalCuisine .dataList .dataRight .el-row .el-col{
box-sizing: border-box;
}
.LocalCuisine .dataList .dataRight .zhuti{
margin-bottom: 15px;
}
.LocalCuisine .dataList .dataRight .zhuti span{
display: inline-block;
color:#4E9F5D;
background:rgba(76,185,96,0.2);
padding:4px 10px;
margin-right: 10px;
/* opacity:0.2; */
}
.LocalCuisine .page{
background: #EBEBEB;
margin: 30px 0;
float: right;
width: 954px;
}
.LocalCuisine .page ._pagination{
height: 45px;
background-color: #EBEBEB;
display: flex;
align-items: center;
justify-content: center;
}
.LocalCuisine .page .el-pagination .btn-next,.LocalCuisine .page .el-pagination .btn-prev{
width:40px !important;
height:20px !important;
border:1px solid rgba(238,68,84,1);
border-radius:10px;
color: #f56c6c;
}
.LocalCuisine .page .el-pagination{
display: flex;
align-items: center;
}
.LocalCuisine .page .el-pager li{
background: transparent;
font-weight: initial;
}
.LocalCuisine .page .el-pager li:hover{
color: #f56c6c;
}
.LocalCuisine .page .el-pager li.active{
color: #f56c6c;
}
.LocalCuisine .ChActive{
color: #EE4454;
font-family: "PingFangR";
}
/* 当地美食详情页 */
.LocalCuisineDetails .Head{
margin-top: 15px;
}
.LocalCuisineDetails .Head .HeadLeft{
width: 460px;
float: left;
}
.LocalCuisineDetails .Head .HeadLeft .Imglist{
margin-left: -12px;
margin-top: 5px;
}
.LocalCuisineDetails .Head .HeadLeft .Imglist li{
display: inline-block;
margin-left: 12px;
}
.LocalCuisineDetails .Head .HeadLeft .Imglist li a{
display: inline-block;
width:82px;
height:47px;
box-sizing:border-box;
position: relative;
}
.LocalCuisineDetails .Head .HeadLeft .Imglist .activeLi{
/* border: 2px solid #EE4454; */
}
.LocalCuisineDetails .Head .HeadLeft .Imglist .activeLi a:before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border:2px solid #fff;
}
.LocalCuisineDetails .Head .HeadLeft .Imglist .activeLi a:after, .LocalCuisineDetails .Head .HeadLeft .Imglist .activeLi a:after{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 1px;
border: 2px solid #EE4454;
}
.LocalCuisineDetails .Head .HeadLeft .Imglist li img{
width: 100%;
height: 100%;
}
.LocalCuisineDetails .Head .HeadRight{
width: 720px;
float: right;
background: #fff;
padding: 30px 25px;
box-sizing: border-box;
}
.LocalCuisineDetails .Head .HeadRight .zhuti span{
display: inline-block;
color:#4E9F5D;
background:rgba(76,185,96,0.2);
padding:4px 10px;
margin-right: 10px;
/* opacity:0.2; */
}
.LocalCuisineDetails .Head .HeadRight .hr{
border-bottom: 1px dashed #E9E9E9;
margin:30px 0;
}
.LocalCuisineDetails .Head .HeadRight .tcDiv{
position: relative;
}
.LocalCuisineDetails .Head .HeadRight .tcDiv .tcSpan{
position: absolute;
color:#666666;
font-size: 12px;
}
.LocalCuisineDetails .Head .HeadRight .tcDiv .tc{
padding-left: 78px;
box-sizing: border-box;
}
.LocalCuisineDetails .Head .HeadRight .tcDiv .tc span{
display: inline-block;
border:1px solid rgba(204, 204, 204, 1);
border-radius:2px;
font-size:12px;
padding:4px 6px;
margin-right: 10px;
margin-bottom:10px;
cursor: pointer;
}
.LocalCuisineDetails .Head .HeadRight .tcDiv .tc .Active{
border: 2px solid #EE4454;
color:#EE4454;
}
.LocalCuisineDetails .ydDiv{
margin-top:15px;
background:rgba(255,248,249,1);
border:1px solid rgba(249, 229, 232, 1);
/* height:80px; */
padding:15px 15px;
box-sizing: border-box;
}
.LocalCuisineDetails .ydDiv .el-form-item{
display: inline-block;
margin-bottom: 0;
}
.LocalCuisineDetails .el-input-number__decrease,.LocalCuisineDetails .el-input-number__increase{
background: #fff;
outline: none;
}
.LocalCuisineDetails .ydDiv .el-icon-date{
color: #4CB960;
font-family: "PingFangR";
font-size: 16px;
}
/* .LocalCuisineDetails .ydDiv .el-input__prefix{
right:2px;
} */
.LocalCuisineDetails .ydDiv .el-form-item__label{
color:#666666;
font-size: 12px;
}
.LocalCuisineDetails .dataRight .el-tabs__nav{
float: none;
text-align: center;
}
.LocalCuisineDetails .dataRight .el-tabs__item{
height: 60px;
line-height: 60px;
}
.LocalCuisineDetails .dataRight .el-tabs__item.is-active{
color: #EE4454;
font-family: "PingFangR"
}
.LocalCuisineDetails .dataRight .el-tabs__active-bar{
left: 400px;
background-color: #EE4454;
}
.LocalCuisineDetails .dataRight .el-tabs__item:hover{
color: #EE4454;
}
.LocalCuisineDetails .dataRight .el-tabs__nav-wrap::after{
height: 1px;
}
\ No newline at end of file
src/assets/css/home.css deleted 100644 → 0
View file @ 8aba1659
.home_content .cztm .el-tabs__item {
font-size: 18px;
}
.Home .ticket .el-form-item {
display: inline-block;
margin-bottom: 0;
width: 182px;
}
.Home .el-tabs__item:hover {
color: #fd6473;
}
.Home .el-tabs__active-bar {
background-color: #fd6473;
}
.Home .el-tabs__item.is-active {
color: #fd6473;
font-family: "PingFangR";
}
.Home .tag_active {
background: #fff;
color: #fd6473 !important;
font-weight: bold;
}
.Home .tag_active .iconfont{
color: #fd6473 !important;
}
.Home .form_ul {
height: 80px;
overflow: hidden;
}
.Home .form_ul li {
float: left;
width: 70px;
text-align: center;
background: rgba(238, 238, 238, 1);
border-radius: 8px;
padding: 3px 5px;
margin-right: 10px;
margin-bottom: 8px;
margin-top:14px;
cursor: pointer;
box-sizing: border-box;
}
.Home .Home_top .el-radio__input.is-checked .el-radio__inner{
border-color: #FD6473;
background: #FD6473;
}
.Home .Home_top .el-radio__input.is-checked+.el-radio__label{
color: #FD6473;
}
.Home .green_span {
display: inline-block;
width: 3px;
height: 14px;
background: rgba(21, 182, 161, 1);
margin-right: 5px;
}
.Home .form_btn {
display: inline-block;
width: 139px;
color: #fff;
background: rgba(253, 100, 115, 1);
padding: 5px 0;
text-align: center;
font-size: 14px;
float: right;
font-family: "PingFangR";
cursor: pointer;
}
.Home .Home_top .tag_right .el-form-item__label {
color: #666666;
}
/* 选择条件部分 */
.Home .Home_top .tag_right .chooseticketul li{
display: inline-block;
width:182px;
height:32px;
line-height: 32px;
border:1px solid rgba(216,218,220,1);
margin-bottom:10px;
}
.Home .Home_top .tag_right .chooseticketul li>span:nth-child(1){
padding-left: 10px;
color:#666666;
}
.Home .Home_top .tag_right .chooseticketul li span .el-input{
width:98px!important;
position: relative;
}
.Home .Home_top .tag_right .chooseticketul .el-input__inner{
border:none;
line-height: 30px;
background: transparent;
padding: 0;
}
.Home .Home_top .tag_right .visaul_li{
width:100%;
height:32px;
border:1px solid rgba(216,218,220,1);
line-height: 32px;
box-sizing: border-box;
}
.Home .Home_top .tag_right .visaul_li li{
float: left;
position: relative;
}
.Home .Home_top .tag_right .visaul_li li:nth-child(1){
padding-left: 10px;
color:#666666;
}
.Home .Home_top .tag_right .visaul_li li .el-input__inner{
border:none;
line-height: 30px;
background: transparent;
padding: 0;
}
.Home .Home_top .tag_right .visaul_li li .el-date-editor.el-input,.Home .Home_top .tag_right .visaul_li li .el-date-editor.el-input__inner {
width: 100px!important;
position: relative;
}
.Home .el-input__inner {
border-radius: 0px;
}
.Home .Home_top .tag_left li .iconfont {
font-size: 20px;
color: #ababab;
}
.Home ul,
p {
padding: 0;
margin: 0;
}
.Home li {
list-style: none;
}
.Home .Home_top .tag_left li:first-child {
border: none;
}
.Home .Home_top .tag_left .tag_active{
border: none;
}
.Home .Home_top .tag_left li {
height: 25%;
color: #fff;
font-size: 12px;
padding-top: 12px;
box-sizing: border-box;
border-top: 1px dashed #737373;
cursor: pointer;
}
.Home .Home_top .tag_left {
width: 78px;
position: absolute;
height: 100%;
text-align: center;
background: #444444;
}
.Home .Home_top .tag_right {
width: 100%;
box-sizing: border-box;
padding: 15px 20px 20px 90px;
height: 100%;
font-size: 14px;
overflow: hidden;
}
.Home .Home_top {
position: relative;
z-index: 1000;
}
.Home .Home_top .top_tag {
position: relative;
width: 512px;
height: 255px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 1px 4px 0px rgba(139, 139, 139, 0.33);
}
.Home .cztm,.Grouptour,.Ticket_spots,.Localtour{
cursor: pointer;
}
.Home {
font-family: "PingFang";
}
.Home .cztm_item_content p{
padding:2px 0;
}
.Home .cztm_item_content .cztm_title{
color:#333333;
font-weight: 700;
padding-top:4px;
}
.Home .cztm_item_content .discount{
padding:0 8px;
color: #FF6600;
border:1px solid rgba(255,102,0,1);
}
.Home .cztm_item_content .bg{
display: inline-block;
text-align: center;
color: #fff;
width:19px;
height:18px;
background:rgba(68,68,68,1);
}
.Home .cztm .cztm_item_content{
height: 100%;
width: 123px;
box-sizing: border-box;
padding-left:10px;
position: absolute;
right: 0;
background: #fff;
}
.Home .cztm .cztm_item img{
width:100%;
height:100%;
position: absolute;
left: 0;
}
.Home .cztm .cztm_item{
position: relative;
width:215px;
height:130px;
font-size: 12px;
background:rgba(255,255,255,1);
border:1px solid rgba(220,220,220,1);
display: inline-flex;
align-items:center;
margin:0 0 15px 22px;
box-sizing: border-box;
}
.Home #triangle-left{
position: absolute;
top: 16px;
left:-8px;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 8px solid #fff;
border-bottom: 5px solid transparent;
}
.Home .cztm .tj_ticket{
margin:0 0 15px 17px;
width:215px;
height:130px;
background:rgba(255,255,255,1);
overflow: hidden;
display: inline-block;
}
.Home .cztm .tj_ticket .ticket_top{
width: 100%;
height: 32px;
line-height: 32px;
background:rgba(255,189,30,1);
text-align: center;
color: #fff;
border-top-left-radius:4px;
border-top-right-radius:4px;
position:relative;
}
.Home .cztm .tj_ticket .ticket_content{
border:1px solid #DCDCDC;
border-top:none;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}
.Home .cztm .tj_ticket .ticket_content .ticketTitle{
position: relative;
width: 95%;
margin:0 auto;
}
.Home .cztm .tj_ticket .ticket_content .ticketTitle .Divtitle>span{
display: inline-block;
background: #fff;
max-width: 50%;
font-family: "PingFangR";
font-size: 16px;
}
.Home .cztm .tj_ticket .ticket_content .ticketTitle div .bg{
position: absolute;
top: 8px;
text-align: center;
z-index: 0;
width: 100%;
}
.Home .cztm .tj_ticket .ticket_content .dashed{
display: inline-block;
width: 100%;
height: 1px;
background-image: linear-gradient(to right, #dcdcdc 0%, #dcdcdc 50%, transparent 50%);
background-size: 10px 1px;
background-repeat: repeat-x;
position: absolute;
bottom:5px;
left: 0;
}
.Home .cztm .tj_ticket .cirle{
position: absolute;
background: #fff;
width: 10px;
height: 10px;
border-radius: 50%;
bottom: -5px;
border: 1px solid #DCDCDC;
}
.Home .cztm .tj_ticket .circle_left{
left: -5px;
}
.Home .cztm .tj_ticket .circle_right{
right: -5px;
border: 1px solid #DCDCDC;
}
.Home .Grouptour{
margin-top:30px;
position: relative;
}
.Home .Grouptour .tour_left{
width:216px;
box-sizing: border-box;
position: absolute;
left: 0;
}
.Home .Grouptour .tour_left_content{
height: 334px;
margin-top: 10px;
padding:10px;
box-sizing: border-box;
color: #333333;
background: url("../../assets/img/home/tour.png") 100% 100%;
}
a{
text-decoration: none;
}
.Home .Grouptour .tour_left_content span:hover a{
text-decoration: underline;
color: #ee4454;
}
.Home .Grouptour .tour_left_content span a{
color: #333333;
}
.Home .Grouptour .tour_left_content span{
display: inline-block;
/* width: 50%; */
font-size: 12px;
margin-right: 20px;
margin-bottom:10px;
}
.Home .Grouptour .tour_right{
width: 100%;
padding-left: 235px;
box-sizing: border-box;
}
.common_ul_tab{
width: 100%;
border-bottom:1px solid #ededed;
}
.common_ul_tab li{
display: inline-block;
font-size: 15px;
margin-right:25px;
padding-bottom:6px;
}
.common_ul_tab .li_active{
border-bottom:3px solid #0BA893;
}
.Home .Grouptour .tour_right_item{
float: left;
width: 220px;
font-size: 12px;
margin:15px 0 0 15px;
box-sizing: border-box;
}
.Home .Grouptour .tour_right_content{
overflow: auto;
margin-left:-15px;
}
.Home .Grouptour .tour_right_item img{
height: 127px;
width: 100%;
}
.Home .Grouptour .tour_right_item .Remarks{
position: absolute;
bottom:0;
font-size: 12px;
color: #fff;
padding:2px 6px;
width: 100%;
box-sizing: border-box;
background: rgba(0,0,0,0.35);
}
.Home .travel_right_content{
height: 323px;
margin-left:-15px;
}
.Home .travel_right_content .travel_right_item_big{
width: 220px;
height: 310px;
}
.Home .travel_right_content .travel_right_item{
float: left;
position: relative;
margin:15px 0 0 15px;
}
.Home .travel_right_content .travel_right_item img{
width: 100%;
height: 100%;
}
.Home .travel_right_content .travel_right_item .Remarks{
width: 100%;
position: absolute;
bottom: 0px;
padding:6px;
color:#fff;
font-size: 12px;
box-sizing: border-box;
background:linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
}
.Home .travel_samll_div{
width: 470px;
height: 308px;
float: left;
}
.Home .travel_samll_div .travel_right_item_small{
width: 220px;
height: 147px;
}
.Home .travel_left{
background: url("../../assets/img/home/tour5.png")!important;
background-size:contain!important;
}
.Home .dingz{
border:4px solid rgba(255,231,173,1);
margin: 35px 0;
height:92px;
display: flex;
align-items: center;
text-align:center;
}
.Home .dingz .icon{
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
text-align:center;
background: #FFE7AD;
border-radius: 50%;
}
.Home .dingz .icon1{
background: #FFA800;
}
.Home .dingz .icon2{
background: #FFE7AD;
}
.Home .dingz .icon2 .iconfont{
color: #FFA800;
font-size: 30px;
}
.Home .dingz .icon1 .iconfont{
color: #fff;
font-size: 30px;
}
.Ticket_spots {
position: relative;
margin-top:30px;
}
.Ticket_spots .Ticket_spots_right{
position: absolute;
right: 0;
top: 0;
width: 220px;
font-size: 12px;
}
.Ticket_spots .Ticket_spots_left{
width: 100%;
box-sizing: border-box;
padding-right: 235px;
}
.Ticket_right_content span{
display: inline-block;
/* width: 50%; */
font-size: 12px;
}
.Ticket_spots ._spots_item{
display: inline-block;
width: 220px;
font-size: 12px;
margin:15px 0 0 15px;
}
.Ticket_spots ._spots_content{
margin-left:-15px;
}
.Ticket_spots ._spots_item img{
width:220px;
height:127px;
}
.Ticket_spots ._spots_item .city{
position: absolute;
top: 0;
left: 0;
padding:2px 8px;
background:rgba(249,201,0,1);
}
.Ticket_spots ._spots_item .Remarks{
margin: 6px 0;
}
.Ticket_right_content li{
position: relative;
padding:6px 10px;
box-sizing: border-box;
}
.Ticket_right_content .hot_left{
width:60px;
height:60px;
position: absolute;
left: 6px;
}
.Home .Ticket_right_content .hot_left img{
width: 100%;
height: 100%;
}
.Home .Ticket_right_content .hot_left .index{
position: absolute;
top: 0;
left: 0;
background: #E24A4A;
color:#fff;
padding: 0 3px;
}
.Home .Ticket_right_content .hot_right{
width: 100%;
box-sizing: border-box;
padding-left: 70px;
}
.Home .Ticket_right_content .hot_right p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.Home .Ticket_right_content li{
height: 76px;
margin-top:8px;
}
.Home .Ticket_right_content li:hover{
transition: all linear 0.5s;
cursor: pointer;
box-shadow:0px 1px 4px 0px rgba(94,94,94,0.61);
}
.Home .hotel_right{
margin-left: -15px;
}
.Home .hotel .hotel_right_item{
width:220px;
height:152px;
position: relative;
display: inline-block;
margin:15px 0 0 15px;
overflow: hidden;
}
.Home .hotel .hotel_right_item img{
width: 100%;
height: 100%;
transform: scale(1.2);
transition: transform 0.5s ease 0s;
}
.Home .hotel .hotel_right_item img:hover{
transform: scale(1.3);
}
.Home .hotel .hotel_right_item .hotel_remake{
width:116px;
height:116px;
background:rgba(0,0,0,0.45);
/* opacity:0.75; */
border-radius:50%;
position: absolute;
text-align: center;
color:#fff;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 12px;
top: 17px;
left: 51px;
}
.Home .hotel_left_content{
background: url('../img/home/tour6.png')!important;
background-size:cover!important;
height: 339px!important;
}
.Home .Special_ticket_content{
margin-left: -15px;
}
.Home .Special_ticket_item{
font-size: 12px;
width:220px;
height:127px;
margin:15px 0 0 15px;
background:#EFEFEF;
padding:6px 15px;
box-sizing: border-box;
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.Home .Special_ticket_content .qg{
background: #FD6473;
color: #fff;
padding:4px 12px;
float: right;
}
.Home .Special_ticket_item p{
padding:6px 0;
}
.Home .Localtour,.Special_ticket{
margin-top:30px;
}
.Home .Special_ticket_right{
position: absolute;
right: 0px;
width:220px;
background: url('../img/home/tour7.png');
background-size:cover;
height: 284px;
top: 0;
}
.Home .Localtour .Localtour_item{
width:220px;
height:226px;
display: inline-block;
position: relative;
margin:15px 0 0 15px;
overflow: hidden;
}
.Home .Localtour .Localtour_item img{
width: 100%;
height: 100%;
position: absolute;
left: 0;top: 0;
}
.Home .Localtour .Localtour_item .city{
position: absolute;
top:6px;
left:15px;
font-size: 22px;
}
.Home .Localtour .Localtour_item .price{
position: absolute;
bottom:10px;
right: 10px;
}
.Home .bottom1{
width: 100%;
background: #60CA6E;
color: #fff;
}
.Home .bottom1 .bottom1_row{
width: 1100px;
margin:0 auto;
display: flex;
align-items: center;
text-align: center;
padding: 10px 0;
}
.Home .bottom1 .bottom1_row .iconfont{
color:#fff;
font-size: 36px;
}
.Home .bottom1 .bottom1_row .fontb{
font-weight: bold;
font-size: 20px;
}
.Home .bottom1 .bottom1_row .fonts{
font-size: 14px;
margin-left: 15px;
}
.Home .button-content:before{
content:'';
width:20px;
height: 0%;
border: 7px solid;
border-color: transparent transparent transparent #FD6473;
position: absolute;
left:20px;
}
.Home .Localtour .Localtour_right{
width: 218px;
background: url('../img/home/tour8.png');
background-size:cover;
font-size: 12px;
padding:10px;
box-sizing: border-box;
}
.Home .Localtour .Localtour_right li{
margin:9px 0;
}
.Home .button-content{
display: inline-block;
width: 20px;
height: 14px;
background-color: #FD6473;
font-size: small;
line-height: 14px;
text-align: center;
position: relative;
margin-right:10px;
color: #fff;
}
.Home .color_33{
color: #333333;
font-weight:bold;
font-size: 14px;
}
.Home .home_footer{
margin:30px 0 15px 0;
cursor: pointer;
}
.Home .home_footer .float{
float: left;
font-size: 12px;
color: #666666;
}
.Home .home_footer .float .iconfont{
font-size: 32px;
margin: 15px 10px;
}
.Home .home_footer .float ul li{
display: inline-block;
font-size: 12px;
color:#666666;
width: 50%;
padding:5px 0;
}
.Home .home_footer .float p{
padding:5px 0;
}
.Home .home_footer .el-col-6{
padding-left: 40px;
box-sizing: border-box;
}
.Home .phone{
width: 100%;
height:70px;
background:rgba(238,68,84,1);
margin-bottom:15px;
}
.Home .phone .qipao{
position: relative;
top: -2px;
display: inline-block;
font-size: 12px;
height: 36px;
width: 54px;
text-align: center;
line-height: 34px;
background: url('../img/home/qipao.png') no-repeat;
background-size:100% 100%;
}
/* 修改样式 */
.Home .visa .el-tabs__nav-wrap::after{
height: 1px;
background-color: #d8d8d8;
}
.Home .el-input__inner{
border: 1px solid #d8dadc;
}
.Home .tag_right .hotel_tabcontent .el-form-item {
margin-bottom: 13px;
}
.Home .cztm .el-tabs__item.is-active{
color:#ee4454;
}
.Home .cztm .el-tabs__active-bar{
height: 3px;
background: #ee4454;
}
.Home .cztm .el-tabs__nav-wrap::after{
height: 1px;
background-color: #ededed;
}
.Home .Home_HtName{
display: inline-block;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
padding: 0 5px;
-webkit-box-orient: vertical;
}
\ No newline at end of file
src/assets/css/init.css 0 → 100644
View file @ 343f44f6
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
\ No newline at end of file
src/assets/css/localtourhome.css deleted 100644 → 0
View file @ 8aba1659
.commonF .w1200{
font-family: "PingFang";
width: 1200px;
margin: 10px auto;
}
.commonF .basefix:after {
clear: both;
content: '.';
display: block;
height: 0;
overflow: hidden;
}
.commonF .textHidden1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.Localtourhome .basefix .sidenav_left{
width: 390px;
float: left;
}
.Localtourhome .basefix .sidenav_right{
width: 800px;
margin-left: 10px;
float: left;
height: 380px;
}
.Localtourhome .basefix .citylist{
width: 390px;
height: 315px;
border: 2px solid #A4CF63;
border-top: none;
box-sizing: border-box;
margin-top: -4px;
}
.Localtourhome .basefix .citylist li{
padding: 12px 20px;
border: 1px dashed #DDDDDD;
height: 104px;
box-sizing: border-box;
overflow: hidden;
}
.Localtourhome .basefix .citylist li:last-child{
border: none;
}
.Localtourhome .basefix .citylist .city_title{
color:#EE4454;
font-size: 16px;
}
.Localtourhome .basefix .citylist .citylist_span span{
color:#003333;
font-size:14px;
display: inline-block;
padding-right:14px;
margin-top:5px;
cursor: pointer;
}
.Localtourhome .ttd_mod_category .tab_mod{
margin-top: 10px;
margin-left: -14px;
}
.Localtourhome .ttd_mod_category .tab_mod li{
float: left;
width:188px;
height:100px;
background:rgba(245,245,245,1);
display: flex;
align-items: center;
margin-left: 14px;
}
.Localtourhome .ttd_mod_category .tab_mod li span{
color:#666666;
font-size: 16px;
}
.Localtourhome .commontitle{
position: relative;
margin-top: 32px;
}
.Localtourhome .commontitle .outone_top_left{
position: absolute;
}
.commontitle .outone_top_right{
padding-left: 142px;
}
.Localtourhome .commontitle .outone_top_right .content{
border-bottom:2px solid #4CB960;
padding-left: 75px;
min-height: 42px;
}
.Localtourhome .commontitle .outone_top_right .content span{
display: inline-block;
min-width:43px;
padding: 0 10px;
height:24px;
border-radius:8px;
font-size:14px;
text-align: center;
line-height: 24px;
margin: 8px 0;
margin-right:25px;
color:#003333;
cursor: pointer;
}
.Localtourhome .commontitle .outone_top_right .content .outone_active{
background:rgba(76,185,96,1);
color:#fff;
}
.Localtourhome .commontitle .outone_top_right .content a{
float: right;
color: #666666;
font-size: 12px;
position: relative;
top: 9px;
cursor: pointer;
}
.Localtourhome .outoneday .dayContent>div{
float: left;
}
.Localtourhome .outoneday .dayContent .dayConDiv1>div{
width: 375px;
height: 188px;
position: relative;
}
.Localtourhome .outoneday .dayContent .dayConDiv1>div:nth-child(2){
margin-top: 12px;
}
.Localtourhome .outoneday .dayContent .dayConDiv1 div img{
width: 251px;
height: 188px;
}
.Localtourhome .outoneday .dayContent .dayConDiv1 div .daydes{
position: absolute;
width: 83px;
overflow: hidden;
font-size: 12px;
color:#333333;
top: 18px;
right: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.Localtourhome .outoneday .dayContent .dayConDiv1 div .price{
position: absolute;
font-size: 14px;
color:#FDAC11;
bottom: 11px;
right: 11px;
}
.commonF .pfR{
font-family: "PingFangR"
}
.commonF .font18{
font-size: 18px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2{
width: 600px;
margin-left: 15px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 ul{
margin-left: -12px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .imgDiv{
position: relative;
width: 192px;
height: 144px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 li:hover{
cursor: pointer;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 li{
float: left;
margin-left: 12px;
margin-bottom: 10px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .imgDiv img{
width: 100%;
height: 100%;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .imgDiv .country{
height:28px;
background:rgba(249,201,0,1);
display: inline-block;
text-align: center;
line-height: 28px;
position: absolute;
top: 0;
left: 0;
font-size: 12px;
padding:0 4px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .imgDiv .price{
position: absolute;
width: 100%;
bottom: 0;
right: 0;
font-size: 14px;
color:#FDAC11;
background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,-0.01));
text-align: right;
padding-right: 11px;
box-sizing: border-box;
height: 30px;
line-height: 30px;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .conDes{
width: 192px;
height: 46px;
font-size: 12px;
color:#333333;
padding: 6px 10px;
box-sizing: border-box;
transition:all .5s ease;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 .conDes span{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Localtourhome .outoneday .dayContent .dayConDiv2 li:hover .conDes{
box-shadow:0px 3px 5px 0px rgba(61,61,61,0.31);
cursor: pointer;
}
.Localtourhome .outoneday .dayContent .dayConDiv3{
float: right;
width: 190px;
}
.Localtourhome .dayConDiv3 .hottour_ul li{
position: relative;
height: 76px;
margin-top:10px;
}
.Localtourhome .dayConDiv3 .hottour_ul li img{
position: absolute;
width: 60px;
height: 60px;
top: 8px;
left: 10px;
}
.commonF .font14{
font-size: 14px;
}
.commonF .font12{
font-size: 12px;
}
.Localtourhome .dayConDiv3 .hottour_ul li .hotcontent{
padding-left: 79px;
box-sizing: border-box;
padding-top:12px;
}
.Localtourhome .textHidden{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Localtourhome .dayConDiv3 .hottour_ul li:hover{
cursor: pointer;
box-shadow:0px 1px 4px 0px rgba(94,94,94,0.61);
}
.AdmissionTicket .hottour_ul li{
position: relative;
width:212px;
height:159px;
margin-top:20px;
transition: all .5s ease;
}
.AdmissionTicket .hottour_ul li img{
width: 100%;
height: 100%;
}
.AdmissionTicket .hottour_ul li .hotcontent{
position: absolute;
bottom: 0;
box-sizing: border-box;
padding:6px;
box-sizing: border-box;
background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,-0.01));
}
.AdmissionTicket .hottour_ul li:hover{
cursor: pointer;
box-shadow:0px 1px 4px 0px rgba(94,94,94,0.61);
}
.AdmissionTicket .hottour_ul li .hotcontent>span{
display: inline-block;
}
.Localtourhome .ticketContent>div{
float: left;
}
.Localtourhome .ticketContent .ticketLeft{
width: 228px;
height: 354px;
}
.Localtourhome .ticketContent .ticketLeft .Hotticket{
position: relative;
}
.Localtourhome .ticketContent .ticketLeft .Hotticket span{
position: absolute;
padding: 0 7px;
height: 36px;
display: inline-block;
line-height:45px;
color: #2D8394;
font-size: 14px;
}
.Localtourhome .ticketLeft .Hotticket span:nth-child(1){
top: 10px;
right: 27px;
background: url("../img/localtour/yun1.png") no-repeat;
background-size:100% 100%;
}
.Localtourhome .ticketLeft .Hotticket span:nth-child(2){
top: 70px;
left: 9px;
background: url("../img/localtour/yun2.png") no-repeat;
background-size:100% 100%;
}
.Localtourhome .ticketLeft .Hotticket span:nth-child(3){
top: 110px;
right: 16px;
background: url("../img/localtour/yun1.png") no-repeat;
background-size:100% 100%;
}
.Localtourhome .ticketLeft .Hotticket span:nth-child(4){
top: 150px;
left: 27px;
background: url("../img/localtour/yun2.png") no-repeat;
background-size:100% 100%;
}
.Localtourhome .ticketRight li:hover{
cursor: pointer;
}
.Localtourhome .ticketRight li{
float: left;
width: 228px;
height: 170px;
position: relative;
margin-left: 15px;
margin-bottom: 14px;
}
.Localtourhome .ticketRight li>img{
width: 100%;
height: 100%;
}
.Localtourhome .ticketRight li .title{
position: absolute;
width:75px;
top: -1px;
left: -2px;
height:35px;
}
.Localtourhome .ticketRight li .title img{
width: 100%;
height: 100%;
}
.Localtourhome .ticketRight li .title p{
z-index: 10;
position: absolute;
top: 0;
color: #fff;
font-size: 12px;
right: 6px;
}
.Localtourhome .ticketRight li .bottom{
height: 30px;
background: rgba(0,0,0,0.5);
position: absolute;
bottom: 0;
}
.Localtourhome .ticketRight li .bottom>span:nth-child(1){
color:#fff;
display: inline-block;
width: 142px;
font-size: 12px;
height: 30px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Localtourhome .ticketRight li .bottom>span:nth-child(2){
color:#fff;
display: inline-block;
width: 86px;
background: #F9C900;
height: 30px;
line-height: 30px;
color: #333333;
text-align: center;
position: relative;
top: 0px;
}
.Localtourhome .VeContent{
margin-top: 24px;
}
.Localtourhome .VehicleCon .VeContentLeft{
margin-left: -14px;
width: 968px;
float: left;
}
.Localtourhome .VehicleCon .VeContentLeft li:hover{
cursor: pointer;
}
.Localtourhome .VehicleCon .VeContentLeft li{
width:228px;
height:170px;
float: left;
margin-left: 14px;
position: relative;
margin-bottom: 14px;
}
.Localtourhome .VehicleCon .VeContentLeft li img{
width: 100%;
height: 100%;
}
.Localtourhome .VehicleCon .VeContentLeft li .title{
color: #fff;
font-size: 14px;
top: 12px;
left: 14px;
position: absolute;
}
.Localtourhome .VehicleCon .VeContentLeft li .bottom{
width:228px;
height:30px;
background:rgba(255,255,255,0.8);
position: absolute;
bottom: 0;
text-align: center;
line-height: 30px;
font-size: 14px;
}
.Localtourhome .VehicleCon .VeContentLeft li .bottom .price{
width:70px;
height:30px;
background:rgba(249,201,0,1);
position: absolute;
top: -26px;
left: 79px;
text-align: center;
line-height: 30px;
}
.Localtourhome .VehicleCon .VeContentRight{
float: right;
width: 230px;
}
.Localtourhome .VehicleCon .VeContentRight li{
position: relative;
margin-top: 5px;
margin-bottom:45px;
}
.Localtourhome .VehicleCon .VeContentRight li .icon{
position: absolute;
width:54px;
height:54px;
background:rgba(76,185,96,0.2);
border-radius:50%;
text-align: center;
}
.Localtourhome .VehicleCon .VeContentRight li .Explain{
padding-left: 66px;
box-sizing: border-box;
width: 100%;
}
.Localtourhome .overHidden1{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Localtourhome .el-carousel__container{
height: 100%;
}
.Localtourhome .el-carousel__container img{
width: 100%;
height: 100%;
}
/* 列表页样式 */
.LocalTourList .item-pager .el-pagination__editor, .LocalTourList .item-pager .el-pager li, .LocalTourList .el-pagination .btn-next, .LocalTourList .el-pagination .btn-prev{
width: 30px;
height: 30px;
line-height: 30px;
}
.LocalTourList .tab{
border-bottom:2px solid #4CB960;
}
.LocalTourList .tab_li{
margin-left: 3px;
float: left;
}
.LocalTourList .tab_li span{
display: inline-block;
width: 83px;
height: 34px;
line-height: 34px;
text-align: center;
background-image: url("../img/localtour/tab.png");
background-repeat:no-repeat;
background-size:100% 100%;
margin-left:-3px;
position: relative;
color:#4CB960;
font-size: 14px;
cursor: pointer;
}
.LocalTourList .tab_li .tab_active{
background-image: url("../img/localtour/tab1.png");
color:#fff;
}
.LocalTourList .iconlist{
float: right;
}
.LocalTourList .iconlist .icon{
width: 140px;
font-size: 14px;
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
.LocalTourList .iconlist .icon>span{
display: inline-block;
width:29px;
height:29px;
background:rgba(76,185,96,0.2);
border-radius: 50%;
text-align: center;
}
.LocalTourList .choose_ul{
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
}
.LocalTourList .choose_ul li{
/* height: 34px; */
width: 100%;
border-bottom: 1px solid #DCDCDC;
position: relative;
padding:6px 0;
overflow: hidden;
}
.LocalTourList .choose_ul li>div{
display: inline-block;
}
.LocalTourList .choose_ul .tabLeft{
width: 107px;
text-align: center;
line-height: 34px;
border-right: 1px solid #DCDCDC;
font-size: 12px;
color:#333333;
font-family: "PingFangR";
height: 100%;
background: #EFEFEF;
position: absolute;
top: 0;
}
.LocalTourList .choose_ul .cityheight{
height: 25px;
}
.LocalTourList .choose_ul .cityActive{
color: rgba(76,185,96,1);
border: 1px solid rgba(76,185,96,1);
}
.LocalTourList .choose_ul .cityActive .rotate{
color: rgba(76,185,96,1);
transform: rotateX(180deg);
transition: all 0.2s;
}
.LocalTourList .choose_ul .tabRight{
font-size: 12px;
color:#000000;
height: 100%;
width: 1034px;
padding-left: 107px;
}
.LocalTourList .choose_ul .line .tabRight>span{
margin-top: 3px;
}
.LocalTourList .choose_ul .spanMargin>span{
margin-left: 20px;
padding:2px 6px;
display: inline-block;
cursor: pointer;
}
.LocalTourList .choose_ul .cityList span{
margin-bottom:6px;
margin-left: 20px;
}
.LocalTourList .choose_ul .dateLi .el-icon-circle-close{
top: -5px;
position: relative;
}
.LocalTourList .choose_ul .spanMargin .spanActive{
padding:2px 6px;
background:rgba(76,185,96,1);
border-radius:4px;
text-align: center;
color: #fff;
}
.LocalTourList .choose_ul .spanMargin .el-date-editor.el-input,.LocalTourList .el-date-editor.el-input__inner{
width:160px;
height:28px;
margin-top:3px;
}
.LocalTourList .choose_ul .spanMargin .el-input__inner{
height:28px;
line-height: 28px;
border-radius: 0;
}
.LocalTourList .choose_ul .spanMargin .el-input__prefix{
left: 109px;
top: -6px;
color:#4CB960;
font-family: "PingFangR"
}
.LocalTourList .choose_ul .PriceLi .el-input{
width:100px;
height:28px;
margin-top: 1px;
}
.LocalTourList .sortDiv{
background: #dddddd;
margin-top: 20px;
}
.LocalTourList .sortDiv>div{
display: inline-block;
width: 85px;
text-align: right;
padding:7px 0;
}
.LocalTourList .sortDiv>div i{
color:#8F9199;
font-size: 14px;
cursor: pointer;
}
.LocalTourList .sortDiv>div .iconfontActive{
color:rgba(76,185,96,1)!important;
}
.LocalTourList .liStatus{
position: absolute;
top: 6px;
right: 10px;
width:44px;
height:20px;
border:1px solid rgba(210,210,210,1);
border-radius:4px;
text-align: center;
line-height: 20px;
cursor: pointer;
}
.LocalTourList .liStatus .iconfont{
color:#666666;
font-size: 12px;
display: inline-block;
}
/* 景点详情开始 */
.TicketDetails{
font-family: "PingFang";
}
.TicketDetails .TicketHead{
margin-top: 20px;
width: 100%;
padding: 20px;
box-sizing: border-box;
height: 390px;
background:rgba(255,255,255,1);
border:1px solid rgba(220,220,220,1);
}
.TicketDetails .TicketHead .TicketHeadLeft{
display: inline-block;
width: 500px;
}
.TicketDetails .TicketHead .block{
margin-top: 5px;
}
.TicketDetails .TicketHead .block .imgUl{
display: inline-block;
overflow: hidden;
width: 440px;
height:63px;
position: relative;
margin-left:6px;
}
.TicketDetails .TicketHead .block .imgUl ul{
position: absolute;
left: 0;
width: 999em;
height: 100%;
overflow: hidden;
transition: left .4s;
}
.TicketDetails .TicketHead .block li{
display: inline-block;
}
.TicketDetails .TicketHead .block li a{
display: inline-block;
width:77px;
height:58px;
box-sizing: border-box;
margin:0 5px;
cursor: pointer;
position: relative;
}
.TicketDetails .TicketHead .block .liActive a:before, .TicketDetails .TicketHead .block .liActive a:hover:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 3px solid #fff;
}
/* .TicketDetails .TicketHead .block .liActive{
border:2px solid rgba(76,185,96,1);
padding:1px;
} */
.TicketDetails .TicketHead .block .liActive a:after, .TicketDetails .TicketHead .block .liActive a:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 1px;
border:2px solid rgba(76,185,96,1);
/* border: 2px solid #ff9e1c; */
}
.TicketDetails .TicketHead .block img{
width: 100%;
height: 100%;
}
.TicketDetails .TicketHead .block .ChangeImgTab{
display: inline-block;
width:27px;
height:58px;
background:rgba(76,185,96,0.2);
position: relative;
top: -27px;
text-align: center;
line-height: 58px;
}
.TicketDetails .TicketHead .block .ChangeImgTab .iconfont{
color:#4CB960;
font-size: 20px;
font-family: "PingFangR";
cursor: pointer;
}
.TicketDetails .TicketHead .TicketHeadRight {
display: inline-block;
width:620px;
}
.TicketDetails .TicketHead>div{
float: left;
margin-left: 16px;
}
.TicketDetails .TicketHead .TicketHeadRight .ticketSpan span{
border:1px solid rgba(76,185,96,1);
font-size:12px;
color:#4CB960;
padding:2px 4px;
margin-right: 10px;
}
.TicketDetails .TicketHead .TicketHeadRight .price{
margin: 25px 0;
width:100%;
height:70px;
background:rgba(245,245,245,1);
padding: 14px 0 20px 28px;
box-sizing: border-box;
color:#FDAC11;
font-size: 30px;
font-family: "PingFangR";
}
.TicketDetails .TicketHead .TicketHeadRight p{
color:#000000;
font-size: 12px;
}
.TicketDetails .TicketHead .TicketHeadRight p .time{
width:58px;
height:20px;
background:rgba(76,185,96,1);
display: inline-block;
text-align: center;
line-height: 20px;color:#fff;
}
.TicketDetails .TicketHead .TicketHeadRight p{
display: flex;
}
.TicketDetails .TicketHead .TicketHeadRight p .text{
-webkit-flex: 1;
flex: 1;
line-height: 20px;
}
.TicketDetails .TicketTab{
border-bottom:1px solid rgba(220,220,220,1);
margin-top:20px;
}
.TicketDetails .TicketTab .nav_wrap{
overflow: hidden;
margin-bottom: -1px;
position: relative;
}
.TicketDetails .TicketTab .nav_wrap .Tablist{
border-bottom: none;
box-sizing: border-box;
white-space: nowrap;
position: relative;
transition: transform .3s;
float: left;
z-index: 2;
}
.TicketDetails .TicketTab .nav_wrap .Tablist .tab{
width:106px;
height:40px;
text-align: center;
line-height: 40px;
display: inline-block;
border-bottom: 1px solid transparent;
border-left: 1px solid #e4e7ed;
transition: color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);
background: #f5f5f5;
box-sizing: border-box;
position: relative;
border: 1px solid #dcdcdc;
cursor: pointer;
}
.TicketDetails .TicketTab .nav_wrap .Tablist .tab{
border-left: none;
font-size: 14px;
color:#000000;
}
.TicketDetails .TicketTab .nav_wrap .Tablist .tabActive{
border-bottom-color: #fff;
border-top:3px solid #4CB960;
background: #fff;
}
.TicketDetails .TicketDes{
border:1px solid rgba(220,220,220,1);
border-top: none;
}
.TicketDetails .TicketDes .title{
color:#2E9B42;
font-size: 16px;
font-family: "PingFangR";
display: flex;
align-items: center;
padding-left:10px;
}
.TicketDetails .TicketDes .commonUl{
margin-top:30px;
}
.TicketDetails .TicketDes .commonUl li .el-row{
width: 98%;
margin: 0 auto;
/* padding:26px 0 18px 0; */
box-sizing: border-box;
font-size: 14px;
border-bottom: 1px solid #DCDCDC;
height: 73px;
line-height: 73px;
color:#333333;
cursor: pointer;
}
.TicketDetails .TicketDes .commonUl li:hover{
background: #F5F5F5;
}
.TicketDetails .TicketDes .commonUl li .ydBtn{
display: inline-block;
width:62px;
height:28px;
background:rgba(238,68,84,1);
color:#fff;
text-align: center;
line-height: 28px;
}
.colorG{
background:rgba(255,255,255,1);
border:1px solid rgba(76,185,96,1);
color:#4CB960;
padding:2px 4px;
margin-left:10px;
}
.commonF .font22{
font-size: 22px;
}
.TicketDetails .TicketDes .commonUl:last-child li:last-child .el-row{
border-bottom: none;
}
.TicketDetails .ydxz{
margin-top:20px;
border:1px solid rgba(220,220,220,1);
padding:0 20px 20px 20px;
}
.TicketDetails .ydxz .ydTitle{
width:120px;
height:46px;
background: url("../img/localtour/ydback.png") no-repeat;
background-size:100% 100%;
line-height: 46px;
text-align: center;
color:#fff;
font-family: "PingFangR";
}
.TicketDetails .ydxz .explain{
height:30px;
line-height: 30px;
background:rgba(245,245,245,1);
padding-left:25px;
color:#333333;
font-family: "PingFangR";
margin:15px 0;
}
.TicketDetails .ydxz .explainContent{
padding:0 25px;
font-size: 14px;
}
.TicketDetails .ydxz .otherExplain{
width:104px;
height:31px;
background: url("../img/localtour/othere.png") no-repeat;
background-size:100% 100%;
line-height: 31px;
text-align: center;
color:#fff;
font-family: "PingFangR";
margin-bottom:30px;
position: relative;
left:-20px;
}
.TicketDetails .searchFixed{
position: fixed;
top: 0;
margin-top: -20px;
z-index: 100;
width: 1200px;
background: #fff;
}
.TicketDetails .searchFixed .TicketTab{
/* border: none; */
border-right: 1px solid rgba(220,220,220,1);
}
.TicketDetails .green{
background: #ddd!important;
}
.TicketDetails .green .iconfont{
color:#c2c2c2!important;
}
/* 预约 */
.Appointment .FirstDiv{
padding:20px;
}
.Appointment{
background:#F5F5F5;
margin-top:-15px;
padding:20px 0 5px 0;
color:#333333;
}
.Appointment .w1200{
background: #fff;
}
.Appointment .colorTitle{
display: inline-block;
width:4px;
height:14px;
background:rgba(76,185,96,1);
}
.Appointment .icon-more{
font-size: 14px;
display: inline-block;
transform: rotateX(180deg);
}
.Appointment .form .formline .el-input--small .el-input__inner{
width: 280px;
border-radius: 0px;
}
.Appointment .form .el-input-number__decrease,.Appointment .form .el-input-number__increase{
border-radius: 0px;
background: #4CB960;
color:#fff;
}
.Appointment .form .fg{
width: 100%;
height: 1px;
background: #E6E6E6;
}
.Appointment .Yhq{
margin-top:20px;
}
.Appointment .yhqUl{
padding:0 20px;
margin:20px 0;
}
.Appointment .sawtooth {
/* 相对定位，方便让before和after伪元素绝对定位偏移 */
position: relative;
/* 把超出p的部分隐藏起来 */
overflow: hidden;
width:234px;
height:84px;
background: #6776D2;
display: inline-block;
margin-right:26px;
padding-left:20px;
color:#fff;
}
.Appointment .sawtooth .kdj{
position: absolute;
display: inline-block;
width:51px;
height:22px;
background:rgba(255,231,27,1);
right:20px;
top:12px;
color:#7C6F01;
font-size: 12px;
text-align: center;
line-height: 22px;
}
.Appointment .sawtooth:before, .sawtooth:after {
content: ' ';
width: 0;
height: 100%;
/* 绝对定位进行偏移 */
position: absolute;
top: 10px;
}
.Appointment .sawtooth:before {
/* 圆点型的border */
border-right: 10px dotted white;
/* 偏移一个半径，让圆点的一半覆盖p */
left: -5px;
}
.Appointment .sawtooth .input{
position: relative;
top: 2px;
}
.Appointment .payMoney{
width:298px;
height:124px;
background:rgba(255,255,255,1);
border:1px solid rgba(233,82,82,1);
margin-top:30px;
display: inline-block;
}
.Appointment .payMoney p{
text-align: right;
font-size: 14px;
}
.Appointment .payMoney p>span{
display: inline-block;
min-width: 100px;
margin-right:10px;
}
.Appointment .orderOk{
text-align: right;
font-size: 12px;
margin-bottom:20px;
}
.Appointment .orderPay{
width:100px;
height:32px;
background:rgba(233,82,82,1);
display: inline-block;
text-align: center;
color:#fff;
font-size:14px;
line-height: 32px;
margin-left:15px;
cursor: pointer;
}
.Appointment .Rotate .icon-more{
transform: rotateX(0deg);
transition: all 0.2s;
}
.Appointment .formline{
position: relative;
}
.calendarDiv{
width:406px;
background:rgba(255,255,255,1);
z-index: 100;
border: 1px solid #E1E1E1;
}
.Appointment .formline .calendarSpan{
width: 280px;
height: 32px;
line-height: 32px;
border: 1px solid #dcdfe6;
display: inline-block;
padding-left:10px;
position: relative;
}
.Appointment .formline .calendarSpan .icon-img-rili{
position: absolute;
right: 13px;
color: #4CB960;
font-size: 14px;
}
.calendarPopover{
padding:0;
}
.calendarDiv .month_circle{
display: inline-block;
width:28px;
height:28px;
background:rgba(227,227,227,1);
color: #fff;
text-align: center;
line-height: 28px;
border-radius: 2px;
cursor: pointer;
}
src/assets/css/reset.css deleted 100644 → 0
View file @ 8aba1659
.el-radio__input.is-checked .el-radio__inner{
border-color: #EE4454;
background: #EE4454;
}
.el-radio__input.is-checked+.el-radio__label {
color: #EE4454;
}
.orange{
color:#FF6633;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
color: #EE4454;
}
\ No newline at end of file
src/assets/css/swiper.min.css deleted 100644 → 0
View file @ 8aba1659
/**
* Swiper 3.0.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 6, 2015
*/
.swiper-slide,.swiper-wrapper{height:100%;position:relative;transform-style:preserve-3d;width:100%}.swiper-pagination,.swiper-wrapper{-webkit-transform:translate3d(0,0,0)}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-slide,.swiper-wrapper{-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s step-end infinite;-moz-animation:swiper-preloader-spin 1s step-end infinite;animation:swiper-preloader-spin 1s step-end infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0)}8.33333333%{-webkit-transform:rotate(30deg)}16.66666667%{-webkit-transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg)}33.33333333%{-webkit-transform:rotate(120deg)}41.66666667%{-webkit-transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg)}58.33333333%{-webkit-transform:rotate(210deg)}66.66666667%{-webkit-transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg)}83.33333333%{-webkit-transform:rotate(300deg)}91.66666667%{-webkit-transform:rotate(330deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}8.33333333%{transform:rotate(30deg)}16.66666667%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.33333333%{transform:rotate(120deg)}41.66666667%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.33333333%{transform:rotate(210deg)}66.66666667%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.33333333%{transform:rotate(300deg)}91.66666667%{transform:rotate(330deg)}100%{transform:rotate(360deg)}}
\ No newline at end of file
src/assets/global/PersonalInfo.css deleted 100644 → 0
View file @ 8aba1659
.PersonalInfo{
height: 100px;
padding: 18px 0;
background-color: #000;
background: #f9f9f9 url(../img/Ps_top_bg.png) no-repeat bottom left/100% auto;
}
._head_left{
display: flex;
}
.PersonalInfo ._head ._head_left>img{
height: 64px;
width: 64px;
border-radius: 50%;
display: inline-block;
}
._head_left_info{
padding-left: 20px;
line-height: 30px;
}
._head_left_info>P{
margin: 0;
color: #FFFFFF;
font-size: 16px;
}
._head_left_info>div{
display: flex;
align-items: center;
}
._head_left_info>div>span{
font-size: 14px;
color: rgba(255,255,255,0.5);
}
._head_left_info>div>img{
height: 14px;
width: 14px;
margin-right: 7px;
}
._head_left_line{
padding: 0 10px;
}
._head_right{
display: flex;
justify-content: flex-end;
}
._head_right>div{
text-align: center;
margin-right: 20px;
}
._head_right>div:nth-child(1){
margin-right: 80px;
}
._head_right>div ._head_right_tit{
color: #FFFFFF;
font-size: 14px;
margin-top: 10px;
}
._head_right>div ._head_right_num{
margin: 0;
color: #FFAE00;
font-size: 18px;
font-weight:bold;
}
\ No newline at end of file
src/assets/global/foot.css deleted 100644 → 0
View file @ 8aba1659
.foot-box{
background: #333;
padding: 15px 0;
color: #D0D0D0;
font-size: 12px;
padding-top:25px;
}
.foot-box p{
margin: 0;
text-align: center;
/* line-height: 30px; */
}
\ No newline at end of file
src/assets/global/global.css deleted 100644 → 0
View file @ 8aba1659
.hgh_table th{
background-color: #333333;
color: #f5f5f5;
font-size: 12px;
padding: 15px 0;
font-family: 'PingFangR';
font-weight: inherit !important;
}
.hgh_font_color_org{
color: #FF5F08 !important;
}
.hgh_font_color_gre{
color:#1BB974 !important;
}
.hgh_pay_money_bth{
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 9px;
border: 1px solid #E73E6D;
color: #E73E6D;
cursor: pointer;
}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.item-pager{
text-align: right;
margin-bottom: 25px;
}
.item-pager .el-pagination__editor, .item-pager .el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev{
border-radius: 0px;
width: 38px;
height: 38px;
line-height:38px;
box-sizing: border-box;
border:1px solid #ddd;
font-weight: 400;
font-family: 'pingfangR'
}
.item-pager .el-pager li.active+li{
border-left: 1px solid #ddd;
}
.item-pager .el-pager li.active{
border:1px solid #EF4455;
background: #EF4455;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
border:1px solid #EF4455 !important;
background: #EF4455 !important;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
border-radius: 0px !important;
}
.item-pager .el-pagination__editor{
margin: 0 5px;
}
.item-pager .el-pagination__editor input{
border: none;
outline: none;
}
.empty-data{
width: 100%;
padding: 50px;
box-sizing: border-box;
text-align: center;
color: #bbb;
font-size: 12px;
}
.empty-data .icon-kong{
font-size: 120px;
display: block;
}
._bgc_f5{background-color: #F5F5F5;}
src/assets/global/header.css deleted 100644 → 0
View file @ 8aba1659
.header{
}
.header .header-box{
width: 100%;
background: #333;
}
.header .header-box .small .el-menu-item{
height: 30px;
line-height: 30px;
float: right;
font-size: 12px;
}
.header .header-box .small.el-menu--horizontal{
border-bottom: none;
}
.header a{
text-decoration: none !important;
}
.header .header-box .small .el-menu-item .iconfont{
font-size: 21px;
color:#fff;
}
.header .second-nav{
width: 100%;
border-bottom: solid 1px #e6e6e6;
}
.header .second-nav .el-menu.el-menu--horizontal{
border-bottom: none !important;
}
.header .second-nav .el-menu-item,.header .second-nav .el-submenu__title{
/* height: 80px;
line-height: 80px; */
font-family: 'pingfang';
font-size: 18px;
}
.header .second-nav .logo{
max-height: 40px;
margin-top: 10px;
max-width: 100%;
}
.header .second-nav .position{
width: 100%;
height: 60px;
line-height: 60px;
}
.header .second-nav .position::after{
display: block;
clear: both;
content: '';
}
.header .second-nav .position .iconfont{
font-size: 22px;
color:#EF4455;
float: right;
}
.header .second-nav .el-select{
float: right;
}
.header .second-nav .el-input--mini{
width: 77px;
}
.header .second-nav .el-input__inner{
border: none;
font-size: 14px;
padding: 0 5px;
}
.header .second-nav {
}
.el-menu--popup{
background-color: #333 !important;
}
.el-select-dropdown__item.selected{
font-weight: 400;
}
/* 登陆后顶部导航 */
.login_nav .el-menu--horizontal>.el-submenu .el-submenu__title{
height: 30px;
line-height: 35px;
font-size: 12px;
}
.login_nav .el-menu--horizontal>.el-submenu{float: right;}
.user_nav{
display: flex;
justify-content: flex-end;
}
.user_nav a{
color: #333333 !important;
font-size: 14px;
font-weight:400;
}
.login_nav .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.login_nav .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,.login_nav .el-menu--horizontal>.el-menu-item.is-active{
border-bottom: none;
color: #909399;
}
\ No newline at end of file
src/components/HomeNav/HomeNav.vue 0 → 100644
View file @ 343f44f6
<style>
.home-nav{
width: 100%;
height: 100%;
}
.log-box{
width: 100%;
height: 13.19%;
}
.log-box{
background-color: white;
}
.log-box>div{
height: 100%;
width: 100%;
background:rgba(13,36,129,1);
border-radius:0px 40px 40px 0px;
display: flex;
align-items: center;
justify-content: center
}
.log-box img{
width: 42px;
}
.home-nav .home-menu {
padding-left: 19px;
}
.home-nav .home-menu .home-menu-item{
color:rgba(255,255,255,1);
font-size: 12px;
cursor: pointer;
transition: all linear .2s;
}
.home-nav .home-menu .home-menu-item>div{
padding: 13px 0 13px 35px;
border-radius: 19px 0 0 19px;
background-color: rgba(13,36,129,1);
}
.home-nav .home-menu .home-menu-item:hover{
background-color: rgb(45, 59, 115);
}
.home-nav .home-menu .home-menu-item.active>div{
font-weight:bold;
color:rgba(13,36,129,1);
opacity: 1;
transition: all linear .2s;
background-color: white
}
</style>
<template>
<div class="home-nav">
<div class="log-box">
<div>
<img src="../../assets/img/logo.png" alt="">
</div>
</div>
<ul class="home-menu">
<li class="home-menu-item" v-for="(item, index) in navList" :key="index" :class="[index === activeIndex ? 'active' : '']" @click="changeMenu(item, index)">
<div>
<i :class="item.class"></i><span>{{item.name}}</span>
</div>
</li>
</ul>
</div>
</template>
<script>
export default {
data () {
return {
activeIndex: 0,
navList: [
{
class: 'iconfont icondongwu',
name: '仪表盘'
},
{
class: 'iconfont icondongwu',
name: '待办事项'
},
{
class: 'iconfont icondongwu',
name: '线索'
},
{
class: 'iconfont icondongwu',
name: '客户'
},
{
class: 'iconfont icondongwu',
name: '联系人'
},
{
class: 'iconfont icondongwu',
name: '公海'
},
{
class: 'iconfont icondongwu',
name: '商机'
},
{
class: 'iconfont icondongwu',
name: '合同'
}
]
}
},
mounted () {
},
methods: {
changeMenu: function (it, ind) {
this.activeIndex = ind
}
}
}
</script>
src/views/index.vue
View file @ 343f44f6
<style>
.main{
height: 100%;
}
.left-nav{
width: 14.93%;
float: left;
box-sizing: border-box;
height: 100%;
background:rgba(13,36,129,1);
}
.right-content{
float: left;
width: calc(100vw - 14.93%);
background: #F4F5F9;
box-sizing: border-box;
height: 100%;
}
</style>
<template>
<div>
<div>
CRM系统
</div>
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名称</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
<div class="clearfix main">
<div class="left-nav">
<HomeNav/>
</div>
<div v-for="o in 4" :key="o" class="text item">
{{'列表内容 ' + o }}
<div class="right-content">
a
</div>
</el-card>
</div>
</template>
<script>
import HomeNav from '../components/HomeNav/HomeNav'
export default {
components: {HomeNav},
data () {
return {
......
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