上传代码

distribution/unpackage/dist/dev/mp-alipay/pages/deliveryDetail/deliveryDetail.acss

@@ -0,0 +1,88 @@
+
+.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;
+		/* 文字与图标之间的间距 */
+}