如何用微信小程序(简讯制作小程序)制作简单的新闻

本文主要讲述微信小程序实战程序简单新闻制作方法的相关信息，有需要的朋友可以参考一下。

微信小程序实战项目:

简单的新闻制作

先看效果:

实现数据都是本地数据，图片也是本地图，因为辛苦的个人开发者无法认证；工具栏四种现象:新闻、笑话、历史上的今天和主页。集中式主页采用默认页面，添加一些自己的内容；数据绑定、列表呈现、条件呈现和事件的使用；使用一些基本的视图和文本，使用一些APIs

代码结构

使用图片存储本地图片页面存储页面、历史上的今天、索引主页、笑话笑话、新闻新闻utils toolkit app . js applet logic app . JSON applet公共设置app.wxss applet公共样式表

内容，主要看配置

App.json配置项列表

{ & quot页面& quot:[& quot；页面/新闻/新闻& quot，& quot页数/笑话/笑话& quot，& quot页面/历史/历史& quot，& quot页数/索引/索引& quot]，& quot窗口& quot:{ & quotnavigationBarBackgroundColor & quot；:& quot# f85959 & quot，& quotnavigationBarTextStyle & quot:& quot白色& quot，& quotnavigationBarTitleText & quot:& quot“看，& quot背景颜色& quot:& quot# FFFFFF & quot，& quotbackgroundTextStyle & quot:& quot黑暗& quot，& quotenablePullDownRefresh & quot:true }，& quottabBar & quot:{ & quot颜色& quot:& quot# 626567 & quot，& quot选定的颜色& quot:& quot# f85959 & quot，& quot背景颜色& quot:& quot# FBFBFB & quot，& quot边框样式& quot:& quot白色& quot，& quot位置& quot:& quot底部& quot，& quot列表& quot:[{ & quot；pagePath & quot:& quot页面/新闻/新闻& quot，& quot文本& quot:& quot新闻”、& quoticonPath & quot:& quotimages/discovery . png & quot；，& quot选择selectedIconPath & quot:& quotimages/discovery _ focus . png & quot；}，{ & quotpagePath & quot:& quot页数/笑话/笑话& quot，& quot文本& quot:& quot笑话“，& quoticonPath & quot:& quotimages/ring . png & quot；，& quot选择selectedIconPath & quot:& quotimages/ring _ focus . png & quot；}，{ & quotpagePath & quot:& quot页面/历史/历史& quot，& quot文本& quot:& quot历史”，& quoticonPath & quot:& quotimages/chat . png & quot；，& quot选择selectedIconPath & quot:& quotimages/chat _ focus . png & quot；}，{ & quotpagePath & quot:& quot页数/索引/索引& quot，& quot文本& quot:& quot主页"，& quoticonPath & quot:& quotimages/index . png & quot；，& quot选择selectedIconPath & quot:& quotimages/index _ focus . png & quot；} ] }，& quot网络超时& quot:{ & quot请求& quot:10000，& quot下载文件& quot:10000 }，& quot调试:true}对属性类型pagesString Array的必需描述用于设置页面路径windowObject No用于设置默认页面tabBarObject No用于设置底部选项卡的表示networkTimeoutObject No用于设置网络超时debugBoolean No用于设置是否打开调试模式。

具体配置和使用方法请参考官网:

https://MP . weixin . QQ . com/debug/wx adoc/dev/framework/config . html？t=201715

感谢您的阅读，希望能帮到您，也感谢您对本站的支持！