摘要：
VuexVuex是在中大型项目中，用来管理一些变量的。因为如果项目比较大，一些数据在各个页面中可能需要进行交替使用，如果数据量比较大，通过params或者query的方式不太方便。这时候就可以使用Vuex来管理这些数据。 官方文档：https://vuex.vuejs.org/zh/guide/ 安 阅读全文
posted @ 2021-01-20 22:25
向前走。
阅读(155)
评论(0)
推荐(0)
摘要：
获取影院数据 渲染 要使用better-scroll实现的效果 下载Better-Scroll库：cnpm install --save better-scroll 使用better-scroll 动态设置div高度 cinema <template> <div class="cinema" :st 阅读全文
posted @ 2021-01-20 22:23
向前走。
阅读(654)
评论(0)
推荐(0)
摘要：
实现点击电影信息跳转到详情页面 获取传递给detail组件的参数，去请求接口获取数据 渲染数据 图片css和渲染图片 <template> <div v-if="filminfo"> <img :src="filminfo.poster" class="poster"> <h2>{{ filminf 阅读全文
posted @ 2021-01-20 22:22
向前走。
阅读(466)
评论(0)
推荐(0)
摘要：
先实现film-header导航 实现film-header组件 FilmHeader组件 <template> <div> <ul> <router-link to="/film/nowplaying" tag="li" active-class="isActive">正在热映</router-l 阅读全文
posted @ 2021-01-20 22:20
向前走。
阅读(240)
评论(0)
推荐(0)
摘要：
在预留的轮播位置，实现真正的轮播 安装swiper组件 swiper的css所在的位置 老版有dist文件夹，位置为：swiper/dist/css/swiper.css新版没有dist文件夹，位置为：swiper/swiper-bundle.css 实现swiper组件 <template> <d 阅读全文
posted @ 2021-01-20 22:17
向前走。
阅读(409)
评论(0)
推荐(0)
摘要：
nowplaying页面局部css <style lang="scss" scoped> ul { li { padding: 10px; overflow: hidden; img { float: left; width: 100px; } } }</style> 由效果看，导演是一个数组，数组 阅读全文
posted @ 2021-01-20 22:16
向前走。
阅读(244)
评论(0)
推荐(0)
摘要：
一：数据请求 nowplayingurl: 'https://m.maizuo.com/gateway?cityId=110100&pageNum=1&pageSize=10&type=1&k=8629683',headers: { 'X-Client-Info': '{"a":"3000","ch 阅读全文
posted @ 2021-01-20 22:15
向前走。
阅读(296)
评论(0)
推荐(0)
摘要：
store.js main.js SubmitOrder.vue组件 导入并创建路由 使用路由 阅读全文
posted @ 2021-01-20 22:13
向前走。
阅读(300)
评论(0)
推荐(0)
摘要：
VuexVuex是在中大型项目中，用来管理一些变量的。因为如果项目比较大，一些数据在各个页面中可能需要进行交替使用，如果数据量比较大，通过params或者query的方式不太方便。这时候就可以使用Vuex来管理这些数据。 官方文档：https://vuex.vuejs.org/zh/guide/ 安 阅读全文
posted @ 2021-01-20 22:12
向前走。
阅读(218)
评论(0)
推荐(0)
摘要：
实现效果 cart.vue <style scoped lang='scss'> .cart-container { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; .mask-bg { background-color: rgb 阅读全文
posted @ 2021-01-20 22:10
向前走。
阅读(576)
评论(0)
推荐(0)
浙公网安备 33010602011771号