uni 退款流程和物流流程

最新推荐文章于 2024-04-15 15:20:12 发布

m0_46701899

最新推荐文章于 2024-04-15 15:20:12 发布

阅读量1.1k

点赞数

文章标签： sass css javascript

本文链接：https://blog.csdn.net/m0_46701899/article/details/123347624

版权

本文详细介绍了uniApp的退款流程，从组件模块的使用到引用组件，再到物流模块的具体操作，为开发者提供清晰的操作指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.退款流程

1.组件模块

<template>
	<view class="process_more">
		<!-- 步骤条 -->
		<view class="set-2" :key="index" v-for="(item,index) in list">
			<!-- 图片 -->
			<view :class="[index <= current?'success-border':'fail-border']">
				<view class="left_img"></view>
			</view>
			<view v-if="index!=list.length-1" :class="[index <= current?'s_line_down':'f_line_down']"></view>
			<view class="set-view">
				<view class="set-view-test">
					<view class="font-color-FA5D07">{
  {item.time}}</view>
				</view>
				<view class="font-color-95">{
  {item.title}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			// 步骤条的数据
			list: {
				type: Array,
				default () {
					return [];
				}
			},
			// 当前哪一步是激活的
			current: {
				type: [Number, String],
				default: 0
			},
		},
		data() {
			return {
				
				
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.s_line_down {
		position: absolute;
		left: -52upx;
		height: 100%;
		border-style: solid;
		border-left:0.2rpx;
		border-color: #FA5D07;
	}
	.f_line_down {
		position: absolute;
		left: -52upx;
		height: 100%;
		border-style: solid;
		border-left:0.2rpx;
		border-color: #AAAAAA;
	}
	/* 普通 */
	.fail-border {
		width: 18rpx;
		height: 17rpx;
		background: gray;
		border-radius: 50%;
		position:absolute;
		margin-top: -1rpx;
		left: -58rpx;
		z-index: 100;
	}

	/* 特殊 */
	.success-border {
		width: 18rpx;
		height: 17rpx;
		background:#FA5D07;
		border-radius: 50%;
		position:absolute;
		margin-top: -1rpx;
		left: -58rpx;
		z-index: 100;
	}
	.process_text {
		position: relative;

		.process_left {
			position: absol