84 lines
1.7 KiB
Vue
84 lines
1.7 KiB
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> |