1.完成Header区域,使用的是Mint-UIz中的Header组件
2.制作底部的Tabbar区域,使用的是MUi的Tabbar.htm
+在制作 购物车 小图标的时候,操作会繁杂一些
+先把 扩展图标的 css样式,拷贝到项目中
+拷贝 扩展字体库 ttf文件项目中
3.要在 中间区域放置一个 router-view 来展示路由匹配到的组件
1.获取数据,使用vue-resource发送ajax
2.使用vue-resource的this.$.http.get获取数据
3.获取到的数据,要保存在data身上
4.使用v-for循环渲染每个item项
1.绘制界面 使用MUI中的Midea.html绘制页面
2.使用vue-resource获取数据
3.渲染真实数据
1.把列表中的每一项改造为 router-link 同时在跳转的时候应该提供唯一的ID标识符
2.创建新闻详情的组件页面 NewsInfo.vue
3.在路由模块中,将新闻详情的路由地址和组件页面对应起来
2.在需要使用 comment 组件的页面中,先手动 导入 comment组件 + 'import comment from './comment.vue'
3.在父组件中,使用'components'属性,将刚才导入的comment组件,注册为自己的子组件
4.将注册自组件时候的 注册名字 以标签行驶 在页面中引用即可
1.为加载更多按钮绑定点击事件,在事件中,请求下一页数据
2.点击加载更多,让 pageIndex++,然后重新调用 this.getcomments()即可
3.为了防止新数据覆盖老数据的情况,我们在点击的时候,每当获取到新数据,应该让老数据调用数组的concat方法,拼接上新数组
1.把文本框作双向数据绑定
2.为发表按钮绑定一个事件
3.校验评论内容是否为空,如果为空提示用户重新输入
mui('.mui-scroll-wrapper').scroll({
deceleration: 0.0005 //flickk 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
})
我们在初始化 滚动条 的时候,导入的mui.js 但是 控制台报错: ‘UNcaught TypeError: 'caller', 'callee', and 'arguments' properties my not be accessed on strict mode'
刚进入 图片分享页面的时候, 滑动条无法正常工作,经过我们认真的分析,发现,如果要初始化, 滑动条,必须要等 DOM 元素加载完毕,所以我们把 初始化 滑动条的代码,搬到了 mounted 生命周期函数中
6.当 滑动条 调试OK后,发现,tabbar 无法正常工作了,这时候,我们需要把每个 tabbar 按钮的样式中 .'mui-tab-item' 重新改一下名字
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型