频道栏目
首页 > 微信学院 > 微信小程序 > 正文
微信小程序开发实战之豆瓣电影
2018-04-27 14:43:47           
收藏   我要投稿

微信小应用借鉴了很多web的理念,但是其与传统的webApp、微信公共号这些BS架构不同,他是CS架构,是客户端的程序

程序开发实战--豆瓣电影

项目配置

-在app.jsop中进行简单配置

\

--navigationBarBackgroundColor:导航栏背景颜色

--navigationBarTitleText:导航栏文本内容

--navigationBarTextStyle:字体颜色,只能是black或者white

规划程序所有页面并配置

-创建所需要的目录

\

--每个页面包含js、wxss、wxml三个文件,json文件可根据需求自行增加

-在app.json配置中修改pages

--

\

--app.json中第一项会作为默认页面显示

完成榜单页面

-轮播图

--wxml页面结构

\

--js页面

\

---imgUrls数组的地址是模拟数据,可自行更改

--wxss页面

\

---设置图片的宽、高。

--需要将app.wxss修改为

\

-分类部分

--wxml页面代码

\

--wxss代码

\

详情页面

-页面跳转

--从board页面跳转至list页面

--使用navigator标签

---hover-class="node" 取消点击高亮效果

---type=in_theaters 进行传递参数

-页面之间传值方式

--类似于web开发的方式 > 问号参数

--跳转到的页面通过onLoad方法的参数(params)拿到

\

--url="../list/list?type=in_theaters&title=aaaa",可以传递多个参数,中间使用&;

--js代码

\

--wxml代码

\

--样式暂时没有增加

点击复制链接 与好友分享!回本站首页
上一篇:微信小程序入门教程之网络请求
下一篇:微信小程序下的Nodejs基本环境搭建教程
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站