| @ -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; | |||
| } | |||