.page.data-v-3d78755a { padding: 20px; background-color: #fff; } .header.data-v-3d78755a { display: flex; align-items: center; margin-bottom: 20px; margin-top: 20px; } .location.data-v-3d78755a { width: 24px; /* 稍微增大圆形 */ height: 24px; background-color: #ff6700; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: 12px; font-size: 12px; /* 调整文本大小 */ font-weight: bold; } .distance.data-v-3d78755a { color: #999; font-size: 12px; padding-right: 5px; } .store-name.data-v-3d78755a { font-size: 20px; font-weight: bold; } .buttons.data-v-3d78755a { margin-bottom: 20px; } .button.data-v-3d78755a { width: 100%; padding: 10px; margin: 10px 0; text-align: center; background-color: #2877f2; color: #fff; border: none; border-radius: 8px; cursor: pointer; line-height: inherit; } .order-details.data-v-3d78755a { margin-top: 20px; font-size: 16px; } .title.data-v-3d78755a { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .detail.data-v-3d78755a { display: flex; align-items: center; margin: 5px 0; } /* 定义图标容器的样式 */ .icon-container.data-v-3d78755a { display: flex; justify-content: space-around; /* 水平均匀分布 */ align-items: center; /* 垂直居中对齐 */ } /* 定义每个图标和文字组合的样式 */ .icon-wrapper.data-v-3d78755a { display: flex; flex-direction: column; /* 将子元素垂直排列 */ align-items: center; /* 子元素水平居中对齐 */ } /* 可选:定义文本标签的样式 */ .icon-wrapper text.data-v-3d78755a { margin-top: 5px; /* 文字与图标之间的间距 */ }