gitee/course-tencent-cloud
1
0
Fork 0
mirror of https://gitee.com/koogua/course-tencent-cloud.git synced 2025-06-28 21:31:37 +08:00
Code Issues Releases Wiki Activity

优化订单确认页样式

Browse Source
This commit is contained in:
xiaochong0302 2023-05-09 11:26:02 +08:00
parent 259859fae6
commit 772380adcd
2 changed files with 18 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/Http/Home/Views/order/confirm.volt
View File

@ -6,7 +6,7 @@
{%- macro cart_course_card(course, user) %}
{% set course_url = url({'for':'home.course.show','id':course.id}) %}
<div class="cart-course-card">
<div class="cart-item-card">
<div class="cover">
<img src="{{ course.cover }}!cover_270" alt="{{ course.title }}">
</div>
@ -46,7 +46,7 @@
{% set course = item_info.course %}
{% set reward = item_info.reward %}
{% set course_url = url({'for':'home.course.show','id':course.id}) %}
<div class="cart-course-card">
<div class="cart-item-card">
<div class="cover">
<img src="{{ course.cover }}!cover_270" alt="{{ course.title }}">
</div>
@ -70,7 +70,7 @@
{%- macro cart_vip_card(item_info) %}
{% set vip = item_info.vip %}
<div class="cart-course-card">
<div class="cart-item-card">
<div class="cover">
<img src="{{ vip.cover }}!cover_270" alt="{{ vip.title }}">
</div>

34
public/static/home/css/common.css
View File

@ -1447,56 +1447,56 @@
color: red;
}
.cart-course-card {
.cart-item-card {
display: flex;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #ccc;
}
.cart-course-card:last-child {
.cart-item-card:last-child {
padding: 0;
margin: 0;
border-bottom: none;
}
.cart-course-card .cover {
float: left;
.cart-item-card .cover {
margin-right: 10px;
}
.cart-course-card .cover img {
.cart-item-card .cover img {
width: 175px;
height: 95px;
}
.cart-course-card p {
.cart-item-card p {
line-height: 30px;
}
.cart-course-card .info {
float: left;
}
.cart-course-card .key {
.cart-item-card .key {
margin-right: 5px;
}
.cart-course-card .value {
.cart-item-card .value {
margin-right: 5px;
color: #666;
}
.cart-course-card .origin-price {
.cart-item-card .origin-price {
text-decoration: line-through;
}
.cart-course-card .price {
.cart-item-card .price {
margin-right: 5px;
color: red;
}
.cart-stats {
display: flex;
justify-content: space-between;
}
.cart-stats .info {
float: left;
line-height: 38px;
}
@ -1514,10 +1514,6 @@
margin-right: 15px;
}
.cart-form {
float: right;
}
.payment .header {
padding-bottom: 15px;
border-bottom: 1px solid #f6f6f6;