修改
This commit is contained in:
曹辉
parent
7589c057d3
commit
6b3f01bf3b
30
pages.json
30
pages.json
@ -4,24 +4,28 @@
|
||||
},
|
||||
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
||||
{
|
||||
"path": "pages/Videolearning/Videolearning",
|
||||
"style": {
|
||||
"navigationBarTitleText": "视频学习",
|
||||
"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
|
||||
"enablePullDownRefresh": true //设置参数为true
|
||||
}
|
||||
}, {
|
||||
"path": "pages/MyLearning/MyLearning",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的学习",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "pages/startup/startup",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},{
|
||||
"path": "pages/Videolearning/Videolearning",
|
||||
"style": {
|
||||
"navigationBarTitleText": "视频学习",
|
||||
"enablePullDownRefresh": false,
|
||||
"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
|
||||
"enablePullDownRefresh": true //设置参数为true
|
||||
}
|
||||
}, {
|
||||
"path": "pages/Graphiclearning/Graphiclearning",
|
||||
"style": {
|
||||
"navigationBarTitleText": "图文学习",
|
||||
"enablePullDownRefresh": false,
|
||||
"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
|
||||
"enablePullDownRefresh": true //设置参数为true
|
||||
}
|
||||
@ -29,7 +33,6 @@
|
||||
"path": "pages/Learningtraining/Learningtraining",
|
||||
"style": {
|
||||
"navigationBarTitleText": "学习培训",
|
||||
"enablePullDownRefresh": false,
|
||||
"onReachBottomDistance": 50, //距离底部多远时触发 单位为px
|
||||
"enablePullDownRefresh": true //设置参数为true
|
||||
}
|
||||
@ -119,15 +122,12 @@
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}
|
||||
,{
|
||||
}, {
|
||||
"path": "pages/Videolearningdetails/Videolearningdetails",
|
||||
"style" :
|
||||
{
|
||||
"style": {
|
||||
"navigationBarTitleText": "视频学习",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
||||
180
pages/MyLearning/MyLearning.vue
Normal file
180
pages/MyLearning/MyLearning.vue
Normal file
@ -0,0 +1,180 @@
|
||||
<template>
|
||||
<view class='app'>
|
||||
<view class="card">
|
||||
<view class="toptitle">
|
||||
<image src="../../static/shipin.png" mode=""></image>
|
||||
<view class="title">
|
||||
视频
|
||||
</view>
|
||||
</view>
|
||||
<view class="items">
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card">
|
||||
<view class="toptitle">
|
||||
<image src="../../static/zhibo.png" mode=""></image>
|
||||
<view class="title">
|
||||
直播
|
||||
</view>
|
||||
</view>
|
||||
<view class="items">
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card">
|
||||
<view class="toptitle">
|
||||
<image src="../../static/peixun.png" mode=""></image>
|
||||
<view class="title">
|
||||
培训
|
||||
</view>
|
||||
</view>
|
||||
<view class="items">
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<image src="../../static/jnks.png" mode=""></image>
|
||||
<view class="text">
|
||||
基础护理技能操作
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
margin: 15rpx auto 0;
|
||||
padding: 0 0 60rpx;
|
||||
color: #000000;
|
||||
|
||||
.card {
|
||||
width: 97%;
|
||||
margin: 0 auto 15rpx;
|
||||
background-color: #fff;
|
||||
|
||||
.items {
|
||||
width: 92%;
|
||||
margin: 30rpx auto 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
.item {
|
||||
margin-bottom: 55rpx;
|
||||
|
||||
image {
|
||||
width: 190rpx;
|
||||
height: 190rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: 166rpx;
|
||||
font-size: 27rpx;
|
||||
font-weight: 500;
|
||||
line-height: 36rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toptitle {
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
height: 90rpx;
|
||||
border-bottom: 1rpx solid #E6E6E6;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 50rpx;
|
||||
}
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 0;
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="card">
|
||||
<view class="item" v-for='(item,index) in list' :key="index" @tap='goVideolearningdetails(item)'>
|
||||
<view class="item" v-for='(item,index) in list' :key="index" @click.stop='goVideolearningdetails(item)'>
|
||||
<image :src="baseurl + item.trainingItemCoverUrl" mode=""></image>
|
||||
<view class="title">
|
||||
{{item.trainingItemTitle}}
|
||||
@ -12,7 +12,7 @@
|
||||
<view class="price">
|
||||
￥{{item.trainingItemPrice}}
|
||||
</view>
|
||||
<view class="buy" v-if='!item.trainingOrderStatus'>
|
||||
<view class="buy" v-if='!item.trainingOrderStatus' @click.stop='buy(item)'>
|
||||
购买
|
||||
</view>
|
||||
<view class="havebuy" v-else>
|
||||
@ -20,6 +20,12 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-popup v-model="buyshow" mode='bottom' height='800'>
|
||||
<view class="popuptitle">请选择支付方式</view>
|
||||
<view class="buybtn">
|
||||
确认支付￥{{buylist.trainingItemPrice}}
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -31,12 +37,14 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
buyshow: false,
|
||||
baseurl: undefined,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
trainingCategoryId: undefined,
|
||||
list: [],
|
||||
total: 0,
|
||||
buylist: {},
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
@ -45,6 +53,11 @@
|
||||
this.info();
|
||||
},
|
||||
methods: {
|
||||
//购买
|
||||
buy(item) {
|
||||
this.buylist = item
|
||||
this.buyshow = true
|
||||
},
|
||||
//跳转视频学习详情
|
||||
goVideolearningdetails(item) {
|
||||
uni.navigateTo({
|
||||
@ -83,6 +96,11 @@
|
||||
padding: 15rpx 0 0;
|
||||
color: #000000;
|
||||
|
||||
.popuptitle {
|
||||
font-size: 41rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
@ -107,28 +125,28 @@
|
||||
}
|
||||
|
||||
.havebuy {
|
||||
width: 115rpx;
|
||||
height: 48rpx;
|
||||
width: 125rpx;
|
||||
height: 55rpx;
|
||||
background: #CDCDCD;
|
||||
border-radius: 5rpx;
|
||||
text-align: center;
|
||||
line-height: 48rpx;
|
||||
line-height: 55rpx;
|
||||
color: #FFFFFF;
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
right: 15rpx;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
|
||||
.buy {
|
||||
width: 115rpx;
|
||||
height: 48rpx;
|
||||
width: 125rpx;
|
||||
height: 55rpx;
|
||||
background: #4271B9;
|
||||
border-radius: 5rpx;
|
||||
text-align: center;
|
||||
line-height: 48rpx;
|
||||
line-height: 55rpx;
|
||||
color: #FFFFFF;
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
right: 15rpx;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
|
||||
|
||||
@ -61,7 +61,7 @@
|
||||
我的收益
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottomitem" @tap='gostudy'>
|
||||
<view class="bottomitem" @tap='goMyLearning'>
|
||||
<image src="../../static/xuexi.png" mode=""></image>
|
||||
<view class="">
|
||||
我的学习
|
||||
@ -159,6 +159,12 @@
|
||||
})
|
||||
},
|
||||
//我的学习
|
||||
goMyLearning() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/MyLearning/MyLearning"
|
||||
})
|
||||
},
|
||||
//敬请期待
|
||||
gostudy() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/study/study'
|
||||
|
||||
BIN
static/peixun.png
Normal file
BIN
static/peixun.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/shipin.png
Normal file
BIN
static/shipin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/wechat.png
Normal file
BIN
static/wechat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
static/zhibo.png
Normal file
BIN
static/zhibo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Loading…
Reference in New Issue
Block a user