parent
268a355df2
commit
d5ff3a53eb
@ -0,0 +1,98 @@
|
|||||||
|
const app = getApp();
|
||||||
|
import {openAttachment} from "../../../js/utils";
|
||||||
|
|
||||||
|
Page({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad: function (options) {
|
||||||
|
app.reportPageHistory()
|
||||||
|
app.api("libraries.$")({mooc_case_id: options.mooc_case_id})
|
||||||
|
.then(res=>{
|
||||||
|
this.setData(res);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
openDocument:function(e){
|
||||||
|
let {currentTarget:{dataset} }= e;
|
||||||
|
let {id, is_pdf} = dataset
|
||||||
|
console.log(dataset, id);
|
||||||
|
let fileType;
|
||||||
|
if(is_pdf&&is_pdf!='false')
|
||||||
|
fileType = "pdf";
|
||||||
|
else
|
||||||
|
fileType = void 0;
|
||||||
|
openAttachment({id, fileType});
|
||||||
|
},
|
||||||
|
|
||||||
|
onAddToFavorites:function(){
|
||||||
|
let {title, cover} = this.data
|
||||||
|
return app.addToFavorites({
|
||||||
|
title: "「教学案例」"+title,
|
||||||
|
imageUrl:global.config.eduUrl+cover.url
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onShareTimeline:function(){
|
||||||
|
let {title, cover} = this.data
|
||||||
|
return app.shareTimeline({
|
||||||
|
title: "「教学案例」"+title,
|
||||||
|
imageUrl:global.config.eduUrl+cover.url
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onShareAppMessage: function () {
|
||||||
|
let {title, cover} = this.data
|
||||||
|
return app.shareApp({
|
||||||
|
title: "「教学案例」"+title,
|
||||||
|
imageUrl:global.config.eduUrl+cover.url
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {
|
||||||
|
"rich-md":"../../components/rich-md/rich-md"
|
||||||
|
},
|
||||||
|
"navigationBarTitleText": "教学案例"
|
||||||
|
}
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
<page-meta>
|
||||||
|
<navigation-bar title="{{title}}"/>
|
||||||
|
</page-meta>
|
||||||
|
|
||||||
|
<rich-md nodes="{{content}}" type="markdown"/>
|
||||||
|
<view class="attachments">
|
||||||
|
<view wx:for="{{attachments}}" class="attachment" data-is_pdf="{{item.is_pdf}}" data-id="{{item.id}}" bindtap="openDocument">
|
||||||
|
<mp-icon icon="link" color="#00b" type="field"/>{{item.title}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
.attachment{
|
||||||
|
text-decoration: underline;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 6px 8px;
|
||||||
|
color: #00b;
|
||||||
|
}
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
// mooc_case/pages/mooc_cases/mooc_case_item/mooc_case_item.js
|
||||||
|
Component({
|
||||||
|
properties: {
|
||||||
|
data:Object
|
||||||
|
},
|
||||||
|
|
||||||
|
data: {
|
||||||
|
eduUrl:global.config.eduUrl,
|
||||||
|
default_cover:"/images/educoder/library-default-cover.png"
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 组件的方法列表
|
||||||
|
*/
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"component": true,
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
<navigator class="item-container" hover-class="none" url="/markdown/mooc_case/mooc_case/mooc_case?mooc_case_id={{data.id}}">
|
||||||
|
<image class="item-image" lazy-load mode="aspectFill" src="{{eduUrl}}{{data.cover_url||default_cover}}"></image>
|
||||||
|
<view class="item-detail">
|
||||||
|
<view>{{data.title}}<text wx:for="{{data.tags}}" class="tag {{item.id==1?'award':''}}">{{item.name}}</text></view>
|
||||||
|
<view class="tip">{{data.author_school_name}} {{data.author_name}}</view>
|
||||||
|
</view>
|
||||||
|
</navigator>
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
.item-container{
|
||||||
|
padding: 10px 12px;
|
||||||
|
display: flex;
|
||||||
|
background: white;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-detail{
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tip{
|
||||||
|
font-size: 12px;
|
||||||
|
color: grey;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
.item-image{
|
||||||
|
height: 180rpx;
|
||||||
|
width: 240rpx;
|
||||||
|
background: #804080;
|
||||||
|
flex: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.tag{
|
||||||
|
background: #00b0f0;
|
||||||
|
color: white;
|
||||||
|
padding: 4px 6px;
|
||||||
|
border-radius: 40px;
|
||||||
|
font-size: 10px;
|
||||||
|
margin-left: 5px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.tag.award{
|
||||||
|
background: #fc2b6a;
|
||||||
|
}
|
||||||
@ -1,3 +1,6 @@
|
|||||||
{
|
{
|
||||||
"usingComponents": {}
|
"usingComponents": {
|
||||||
|
"mooc_case-item":"./mooc_case_item/mooc_case_item"
|
||||||
|
},
|
||||||
|
"navigationBarTitleText": "教学案例"
|
||||||
}
|
}
|
||||||
@ -1,2 +1,5 @@
|
|||||||
<!--miniprogram/mooc_case/pages/mooc_cases/mooc_cases.wxml-->
|
<view class="list-view">
|
||||||
<text>miniprogram/mooc_case/pages/mooc_cases/mooc_cases.wxml</text>
|
<view class="item-wrp" wx:for="{{libraries}}">
|
||||||
|
<mooc_case-item data="{{item}}"/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
@ -1 +1,6 @@
|
|||||||
/* miniprogram/mooc_case/pages/mooc_cases/mooc_cases.wxss */
|
.item-list{
|
||||||
|
background: #f0f0f0;
|
||||||
|
}
|
||||||
|
.item-wrp{
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
Loading…
Reference in new issue