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-->
|
||||
<text>miniprogram/mooc_case/pages/mooc_cases/mooc_cases.wxml</text>
|
||||
<view class="list-view">
|
||||
<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