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