时间:2021-05-18
微信小程序 实战项目:
简易新闻制作
先看下效果:
实现思路数据全部是采用的本地数据,图片也是本地图片,因为苦逼的个人开发者,无法认证;toolbar四个现象:新闻,笑话,历史上的今天和主页,集中主页采用的是默认的页面,添加自己的一些内容;数据绑定,列表渲染,条件渲染和事件的使用;使用一些基础的View和text,部分API的使用;
代码结构
目录 用途 images 存放本地图片 pages 存放页面,history历史上的今天,index主页,joke笑话,news新闻 utils 工具包 app.js 小程序逻辑 app.json 小程序公共设置 app.wxss 小程序公共样式表代码内容,主要看下配置
app.json 配置项列表
{ "pages": [ "pages/news/news", "pages/joke/joke", "pages/history/history", "pages/index/index" ], "window": { "navigationBarBackgroundColor": "#f85959", "navigationBarTextStyle": "white", "navigationBarTitleText": "微 看", "backgroundColor": "#FFFFFF", "backgroundTextStyle": "dark", "enablePullDownRefresh": true }, "tabBar": { "color": "#626567", "selectedColor": "#f85959", "backgroundColor": "#FBFBFB", "borderStyle": "white", "position": "bottom", "list": [ { "pagePath": "pages/news/news", "text": "新闻", "iconPath": "images/discovery.png", "selectedIconPath": "images/discovery_focus.png" }, { "pagePath": "pages/joke/joke", "text": "笑话", "iconPath": "images/ring.png", "selectedIconPath": "images/ring_focus.png" }, { "pagePath": "pages/history/history", "text": "历史", "iconPath": "images/chat.png", "selectedIconPath": "images/chat_focus.png" }, { "pagePath": "pages/index/index", "text": "主页", "iconPath": "images/index.png", "selectedIconPath": "images/index_focus.png" } ] }, "networkTimeout": { "request": 10000, "downloadFile": 10000 }, "debug": true} 属性 类型 必填 描述 pages String Array 是 设置页面路径 window Object 否 设置默认页面的窗口表现 tabBar Object 否 设置底部 tab 的表现 networkTimeout Object 否 设置网络超时时间 debug Boolean 否 设置是否开启 debug 模式具体配置使用方法请参考官网:
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=201715
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
【怎么做微信小程序】如何制作自己的微信小程序?制作简单的微信程序开发周期有多长?制作微信小程序要花多少钱?如何使用Python开发微信小程序?如何通过微信小
【微信小程序如何制作】微信小程序制作游戏该怎么办?制作微信小程序需要钱吗?如何制作自己的微信小程序?下面就和小编一起来看看吧! 微信小程序制作游戏该怎么办
微信小程序正式上线,很多地方在刷屏,我们可以看见很多人都在使用微信小程序,但是不少用户不会微信小程序怎么开发?下面的小编带来微信小程序开发实战教程,手把手教你开
【怎么做微信小程序】如何免费制作微信小程序?微信小程序开发的定制方法?下面就和小编一起来看看吧! 如何免费制作微信小程序? 你好,微信小程序,开发前必须
【微信小程序如何制作】微信小程序如何渲染html格式的内容?如何制作微信小程序的历史组单选?下面就和小编一起来看看吧! 微信小程序如何渲染html格式的内