修复购物车一处样式

This commit is contained in:
TOP糯米 2023-02-25 18:55:08 +08:00
parent 7b02977dc1
commit b66c16a9d0
1 changed files with 12 additions and 3 deletions

View File

@ -1,6 +1,8 @@
<template>
<app-layout headerBackgroundColor="#F6F6F6" backgroundColor="#F6F6F6" title="购物车" textColor="dark">
<widget-tips text="为什么会拆成多个订单?根据师傅服务能力与服务类型进行订单拆分" />
<view class="cart-tips">
<widget-tips text="为什么会拆成多个订单?根据师傅服务能力与服务类型进行订单拆分" />
</view>
<view class="cart-container">
<view class="cart-group" v-for="(item, index) in list" :key="index">
<view class="group-title limit-line clamp-1" @click="clickGroup(index)">
@ -148,15 +150,22 @@ export default {
</script>
<style lang="less" scoped>
.cart-tips {
width: 710rpx;
margin: 0 auto 24rpx auto;
}
.cart-container {
width: 710rpx;
margin: 24rpx auto 0 auto;
margin: 0 auto;
}
.cart-group {
width: 100%;
margin-bottom: 22rpx;
background-color: #ffffff;
}
.cart-group:last-child {
margin-bottom: 0;
}
.group-title {
width: 100%;
box-sizing: border-box;
@ -221,6 +230,6 @@ export default {
}
}
.more {
margin-top: 60rpx;
padding: 50rpx 0;
}
</style>