uu

components/buns-locus-pos/buns-locus-pos.vue

@@ -0,0 +1,69 @@
+<template>
+	<u-steps direction="column" activeColor="#969799">
+		<u-steps-item v-for="(item, index) in list" 
+		>
+			<template v-slot:icon>
+				<u-image width="60" height="60" :src="getCdnUrl(`${current == index + 1?'post/hwu-check.png':'post/hwu-un.png'}`)"></u-image>	
+			</template>
+			<template v-slot:title>
+				<view class="clr-sub pl-20">
+					2023-04-30 15:25
+				</view>
+			</template>
+			<template v-slot:desc>
+				<view class="kydec mt-10 pl-20">
+					您的快件正在派送中，请您准备签收(快递员: 王麻子，联系电话: 13812345678)
+				</view>
+			</template>
+		</u-steps-item>
+	</u-steps>
+</template>
+
+<script>
+	import getCdnUrl from "@/common/getCdnUrl"
+	export default {
+		// computed: {
+		// 	filDataList() {
+		// 		return []
+		// 	},
+		// },
+		props: {
+			list: {
+				default () {
+					return []
+				}
+			},
+			current: {
+				default () {
+					return 1
+				}
+			}
+		},
+		data() {
+			return {
+				
+			}
+		},
+		created() {
+
+		},
+		onHide() {
+
+		},
+		destroyed() {},
+
+		methods: {
+			getCdnUrl,
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.kydec{
+		padding: 20rpx;
+		background: #F6F6F6;
+		border-radius: 20rpx;
+		word-wrap: break-word;
+		width: 580rpx;
+	}
+</style>

pages/post/detail.vue

@@ -202,7 +202,7 @@
 				</view>
 				<u-line margin="20rpx 0 20rpx"></u-line>
 				<view class="dt-item">
-					
+					<buns-locus-pos :list="[{},{},{}]"></buns-locus-pos>
 				</view>
 			</view>
 		</template>

uni_modules/uview-plus/components/u-steps-item/u-steps-item.vue

@@ -31,8 +31,11 @@
 		</view>
 		<view class="u-steps-item__content" :class="[`u-steps-item__content--${parentData.direction}`]"
 			:style="[contentStyle]">
-			<u--text :text="title" :type="parentData.current == index ? 'main' : 'content'" lineHeight="20px"
-				:size="parentData.current == index ? 14 : 13"></u--text>
+			<slot name="title">
+				<u--text :text="title" :type="parentData.current == index ? 'main' : 'content'" lineHeight="20px"
+					:size="parentData.current == index ? 14 : 13"></u--text>
+			</slot>
+			
 			<slot name="desc">
 				<u--text :text="desc" type="tips" size="12"></u--text>
 			</slot>
@@ -100,7 +103,7 @@
 					style.width = this.size.width + 'px'
 					style.left = this.size.width / 2 + 'px'
 				} else {
-					style.height = this.size.height + 'px'
+					// style.height = this.size.height + 'px'
 					// style.top = this.size.height / 2 + 'px'
 				}
 				style.backgroundColor = this.parent.children?.[this.index + 1]?.error ? uni.$u.color.error : this.index <
@@ -312,6 +315,8 @@
 			&--column {
 				width: 1px;
 				left: 10px;
+				top: 0;
+				bottom: 0;
 			}
 		}
 	}