topnuomi
/
xx-applets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复购物车一处样式

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/service/cart.vue
View File

@ -1,6 +1,8 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" backgroundColor="#F6F6F6" title="购物车" textColor="dark"> <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-container">
<view class="cart-group" v-for="(item, index) in list" :key="index"> <view class="cart-group" v-for="(item, index) in list" :key="index">
<view class="group-title limit-line clamp-1" @click="clickGroup(index)"> <view class="group-title limit-line clamp-1" @click="clickGroup(index)">
@ -148,15 +150,22 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.cart-tips {
width: 710rpx;
margin: 0 auto 24rpx auto;
}
.cart-container { .cart-container {
width: 710rpx; width: 710rpx;
margin: 24rpx auto 0 auto; margin: 0 auto;
} }
.cart-group { .cart-group {
width: 100%; width: 100%;
margin-bottom: 22rpx; margin-bottom: 22rpx;
background-color: #ffffff; background-color: #ffffff;
} }
.cart-group:last-child {
margin-bottom: 0;
}
.group-title { .group-title {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@ -221,6 +230,6 @@ export default {
} }
} }
.more { .more {
margin-top: 60rpx; padding: 50rpx 0;
} }
</style> </style>