微信小程序如何制作简易的新闻

  介绍

这篇文章主要介绍了微信小程序如何制作简易的新闻,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

<强>简易新闻制作

先看下效果:

微信小程序如何制作简易的新闻

实现思路数据全部是采用的本地数据,图片也是本地图片,因为苦逼的个人开发者,无法认证;工具栏四个现象:新闻,笑话,历史上的今天和主页,集中主页采用的是默认的页面,添加自己的一些内容,数据绑定,列表渲染,条件渲染和事件的使用,使用一些基础的视图和文本,部分API的使用;

<人力资源/>

代码结构

微信小程序如何制作简易的新闻

目录用途图片存放本地图片页面存放页面,历史历史上的今天,主索引页,笑话笑话,新闻新闻跑龙套工具包app.js小程序逻辑app.json小程序公共设置app.wxss小程序公共样式表

代码内容,主要看下配置

应用程序。json配置项列表

{   ,“pages":,   “才能页面/新闻/news"   “才能页面/笑话/joke"   “才能页面/历史/history"   “才能页/索引/index"   ,),   ,“window": {   “navigationBarBackgroundColor"才能:,“# f85959"   “navigationBarTextStyle"才能:,“white"   “navigationBarTitleText"才能:,“微,看“,   “backgroundColor"才能:,“# FFFFFF"   “backgroundTextStyle"才能:,“dark"   “enablePullDownRefresh"才能:真实   },   ,“tabBar": {   “color"才能:,“# 626567“,   “selectedColor"才能:,“# f85959"   “backgroundColor"才能:,“# FBFBFB"   “borderStyle"才能:,“white"   “position"才能:,“bottom"   “list"才能:,   ,,{   ,,,“pagePath":,“页面/新闻/news"   ,,,“text":,“新闻“,   ,,,“iconPath":,“图像/discovery.png"   ,,,“selectedIconPath":,“图像/discovery_focus.png"   ,,},   ,,{   ,,,“pagePath":,“页面/笑话/joke"   ,,,“text":,“笑话“,   ,,,“iconPath":,“图像/ring.png"   ,,,“selectedIconPath":,“图像/ring_focus.png"   ,,},   ,,{   ,,,“pagePath":,“页面/历史/history"   ,,,“text":,“历史”,   ,,,“iconPath":,“图像/chat.png"   ,,,“selectedIconPath":,“图像/chat_focus.png"   ,,},   ,,{   ,,,“pagePath":,“页面/索引/index"   ,,,“text":,“主页“,   ,,,“iconPath":,“图像/index.png"   ,,,“selectedIconPath":,“图像/index_focus.png"   ,,}   ,,)   },   ,“networkTimeout": {   “request"才能:,10000年,   “downloadFile"才能:10000   },   ,“debug":真实   }以前属性类型必填描述pagesString数组是设置页面路径windowObject否设置默认页面的窗口表现tabBarObject否设置底部标签的表现networkTimeoutObject否设置网络超时时间debugBoolean否设置是否开启调试模式

感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序如何制作简易的新闻”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

微信小程序如何制作简易的新闻