摘要：
store.js main.js SubmitOrder.vue组件 导入并创建路由 使用路由 阅读全文
摘要：
VuexVuex是在中大型项目中，用来管理一些变量的。因为如果项目比较大，一些数据在各个页面中可能需要进行交替使用，如果数据量比较大，通过params或者query的方式不太方便。这时候就可以使用Vuex来管理这些数据。 官方文档：https://vuex.vuejs.org/zh/guide/ 安 阅读全文
摘要：
实现效果 cart.vue <style scoped lang='scss'> .cart-container { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; .mask-bg { background-color: rgb 阅读全文
摘要：
把计步器写成一个组件 导入并使用计步器组件 修改css 数量为0的时候，左边按钮和数量不显示 点击增加或减少事件 Stepper.vue <style scoped lang="scss"> .stepper-container { display: flex; align-items: cente 阅读全文
摘要：
查看商品详情 获取商品数据 商品详情页面，写成自定义组件 控制点击商品再展示 详情页和布局 关闭按钮点击事件 <style scoped lang="scss"> .gd-container { position: absolute; left: 0; right: 0; top: 0; botto 阅读全文
摘要：
左上角返回按钮 下方菜单栏只在首页展示 <template> <div id="app"><!-- <Home></Home>--> <router-view></router-view><!--路由出口--> <van-tabbar v-model="active" v-if="showTabba 阅读全文
摘要：
<style scoped> .merchant-container >>> .van-nav-bar { background: none; } /*去掉横线*/ .merchant-container >>> .van-hairline--bottom::after { border: none 阅读全文
摘要：
在左侧商品分类点击商品时，右侧自动跳转到对应的商品详情 定义一个点击事件 绑定点击事件 获取商品高度 触发点击事件时改为获取高度偏移量，并滚动 增加选中状态 效果 <style scoped> .merchant-container >>> .van-nav-bar { background: no 阅读全文
摘要：
修改取数逻辑 渲染 效果 修改css 实现滚动 <style scoped> .merchant-container >>> .van-nav-bar { background: none; } /*去掉横线*/ .merchant-container >>> .van-hairline--bott 阅读全文
摘要：
使用better-scroll组件实现上下拉动的功能，官网：https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll%20%E6%98%AF%E4%BB%80%E4%B9%88 安装：npm install bett 阅读全文