介绍
这篇文章主要介绍了微信小程序如何制作简易的新闻,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
<强>简易新闻制作强>
先看下效果:
实现思路数据全部是采用的本地数据,图片也是本地图片,因为苦逼的个人开发者,无法认证;工具栏四个现象:新闻,笑话,历史上的今天和主页,集中主页采用的是默认的页面,添加自己的一些内容,数据绑定,列表渲染,条件渲染和事件的使用,使用一些基础的视图和文本,部分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否设置是否开启调试模式感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序如何制作简易的新闻”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
微信小程序如何制作简易的新闻