使用ActionEase SF创建信息小程序（3）
浏览：263 次
文章详细信息页面的呈现
文章详细信息页面
Wxml代码：
｛｛title｝｝
时间：｛｛datetime｝｝来源：｛{copyfrom｝｝</p>
Js代码：
常量应用=获取应用（）
const WxParse=require（'../../WxParse/WxParse.js'）；
第页({
数据：{
atitle:“”，
版权所有：app.globalData.copyright
},
打开就绪（）{
},
onLoad（选项）{
var th=这个
wx.请求({
url:'https://www.xxx.com/Item.aspx?id='+options.id，
标题：{
'内容类型'：'app/json'
},
成功（res）{
//控制台.log（res.data.title）
Wx分析。wxParse（“article”，“html”，res.data.content，即5），
that.setData（设置数据）({
标题：res.data.title，
日期时间：res.data。日期
复制自：res.data。复制自
})
}
})
}
})
Wxss代码：
@导入“../../wxParse/wxParse.wxss”；
.page｛填充：0 10px；｝
.art内容{
字体大小：16px；
颜色：#333；
填充：10px；
线高：1.8；
}
.page__hd｛边框底部：1px实心#ccc；填充底部：7px；｝
.page__标题{
文本对齐：居中；
字体大小：20px；
字体粗细：400；
显示：块；
}
.page__描述{
边距顶部：5px；
颜色：#888；
文本对齐：左对齐；
字体大小：14px；
}
Json代码：
{
“NavigationBarTitleText”：“内容详细信息”，
“navigationBarBackgroundColor”：“#2AA0C6”，
“navigationBarTextStyle”：“白色”，
“使用组件”：{
“txv视频”：“plugin://tencentvideo/video "
}
}
