new_shop_app/pages/store/settled/index.vue

<template>
	<view class="content">
		<view class="heder-tips">
			简单3步 享开店好礼
		</view>
		<view class="steps">
			<view class="steps-li">
				<view class="num">
					1
				</view>
				<view class="" style="font-size: 28rpx;">
					添加店铺
				</view>
			</view>
			<u-line color="#99999B" length="148rpx" style="transform: translateY(-80rpx);"></u-line>
			<view class="steps-li">
				<view class="num">
					1
				</view>
				<view class="" style="font-size: 28rpx;">
					添加店铺
				</view>
			</view>
			<u-line color="#99999B" length="148rpx" style="transform: translateY(-80rpx);"></u-line>
			<view class="steps-li">
				<view class="num">
					1
				</view>
				<view class="" style="font-size: 28rpx;">
					添加店铺
				</view>
			</view>

		</view>
		<view class="" style="display: flex;align-items: center;margin-top: 30rpx;">
			<u--image :showLoading="true" src="/static/images/YDT.png" style="margin: 0 auto;" width="670rpx"
				height="202rpx"></u--image>
		</view>
		<view class="form">

		</view>

	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.content {
		min-height: 100vh;
		background-color: #fff;
		padding: 20rpx;
		box-sizing: border-box;

		.heder-tips {
			font-weight: 400;
			font-size: 24rpx;
			color: #20B128;
			text-align: center;
			margin-bottom: 50rpx;

		}

		.steps {
			display: flex;
			justify-content: center;
			// justify-content: space-around;
			// align-items: center;

			.num {
				width: 52rpx;
				height: 52rpx;
				border-radius: 52rpx;
				background-color: #20B128;
				color: white;
				text-align: center;
				line-height: 52rpx;
				margin: 0 auto;
				margin-bottom: 16rpx;
			}
		}
	}
</style>