Skip to content

T
Theater
Commit 9f008024 authored by zhengke's avatar zhengke
Browse files
Options

修改选座样式

parent 03b0daa7
Hide whitespace changes
Inline Side-by-side
Showing with 73 additions and 78 deletions
EheMall.Web/Areas/Admin/Views/TheaterOrder/SaleTicket.cshtml
View file @ 9f008024
......@@ -26,21 +26,6 @@
background-color: #fff;
}
.leftSeat {
float: left;
min-width: 700px;
height: auto;
}
.rightSeat {
float: left;
width: 470px;
height: 570px;
margin: 35px 0 0 55px;
background-color: #F7F7F7;
padding: 25px;
}
.seatTitle {
font-size: 16px;
font-weight: bold;
......@@ -51,7 +36,8 @@
.seatType {
width: 100%;
height: 60px;
text-align: center;
text-align: left;
margin: 20px 0;
}
.seatTypeList {
......@@ -95,7 +81,7 @@
.rightTitle {
font-size: 16px;
width: 300px;
width: 260px;
font-weight: bold;
color: #000;
margin-bottom: 20px;
......@@ -141,10 +127,6 @@
margin: 9px 12px 0 9px;
}
.rightTotal {
margin-top: 75px;
}
.tPrice {
font-size: 28px;
color: #F69100;
......@@ -156,15 +138,15 @@
height: 34px;
background-color: #8C1324;
color: #fff;
margin-top: 20px;
margin-top: 15px;
}
.seat {
display: inline-block;
font-size: 12px;
width: 33px;
height: 29px;
margin: 0 12px 12px 0;
width: 30px;
height: 27px;
margin: 0 13px 12px 0;
background: url('../Sp_img/seat.png');
}
......@@ -176,12 +158,47 @@
width: 1350px;
margin: auto;
}
.choose_Content {
border-top: 1px solid #a38d61;
}
.chooseTop {
width: 100%;
min-height: 170px;
background-color: #F7F7F7;
}
.leftInfo {
float: left;
width: 400px;
height: 130px;
margin: 20px 130px 20px 20px;
}
.centerTicket {
float: left;
width: 380px;
margin-top: 20px;
}
.chooseBtn {
float: left;
margin: 20px 0 0 100px;
}
.btnContent {
float: left;
margin-left: 20px;
}
.seatContent {
width: 100%;
}
</style>
</head>
<body>
<!--顶部-->
<div class="top">
<div class="w1240">
<div class="fl">
......@@ -192,9 +209,7 @@
</div>
</div>
</div>
<!--头部-->
<header class="w1350 clearfix">
<div class="chooseLogo fl">
<a href="Home.html"><img src="../Sp_img/logo.png" alt="芙蓉国粹—抢票系统"> </a>
......@@ -206,74 +221,61 @@
}
</script>
</header>
<!--我的产品-->
<div class="content w100 clearfix">
<div class="choose_Content clearfix">
<div class="w1350">
<div class="chooseContent clearfix">
<div class="leftSeat">
<div class="seatTitle">座位选择</div>
<div class="seatType">
<div class="seatTypeList">
<img src="../Sp_img/seat.png" alt="" />
<span class="seatName">未选座位</span>
</div>
<div class="seatTypeList">
<img src="../Sp_img/choose.png" alt="" />
<span class="seatName">选中座位</span>
</div>
<div class="seatTypeList">
<img src="../Sp_img/choosed.png" alt="" />
<span class="seatName">已被选座位</span>
</div>
</div>
<div class="seatContent">
</div>
</div>
<div class="rightSeat">
<div class="rightTop clearfix">
<div class="seatTitle">座位选择</div>
<div class="chooseTop clearfix">
<div class="leftInfo clearfix">
<div class="leftImg">
<img src="../Sp_img/201811060903.jpg" alt="" />
</div>
<div class="rightIntroduce">
<div class="rightTitle">
长安大戏2月17日 李林晓京剧专场演出--京剧《站马超》 《春闺梦》
长安大戏2月17日 李林晓京剧专场演出&#45;&#45;京剧《站马超》 《春闺梦》
</div>
<div class="comDiv">时长：30分钟</div>
<div class="comDiv">剧场：3号厅</div>
<div class="comDiv">场次：今天<span class="comSpan">1月11日</span><span class="comSpan">15:30</span></div>
</div>
</div>
<div class="clearfix" style="margin-top:58px;">
<div class="centerTicket">
<div class="rightCenter">已选座位</div>
<div class="TicketContent seatCked">
<!--<div class="TicketList">
<span class="TcLeft">15排14号</span>
<span style="font-weight:bold;">¥179</span>
</div>
<div class="TicketList">
<span class="TcLeft">15排14号</span>
<span style="font-weight:bold;">¥179</span>
</div>
<div class="TicketList">
<span class="TcLeft">15排14号</span>
<span style="font-weight:bold;">¥179</span>
</div>-->
</div>
</div>
<div class="rightTotal clearfix">
<div class="chooseBtn">
<div class="rightCenter" style="margin-top:10px;">总价</div>
<div class="TicketContent">
<div class="btnContent">
<div class="tPrice"><span style="font-size:14px;">¥</span>2268</div>
<input type="button" class="sureBtn" value="确认" />
</div>
</div>
</div>
<div class="seatMainContent">
<div class="seatType">
<div class="seatTypeList">
<img src="../Sp_img/seat.png" alt="" />
<span class="seatName">未选座位</span>
</div>
<div class="seatTypeList">
<img src="../Sp_img/choose.png" alt="" />
<span class="seatName">选中座位</span>
</div>
<div class="seatTypeList">
<img src="../Sp_img/choosed.png" alt="" />
<span class="seatName">已被选座位</span>
</div>
</div>
<div class="seatContent">
</div>
</div>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/layer/layer.js"></script>
<script type="text/javascript">
$(function () {
var row = 15, col = 15;
......@@ -298,7 +300,7 @@
temp += '<div class="row">';
for (var j = 0; j < dataList[i].ColumnArray.length; j++) {
temp += `<span class="${dataList[i].ColumnArray[j].SeatClassStr}" data-col="${dataList[i].ColumnArray[j].columnIndex}"
data-row="${dataList[i].ColumnArray[j].rowIndex}"></span>`
data-row="${dataList[i].ColumnArray[j].rowIndex}"></span>`
}
temp += '</div>'
}
......@@ -327,18 +329,11 @@
})
});
</script>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.flexslider-min.js"></script>
<!--尾部-->
<div class="foot w100 clearfix">
<div class="w1240 footer">
</div>
</div>
</body>
</html>
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