Skip to content

S
self-support
Commit 1dc668b1 authored by zhengzy's avatar zhengzy
Browse files
Options

首次提交

parent 5a886c46
Show whitespace changes
Inline Side-by-side
Showing with 17386 additions and 4 deletions
package-lock.json 0 → 100644
View file @ 1dc668b1
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
View file @ 1dc668b1
......@@ -20,7 +20,6 @@
"build:quickapp-webview-huawei": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build",
"build:quickapp-webview-union": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build",
"devt:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
"dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch",
"dev:custom": "cross-env NODE_ENV=development uniapp-cli custom",
"dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve",
......
src/pages.json
View file @ 1dc668b1
{
"easycom": {
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app"
}
},
{
"path": "pages/learn/index",
"style": {
"navigationBarTitleText": "uni-xue"
}
},
{
"path":"pages/learn/assessment",
"style": {
"navigationBarTitleText":"认证介绍"
}
},
{
"path":"pages/learn/answer",
"style": {
"navigationBarTitleText":"考试答题"
}
},
{
"path":"pages/learn/result",
"style":{
"navigationBarTitleText":"考试结果页"
}
},
{
"path":"pages/learn/news-details",
"style":{
"navigationBarTitleText":""
}
},
{
"path":"pages/learn/curriculum",
"style":{
"navigationBarTitleText":""
}
}
],
"globalStyle": {
......@@ -13,4 +52,5 @@
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
}
}
src/pages/learn/answer.vue 0 → 100644
View file @ 1dc668b1
<template>
<view class="content">
<view class="">
<text class="dx">多选</text><text class="num">第1题</text><text class="all">/共30题</text>
<view class="">
一下对压缩机故障描述有误的是?
</view>
<view class="">
<button>A</button>
<button>B</button>
<button>C</button>
<button>D</button>
<button>E</button>
</view>
<button class="btn">下一题</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.content{
width: 600rpx;
height: 800rpx;
/* background: #8F8F94; */
margin: 0 auto ;
}
.dx{
padding: 0rpx;
background: #2979FF;
color: #FFFFFF;
border-radius: 0px;
}
.num{
color: #2B85E4;
}
.all{
color: #8F8F94;
}
.btn{
margin-top:0rpx;
}
</style>
src/pages/learn/assessment.vue 0 → 100644
View file @ 1dc668b1
<template>
<view class="content">
<view class="title">考试规则说明</view>
<view class="test">
<view class="text">
<text class="left">考试科目:</text><text style="color: #007AFF;">服务规范</text>
</view>
<view class="text">
<text class="left">合格条件:</text><text>随机20题,答对20题</text>
</view>
<view class="text">
<text class="left">考试时间:</text><text>30分钟</text>
</view>
<view class="text">
<text class="left">题目规则:</text><text>题库100题,随机抽20题</text>
</view>
<view class="text">
<text class="left">备注说明:</text><text>无</text>
</view>
</view>
<button @click="aaa">开始考试</button>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
aaa(){
wx.navigateTo({
url:'./answer'
})
}
}
}
</script>
<style >
.content{
margin: 187rpx 80rpx;
}
.title{
font-size: 17px;
text-align: center;
}
.test{
margin: 0 0 ;
}
.left{
margin-right: 8rpx;
margin-left: 68rpx;
}
.text{
margin: 50rpx 0;
}
button{
width:364rpx;
height: 56rpx;
background: #007AFF;
font-size: 24rpx;
color: #FFFFFF;
}
</style>
src/pages/learn/curriculum.vue 0 → 100644
View file @ 1dc668b1
<template>
<view>
<view class="title">
课程简介
</view>
<view class="lecturer">
<view class="" style="font-size: 40rpx;font-weight: bold;margin: 30rpx 0;">
讲师
</view>
<view class="" style="display: flex;">
<image src="../../static/logo.png" mode=""></image>
<view style="font-size: 30rpx;font-weight:1000;margin: 19px 24px;">扳手卢老师</view>
</view>
<view class="" style="margin: 36rpx 0;">
<view class="" style="font-size: 40rpx;font-weight:1000">
目录
</view>
<view class="" style="font-size: 40rpx;font-weight: 1000;">
第一章 充电桩常见问题答疑
</view>
<view class="" >
<view class="" style="display: flex; margin: 20rpx 0;">
<view class="" style="width: 100rpx;height:38rpx;border: 1px solid #8F8F94;text-align: center;line-height: 38rpx;">
视频
</view>
<text style="margin-left: 44rpx;">1-1唯修汇公司简介</text>
</view>
<view class="" style="display: flex;margin:20rpx 0;">
<view class="" style="width: 100rpx;height:38rpx;border:1px solid #8F8F94;text-align: center;line-height: 38rpx;" >
视频
</view>
<text style="margin-left:44rpx;">1-2可接单评定标准</text>
</view>
<view class="" style="display: flex;margin:20rpx 0;">
<view class="" style="width: 100rpx;height: 38rpx;border:1px solid #8F8F94;text-align: center;line-height: 38rpx;">
视频
</view>
<text style="margin-left:44rpx;">1-3结算规则</text>
</view>
<view class="" style="display: flex;margin: 20rpx 0;">
<view class="" style="width: 100rpx;height: 38rpx;border:1px solid #8F8F94;text-align: center;line-height: 38rpx;">
视频
</view>
<text style="margin-left: 44rpx;">1-4充电桩安装开城计划</text>
</view>
<view class="" style="display: flex;margin: 20rpx 0;">
<view class="" style="width: 100rpx;height: 38rpx;border:1px solid #8F8F94;text-align: center;line-height: 38rpx;">
视频
</view>
<text style="margin-left: 44rpx;">1-5缴纳质保金和费用答疑</text>
</view>
<view class="" style="display: flex;margin: 20rpx 0;">
<view class="" style="width: 100rpx;height: 38rpx;border: 1px solid #8F8F94;text-align: center;line-height: 38rpx;">
视频
</view>
<text style="margin-left:44rpx;">1-6安装材料品牌答疑1</text>
</view>
<view class="" style="display: flex;margin: 20rpx 0;">
<view class="" style="width: 100rpx;height: 38rpx;border:1px solid #8F8F94;text-align: center;line-height: 38rpx;">
视频
</view>
<text style="margin-left:44rpx;">1-7安装材料答疑2</text>
</view>
<view class="" style="display: flex;margin: 20rpx 0;">
<view class="" style="width: 100rpx;height: 38rpx;border:1px solid #8F8F94;text-align: center;">
视频
</view>
<text style="margin-left:44rpx;">1-8其他问题答疑</text>
</view>
<view class="" style="display: flex;margin: 20rpx 0;">
<view class="" style="width: 100rpx;height: 38rpx;border: 1px solid #8F8F94;text-align: center;">
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.title{
height: 164rpx;
font-size: 40rpx;
font-weight: bold;
margin: 24rpx 34rpx;
}
.lecturer{
height: 264rpx;
padding-left: 30rpx;
}
image{
width: 128rpx;
height: 128rpx;
}
</style>
src/pages/learn/index.vue 0 → 100644
View file @ 1dc668b1
<template>
<view class="study">
<view class="banner">
<u-swiper :list="list"></u-swiper>
</view>
<!-- <u-tabs :list="tabs" :is-scroll="false" :current="current" @change="change"></u-tabs> -->
<view>
<u-tabs-swiper ref="uTabs" :list="tabs" :current="current" @change="tabsChange" :is-scroll="false"
swiperWidth="750"></u-tabs-swiper>
</view>
<swiper :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish" >
<swiper-item class="swiper-item">
<scroll-view scroll-y style="height: 800rpx;width:100%;" @scrolltolower="onreachBottom">
<view class="standard">
<text>充电桩交付规范</text>
<text>></text>
</view>
</scroll-view>
</swiper-item>
<swiper-item class="swiper-item">
<scroll-view scroll-y style="height: 666rpx;width:100%;" @scrolltolower="onreachBottom">
<view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view>
<view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view>
<view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view>
<view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view>
<view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view>
<view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view>
<view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view>
<view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view><view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view>
<view class="notice" @click="bbb">
<view class="n-head">
《关于充电桩xxxx》
</view>
<view class="">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</view>
</view>
</scroll-view>
</swiper-item>
<swiper-item class="swiper-item">
<scroll-view scroll-y style="height:500rpx;width:100%;" @scrolltolower="onreachBottom">
<view class="lean">
<view class="top">
<view class="currency-class">
<text class="title">通用课程</text>
<view class="class1">
<image class="img" src="../../static/logo.png" mode=""></image>
<view class="right">
<view class="">
服务规范
</view>
<view class="">
为用户提供更好服务,自己赚更多钱
</view>
<view class="" style="display:flex;justify-content: space-between;">
<u-line-progress active-color="#2979ff" :percent="30" style="width:54%;"></u-line-progress>
<text>继续</text>
</view>
</view>
</view>
<view class="class1">
<image class="img" src="../../static/logo.png" mode=""></image>
<view class="right">
<view class="">
接单操作
</view>
<view class="">
快速学习,使用APP接单、抢单
</view>
<view class="" style="display:flex;justify-content: space-between;">
<u-line-progress active-color="#2979ff" :percent="0" style="width:54%;"></u-line-progress>
<text>未观看</text>
</view>
</view>
</view>
</view>
<view class="currency-class">
<text class="title">技能课程</text>
<view class="class1">
<image class="img" src="../../static/logo.png" mode=""></image>
<view class="right">
<view class="">
从0-1学习充电桩安装服务
</view>
<view class="">
让你全面了解充电桩市场及服务规范
</view>
<view class="" style="display:flex;justify-content: space-between;">
<u-line-progress active-color="#2979ff" :percent="100" style="width:54%;"></u-line-progress>
<text>完成</text>
</view>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
</swiper-item>
<swiper-item>
<scroll-view scroll-y style="height:800rpx;width:100%;" @scrolltolower="onreachBottom">
<view class="lean">
<view class="top">
<view class="currency-class">
<text class="title">通用认证</text>
<view class="class1" @click="aaa">
<image class="img" src="../../static/logo.png" mode=""></image>
<view class="right">
<view class="">
服务规范
</view>
<view class="">
通过本认证,是接单的前提条件
</view>
<view class="" style="display:flex;justify-content: space-between;">
<text>随机20题,及格20题</text>
<text>通过</text>
</view>
</view>
</view>
<view class="class1" @click="aaa">
<image class="img" src="../../static/logo.png" mode=""></image>
<view class="right">
<view class="">
接单操作
</view>
<view class="">
快速认证,是否具备接单操作能力
</view>
<view class="" style="display:flex;justify-content: space-between;">
<text>随机20题,及格16题</text>
<text>未通过</text>
</view>
</view>
</view>
</view>
<view class="currency-class">
<text class="title">技能认证</text>
<view class="class1" @click="aaa">
<image class="img" src="../../static/logo.png" mode=""></image>
<view class="right">
<view class="">
从0-1学习充电桩安装服务
</view>
<view class="">
通过本认证后,可接充电桩业务单
</view>
<view class="" style="display:flex;justify-content: space-between;">
<text>随机30题,及格25题</text>
<text>未通过</text>
</view>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
</swiper-item>
</swiper>
</view>
</view>
</template>
<script>
export default{
data() {
return {
list: [{
image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
title: '昨夜星辰昨夜风，画楼西畔桂堂东'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
title: '身无彩凤双飞翼，心有灵犀一点通'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
}
],
tabs:[
{
name:'交付规范'
},{
name:'培训通知'
},{
name:'在线学习',
},{
name:'考核认证'
}
],
current:0,
swiperCurrent:0,
}
},
methods: {
//tabs通知swiper切换
tabsChange(index){
this.swiperCurrent = index;
},
//swiper-item左右移动,通知tabs的滑块跟随移动
transition(e){
let dx = e.detail.dx;
this.$refs.uTabs.setDx(dx);
},
animationfinish(e) {
let current = e.detail.current;
this.$refs.uTabs.setFinishCurrent(current);
this.swiperCurrent = current;
this.current = current;
},
aaa(){
wx.navigateTo({
url:'./assessment'
})
},
bbb(){
wx.navigateTo({
url:'./news-details'
})
},
//scroll-view到底部加载更多
onreachBottom() {
}
}
}
</script>
<style>
.study{
background: #f9f9f9;
padding: 15rpx;
height: 100%;
}
.banner{
padding:2rpx;
}
//交付规范
.standard{
width: 656rpx;
display: flex;
justify-content: space-between;
border-bottom: 1rpx solid #82848A;
padding: 0 34rpx;
margin:72rpx auto;
}
//培训通知
.notice{
border: #808080 solid 2rpx;
width: 100%;
height: 400rpx;
margin-top: 36rpx;
}
.n-head{
text-align: center;
margin: 32rpx 0 ;
}
//在线学习
.currency-class{
width: 100%;
height: 455rpx;
background: #FFFFFF;
padding: 18rpx;
margin-bottom: 11px;
}
.class1{
display: flex;
justify-content: space-between;
padding-top: 22rpx;
margin-top: 28rpx;
border-top:1rpx solid #808080;
}
.img{
width: 200rpx;
height: 126rpx;
display: block;
margin-right: 0rpx;
}
.right{
width: 428rpx;
height: 147rpx;
}
.tab{
background: #fff;
height: 82rpx;
margin: 0 0;
}
.text{
margin: 0 40rpx;
line-height: 82rpx;
color: #667eb5;
}
.content{
margin: 5px 0;
height: 485rpx;
background: #fff;
}
swiper{
height:691rpx;
}
</style>
src/pages/learn/news-details.vue 0 → 100644
View file @ 1dc668b1
<template>
<view>
<view class="title">
《关于充电桩xxxx》
</view>
<view class="content">
于2021年3月23日 10:00 进行《xxx》内容进行培训。
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus 。
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.title{
text-align: center;
margin: 34rpx;
}
.content{
padding: 38rpx;
}
</style>
src/pages/learn/result.vue 0 → 100644
View file @ 1dc668b1
<template>
<view class="content">
<view class="title">
考试结果
</view>
<view class="result">
考试不通过
</view>
<view class="details">
<view class="text1">
<text>合格条件:</text><text>答对20题</text>
</view>
<view class="text1">
<text>考试结果:</text><text>答对10题</text>
</view>
<view class="text1">
<text>考试用时:</text><text>16分29秒</text>
</view>
<button class="btn">再答一次</button>
<button class="btn2">退出重考</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.content{
width: 592rpx;
height: 800rpx;
/* background: #19BE6B; */
margin: 84rpx auto;
overflow: hidden;
}
.title{
margin:7px 13px;
}
.result{
color: red;
font-size: 56rpx;
text-align: center;
margin: 52rpx 0;
}
.details{
height: 400rpx;
border-top: 1px dashed #808080;
}
.text1{
margin: 16rpx 24rpx;
}
.btn{
width: 476rpx;
height: 80rpx;
background: #007AFF;
font-size: 32rpx;
margin:206rpx auto 38rpx ;
}
.btn2{
width: 476rpx;
height: 80rpx;
font-size: 30rpx;
margin: 0 auto ;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment