@ -1,84 +0,0 @@ | |||
<template> | |||
<!-- <view>基本考核完成</view> --> | |||
<view class="containers po-r"> | |||
<image src="" mode="" class="mainBg"></image> | |||
<view class="w-100 po-a content"> | |||
<view class="flex-rowl"> | |||
<image src="@/static/images/ydd/logo.png" mode="" class="logo"></image> | |||
<view class="size-36 fw700 color-fff"> | |||
伴宠师认证 | |||
</view> | |||
</view> | |||
<view class="renz flex-rowl mt10"> | |||
<text class="size-28 color-fff mr24">查看认证要求,工作详情,服务酬劳扥信息</text> | |||
<image src="@/static/images/ydd/more.png" mode=""></image> | |||
</view> | |||
<view class="neir bg-fff mt24"> | |||
<view class="steps flex-between"> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
1 | |||
</view> | |||
<text class="size-22">基本考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
2 | |||
</view> | |||
<text class="size-22">培训考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
3 | |||
</view> | |||
<text class="size-22">最终准备</text> | |||
</view> | |||
</view> | |||
<view class="color-ffb size-22 mt32"> | |||
为保证喂养员认证顺利进行,请认真填写并确保信息的真实性 | |||
</view> | |||
</view> | |||
</view> | |||
<view class="content_ box-size" :style="{borderRadius:'16rpx'}"> | |||
<view class="top box-size" :style="{borderRadius:'16rpx'}"> | |||
<view class="level"> | |||
<view class="img"> | |||
<image src="" mode=""></image> | |||
</view> | |||
基本考核答题已完成 | |||
</view> | |||
<view class="level"> | |||
<view class="text"> | |||
! | |||
</view> | |||
进行培训考核的答题前请认真观看下面的视频和资料! | |||
</view> | |||
</view> | |||
<view class=""> | |||
<view class="form-title"> | |||
平台&服务介绍 | |||
</view> | |||
<view class="level veo"> | |||
<view class="veo_"> | |||
<video src=""></video> | |||
猫妈狗爸平台介绍 | |||
</view> | |||
<view class=""> | |||
<video src=""></video> | |||
喂养学习视频 | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
</script> | |||
<style scoped lang="scss"> | |||
@import"index.scss"; | |||
</style> |
@ -0,0 +1,237 @@ | |||
<template> | |||
<!-- <view>伴宠师认证</view> --> | |||
<view class="containers po-r"> | |||
<image src="" mode="" class="mainBg"></image> | |||
<view class="w-100 po-a content"> | |||
<view class="flex-rowl"> | |||
<image src="@/static/images/ydd/logo.png" mode="" class="logo"></image> | |||
<view class="size-36 fw700 color-fff"> | |||
伴宠师认证 | |||
</view> | |||
</view> | |||
<view class="renz flex-rowl mt10"> | |||
<text class="size-28 color-fff mr24">查看认证要求,工作详情,服务酬劳扥信息</text> | |||
<image src="@/static/images/ydd/more.png" mode=""></image> | |||
</view> | |||
<view class="neir bg-fff mt24"> | |||
<view class="steps flex-between"> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
1 | |||
</view> | |||
<text class="size-22">基本考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
2 | |||
</view> | |||
<text class="size-22">培训考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
3 | |||
</view> | |||
<text class="size-22">最终准备</text> | |||
</view> | |||
</view> | |||
<view class="color-ffb size-22 mt32"> | |||
为保证喂养员认证顺利进行,请认真填写并确保信息的真实性 | |||
</view> | |||
</view> | |||
</view> | |||
<view class="content_ box-size" :style="{borderRadius:'16rpx'}"> | |||
<view class="img_"> | |||
<image src="/static/images/ydd/approved.png" mode="" style="width: 310rpx;height: 311rpx;"></image> | |||
</view> | |||
<view class="text_ level"> | |||
审核留言:-您好呀,感谢您的认真作答~从您的回答中我们感受到了您对宠物的用心,相信您可以胜任宠物喂养员这份小小的工作!希望您能在猫妈狗爸给更多毛孩子带去您的关爱! | |||
</view> | |||
<view class="buttom" :style="{borderRadius:'41rpx'}"> | |||
下一步 | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
</script> | |||
<style scoped lang="scss"> | |||
.bt120 { | |||
margin-bottom: 120rpx; | |||
width: 716rpx; | |||
box-sizing: border-box; | |||
} | |||
.footer-btn { | |||
width: 100vw; | |||
height: 144rpx; | |||
background-color: #fff; | |||
display: flex; | |||
justify-content: center; | |||
position: fixed; | |||
bottom: 0; | |||
left: 0; | |||
align-items: center; | |||
.btn { | |||
font-size: 30rpx; | |||
color: #fff; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
width: 574rpx; | |||
height: 94rpx; | |||
border-radius: 94rpx; | |||
background-color: #FFBF60; | |||
} | |||
} | |||
.type { | |||
width: 190rpx; | |||
margin-bottom: 74rpx; | |||
} | |||
.form { | |||
padding: 40rpx 32rpx; | |||
box-sizing: border-box; | |||
width: 716rpx; | |||
} | |||
.title { | |||
&::before { | |||
content: ""; | |||
display: block; | |||
width: 9rpx; | |||
height: 33rpx; | |||
background-color: #FFBF60; | |||
margin-right: 7rpx; | |||
} | |||
} | |||
.mb6 { | |||
margin-bottom: 6rpx; | |||
} | |||
.containers { | |||
position: relative; | |||
.neir { | |||
padding: 47rpx 27rpx 36rpx 27rpx; | |||
border-radius: 16rpx; | |||
box-sizing: border-box; | |||
width: 716rpx; | |||
.steps { | |||
.line { | |||
width: 163rpx; | |||
height: 3rpx; | |||
background-color: #BDBDBD; | |||
margin-bottom: 30rpx; | |||
} | |||
.num { | |||
width: 50rpx; | |||
height: 50rpx; | |||
background-color: #FFBF60; | |||
border-radius: 50%; | |||
} | |||
} | |||
} | |||
.mainBg { | |||
width: 100vw; | |||
height: 442rpx; | |||
background-image: linear-gradient(to bottom, #FFBF60, #f5f5f5); | |||
} | |||
.content { | |||
top: 0; | |||
left: 0; | |||
padding: 16rpx; | |||
.logo { | |||
width: 194rpx; | |||
height: 70rpx; | |||
} | |||
.renz { | |||
image { | |||
width: 26rpx; | |||
height: 26rpx; | |||
} | |||
} | |||
} | |||
} | |||
.content_{ | |||
width: 675rpx; | |||
height: 926rpx; | |||
// background-color: pink; | |||
background-color: #fff; | |||
position: absolute; | |||
top: 410rpx; | |||
left: 15rpx; | |||
padding: 1% 3%; | |||
font-size: 28rpx; | |||
color: #707070; | |||
.img_{ | |||
width: 310rpx; | |||
height: 311rpx; | |||
margin: 80rpx 0 0 190rpx; | |||
} | |||
.text{ | |||
width: 420rpx; | |||
height: 74rpx; | |||
justify-content: center; | |||
margin: 30rpx 0 0 140rpx; | |||
} | |||
.text_{ | |||
width: 674rpx; | |||
height: 74rpx; | |||
justify-content: center; | |||
margin: 30rpx 0 0 10rpx; | |||
font-size: 22rpx !important; | |||
} | |||
.buttom{ | |||
width: 594rpx; | |||
height: 94rpx; | |||
display: grid; | |||
place-items: center; | |||
background-color: #FFBF60; | |||
margin: 250rpx 0 0 40rpx; | |||
font-size: 30rpx; | |||
color: #FFFFFF; | |||
} | |||
.buttom_{ | |||
width: 594rpx; | |||
height: 94rpx; | |||
justify-content: center; | |||
line-height: 94rpx; | |||
background-color: #FFBF60; | |||
margin: 360rpx 0 0 40rpx; | |||
font-size: 30rpx; | |||
color: #FFFFFF; | |||
.img image{ | |||
margin-left: 5rpx; | |||
margin-right: -15rpx; | |||
} | |||
} | |||
} | |||
.level{ | |||
display: flex; | |||
} | |||
</style> |
@ -0,0 +1,237 @@ | |||
<template> | |||
<!-- <view>伴宠师认证</view> --> | |||
<view class="containers po-r"> | |||
<image src="" mode="" class="mainBg"></image> | |||
<view class="w-100 po-a content"> | |||
<view class="flex-rowl"> | |||
<image src="@/static/images/ydd/logo.png" mode="" class="logo"></image> | |||
<view class="size-36 fw700 color-fff"> | |||
伴宠师认证 | |||
</view> | |||
</view> | |||
<view class="renz flex-rowl mt10"> | |||
<text class="size-28 color-fff mr24">查看认证要求,工作详情,服务酬劳扥信息</text> | |||
<image src="@/static/images/ydd/more.png" mode=""></image> | |||
</view> | |||
<view class="neir bg-fff mt24"> | |||
<view class="steps flex-between"> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
1 | |||
</view> | |||
<text class="size-22">基本考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
2 | |||
</view> | |||
<text class="size-22">培训考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
3 | |||
</view> | |||
<text class="size-22">最终准备</text> | |||
</view> | |||
</view> | |||
<view class="color-ffb size-22 mt32"> | |||
为保证喂养员认证顺利进行,请认真填写并确保信息的真实性 | |||
</view> | |||
</view> | |||
</view> | |||
<view class="content_ box-size" :style="{borderRadius:'16rpx'}"> | |||
<view class="img_"> | |||
<image src="/static/images/ydd/examine.png" mode="" style="width: 310rpx;height: 311rpx;"></image> | |||
</view> | |||
<view class="text level"> | |||
平台会在三个工作日内完成审核,请及时查看审核结果! | |||
</view> | |||
<view class="buttom" :style="{borderRadius:'41rpx'}"> | |||
我知道了 | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
</script> | |||
<style scoped lang="scss"> | |||
.bt120 { | |||
margin-bottom: 120rpx; | |||
width: 716rpx; | |||
box-sizing: border-box; | |||
} | |||
.footer-btn { | |||
width: 100vw; | |||
height: 144rpx; | |||
background-color: #fff; | |||
display: flex; | |||
justify-content: center; | |||
position: fixed; | |||
bottom: 0; | |||
left: 0; | |||
align-items: center; | |||
.btn { | |||
font-size: 30rpx; | |||
color: #fff; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
width: 574rpx; | |||
height: 94rpx; | |||
border-radius: 94rpx; | |||
background-color: #FFBF60; | |||
} | |||
} | |||
.type { | |||
width: 190rpx; | |||
margin-bottom: 74rpx; | |||
} | |||
.form { | |||
padding: 40rpx 32rpx; | |||
box-sizing: border-box; | |||
width: 716rpx; | |||
} | |||
.title { | |||
&::before { | |||
content: ""; | |||
display: block; | |||
width: 9rpx; | |||
height: 33rpx; | |||
background-color: #FFBF60; | |||
margin-right: 7rpx; | |||
} | |||
} | |||
.mb6 { | |||
margin-bottom: 6rpx; | |||
} | |||
.containers { | |||
position: relative; | |||
.neir { | |||
padding: 47rpx 27rpx 36rpx 27rpx; | |||
border-radius: 16rpx; | |||
box-sizing: border-box; | |||
width: 716rpx; | |||
.steps { | |||
.line { | |||
width: 163rpx; | |||
height: 3rpx; | |||
background-color: #BDBDBD; | |||
margin-bottom: 30rpx; | |||
} | |||
.num { | |||
width: 50rpx; | |||
height: 50rpx; | |||
background-color: #FFBF60; | |||
border-radius: 50%; | |||
} | |||
} | |||
} | |||
.mainBg { | |||
width: 100vw; | |||
height: 442rpx; | |||
background-image: linear-gradient(to bottom, #FFBF60, #f5f5f5); | |||
} | |||
.content { | |||
top: 0; | |||
left: 0; | |||
padding: 16rpx; | |||
.logo { | |||
width: 194rpx; | |||
height: 70rpx; | |||
} | |||
.renz { | |||
image { | |||
width: 26rpx; | |||
height: 26rpx; | |||
} | |||
} | |||
} | |||
} | |||
.content_{ | |||
width: 675rpx; | |||
height: 926rpx; | |||
// background-color: pink; | |||
background-color: #fff; | |||
position: absolute; | |||
top: 410rpx; | |||
left: 15rpx; | |||
padding: 1% 3%; | |||
font-size: 28rpx; | |||
color: #707070; | |||
.img_{ | |||
width: 310rpx; | |||
height: 311rpx; | |||
margin: 80rpx 0 0 190rpx; | |||
} | |||
.text{ | |||
width: 420rpx; | |||
height: 74rpx; | |||
justify-content: center; | |||
margin: 30rpx 0 0 140rpx; | |||
} | |||
.text_{ | |||
width: 674rpx; | |||
height: 74rpx; | |||
justify-content: center; | |||
margin: 30rpx 0 0 10rpx; | |||
font-size: 22rpx !important; | |||
} | |||
.buttom{ | |||
width: 594rpx; | |||
height: 94rpx; | |||
display: grid; | |||
place-items: center; | |||
background-color: #FFBF60; | |||
margin: 250rpx 0 0 40rpx; | |||
font-size: 30rpx; | |||
color: #FFFFFF; | |||
} | |||
.buttom_{ | |||
width: 594rpx; | |||
height: 94rpx; | |||
justify-content: center; | |||
line-height: 94rpx; | |||
background-color: #FFBF60; | |||
margin: 360rpx 0 0 40rpx; | |||
font-size: 30rpx; | |||
color: #FFFFFF; | |||
.img image{ | |||
margin-left: 5rpx; | |||
margin-right: -15rpx; | |||
} | |||
} | |||
} | |||
.level{ | |||
display: flex; | |||
} | |||
</style> |
@ -1,64 +0,0 @@ | |||
<template> | |||
<!-- <view>伴宠师认证</view> --> | |||
<view class="containers po-r"> | |||
<image src="" mode="" class="mainBg"></image> | |||
<view class="w-100 po-a content"> | |||
<view class="flex-rowl"> | |||
<image src="@/static/images/ydd/logo.png" mode="" class="logo"></image> | |||
<view class="size-36 fw700 color-fff"> | |||
伴宠师认证 | |||
</view> | |||
</view> | |||
<view class="renz flex-rowl mt10"> | |||
<text class="size-28 color-fff mr24">查看认证要求,工作详情,服务酬劳扥信息</text> | |||
<image src="@/static/images/ydd/more.png" mode=""></image> | |||
</view> | |||
<view class="neir bg-fff mt24"> | |||
<view class="steps flex-between"> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
1 | |||
</view> | |||
<text class="size-22">基本考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
2 | |||
</view> | |||
<text class="size-22">培训考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
3 | |||
</view> | |||
<text class="size-22">最终准备</text> | |||
</view> | |||
</view> | |||
<view class="color-ffb size-22 mt32"> | |||
为保证喂养员认证顺利进行,请认真填写并确保信息的真实性 | |||
</view> | |||
</view> | |||
</view> | |||
<view class="content_ box-size" :style="{borderRadius:'16rpx'}"> | |||
<view class="img_"> | |||
<image src="/static/images/ydd/approved.png" mode="" style="width: 310rpx;height: 311rpx;"></image> | |||
</view> | |||
<view class="text_ level"> | |||
审核留言:-您好呀,感谢您的认真作答~从您的回答中我们感受到了您对宠物的用心,相信您可以胜任宠物喂养员这份小小的工作!希望您能在猫妈狗爸给更多毛孩子带去您的关爱! | |||
</view> | |||
<view class="buttom" :style="{borderRadius:'41rpx'}"> | |||
下一步 | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
</script> | |||
<style scoped lang="scss"> | |||
@import"detail.scss"; | |||
</style> |
@ -1,64 +0,0 @@ | |||
<template> | |||
<!-- <view>伴宠师认证</view> --> | |||
<view class="containers po-r"> | |||
<image src="" mode="" class="mainBg"></image> | |||
<view class="w-100 po-a content"> | |||
<view class="flex-rowl"> | |||
<image src="@/static/images/ydd/logo.png" mode="" class="logo"></image> | |||
<view class="size-36 fw700 color-fff"> | |||
伴宠师认证 | |||
</view> | |||
</view> | |||
<view class="renz flex-rowl mt10"> | |||
<text class="size-28 color-fff mr24">查看认证要求,工作详情,服务酬劳扥信息</text> | |||
<image src="@/static/images/ydd/more.png" mode=""></image> | |||
</view> | |||
<view class="neir bg-fff mt24"> | |||
<view class="steps flex-between"> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
1 | |||
</view> | |||
<text class="size-22">基本考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
2 | |||
</view> | |||
<text class="size-22">培训考核</text> | |||
</view> | |||
<view class="line"></view> | |||
<view class="step flex-colc"> | |||
<view class="num mb6 flex-rowc size-26 color-fff"> | |||
3 | |||
</view> | |||
<text class="size-22">最终准备</text> | |||
</view> | |||
</view> | |||
<view class="color-ffb size-22 mt32"> | |||
为保证喂养员认证顺利进行,请认真填写并确保信息的真实性 | |||
</view> | |||
</view> | |||
</view> | |||
<view class="content_ box-size" :style="{borderRadius:'16rpx'}"> | |||
<view class="img_"> | |||
<image src="/static/images/ydd/examine.png" mode="" style="width: 310rpx;height: 311rpx;"></image> | |||
</view> | |||
<view class="text level"> | |||
平台会在三个工作日内完成审核,请及时查看审核结果! | |||
</view> | |||
<view class="buttom" :style="{borderRadius:'41rpx'}"> | |||
我知道了 | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
</script> | |||
<style scoped lang="scss"> | |||
@import"detail.scss"; | |||
</style> |
@ -1,54 +0,0 @@ | |||
.active { | |||
color: #FFBF60; | |||
background-color: rgb(255, 241, 240); | |||
} | |||
.daan { | |||
background-color: #F3F3F3; | |||
border-radius: 50rpx; | |||
} | |||
.p20 { | |||
padding: 20px; | |||
} | |||
.box { | |||
height: 180rpx; | |||
background-image: linear-gradient(to bottom, #ffbf60, #f2f2f2); | |||
padding: 16rpx; | |||
position: absolute; | |||
.step { | |||
width: 720rpx; | |||
height: 15rpx; | |||
border-radius: 32rpx; | |||
background-color: #D9D9D9; | |||
.in { | |||
width: 50%; | |||
height: 15rpx; | |||
background-color: #ffbf60; | |||
border-radius: 32rpx; | |||
} | |||
} | |||
} | |||
.content { | |||
border-radius: 20rpx; | |||
padding: 15rpx 20rpx; | |||
position: relative; | |||
bottom: 0; | |||
left: 0; | |||
.label { | |||
width: 80rpx; | |||
justify-content: center; | |||
padding: 5rpx 15rpx; | |||
color: #fff; | |||
background-color: #FFBF60; | |||
} | |||
} | |||
.level{ | |||
display: flex; | |||
} |