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

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

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