需求描述及交互分析设计思路和相关知识点电影界面顶部页签切换效果设计正在热映界面布局设计即将上映界面布局设计电影详情页设计我的界面列表导航设计登录设计 相关知识点(1)swiper滑块视图容器组件,可以实现海报轮播效果动态展示以及页签内容切换效果:(2)wx.request(OBJECT)是用来发起的是 HTTPS 请求:(3)微信小程序支持页面分享功能,可以把指定页面分享给好友或者群,需要使用onShareAppMessage 函数,设置该页面的分享信息:(4)wx.setStorage(OBJ…

1.逻辑层 index.js //index.js //获取应用实例 const app = getApp() Page({ /** * 页面的初始数据 */ data: { menu: { imgUrls: [ 'http://gw.alicdn.com/tps/i2/TB19BluIVXXXXX6XpXXN4ls0XXX-183-129.png?imgtag=avatar', 'http://gw.alicdn.com/tps/TB1FDOHLVXXXXcZXFXXXXXXXXXX-183-…

扫描即可体验知乐微信小程序,并且看到入口 你可以在这里看到相应的小程序:微信小程序商店 发现内有历史列表入口 真实小程序 搜索 操作栏 放置到桌面示意图必须搜索全称,才可以搜索到小程序 推荐给朋友,可以直接分享给个人或群内 ios版本也是同样:需要先打开一次小程序,才能看到发现入口…

前段时间开发了一款微信小程序,运行了也几个月了,在index.js中的onLoad生命周期里获取app.js中onLaunch生命周期中在接口里动态设置的globalData一直没有问题,结果昨天就获取不到动态设置的global数据了.因为我要获取小程序的unionid以及通过unionid去获取微信的openId,并且共享数据,最开始我是通过storage来做数据共享的,后来测试发现storage存在莫名被清空的情况,后来转用globalData来做数据共享,查了下,是因为app.js中的on…

功能:点击某一项,底部出现粉色边框 首先需要通过 bindtap 为每一个item项绑定一个点击事件,其次需要添加自定义属性 data-* = {{index}} ,以便在函数中获取到被点击item项的index索引值 有关自定义属性参考 https://zhidao.baidu.com/question/750591828956209172.html 代码如下: 查看打印的e: 官方微信开发文档新方法说明地址:https://developers.weixin.qq.com/miniprogr…

项目中做了一个商品发布展示的页面,记录下来 解决问题: 想在setData中更改数组具体下标中的某个值: let one = "lowMoney[" + 0 + "].money"; this.setData({ [one]: (product.currentPrice * 0.1).toFixed(2), //1折 }) <block wx:if="{{release}}"> <view class='null_release…

需求描述及交互分析设计思路和相关知识点首页界面布局设计闪送超市纵向导航设计商品添加到购物车设计购物车商品显示设计收货地址列表显示设计新增收货地址设计 交互分析(1)底部标签导航有首页.闪送超市.购物车.我的,单击不同底部标签导航显示对应的界面内容:(2)首页通过幻灯片轮播效果,动态展示商品广告信息:(3)首页商品可以动态添加到购物车里,数据保存到本地:(4)闪送超市通过纵向的导航方式,显示商品的类目,根据不同的导航名称显示对应的商品内容:(5)闪送超市里的商品可以动态添加到购物车里,数据保存到本…

需求描述及交互分析设计思路和相关知识点新闻频道滑动效果设计首页新闻内容设计首页新闻详情页设计我的界面列表式导航设计系统设置二级界面设计 设计思路(1)设计底部标签导航,准备好底部标签导航的图标和建立相应的两个页面:(2)设计新闻频道滑动效果,需要借助于scroll-view可滚动视图容器组件,允许水平方向上进行滑动:(3)设计新闻频道页签切换效果,单击新闻频道页签,显示相应的内容:(4)设计首页新闻内容列表,设计新闻的标题样式.图片的显示以及评论:(5)设计首页新闻详情界面设计,新闻标题.发布人…

项目目录: 模拟数据: utils / data.js function getSData() { var data = [ { "id": 1, "tree": { "id": 1, "desc": "宝宝奶粉", "desc2": null, "level": "level1", "logo": null, "po…

1.项目目录 2.逻辑层 broadcast.js // pages/broadcast/broadcast.js Page({ /** * 页面的初始数据 */ data: { firstIndex: -1, //准备数据 //数据结构:以一组一组来进行设定 commodityAttr: [ { priceId: 1, price: 35.0, "stock": 8, "attrValueList": [ { "attrKey": "…