上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 72 下一页
摘要: 查看商品详情 获取商品数据 商品详情页面,写成自定义组件 控制点击商品再展示 详情页和布局 关闭按钮点击事件 <style scoped lang="scss"> .gd-container { position: absolute; left: 0; right: 0; top: 0; botto 阅读全文
posted @ 2021-01-20 22:08 向前走。 阅读(890) 评论(0) 推荐(0)
摘要: 左上角返回按钮 下方菜单栏只在首页展示 <template> <div id="app"><!-- <Home></Home>--> <router-view></router-view><!--路由出口--> <van-tabbar v-model="active" v-if="showTabba 阅读全文
posted @ 2021-01-20 22:06 向前走。 阅读(375) 评论(0) 推荐(0)
摘要: <style scoped> .merchant-container >>> .van-nav-bar { background: none; } /*去掉横线*/ .merchant-container >>> .van-hairline--bottom::after { border: none 阅读全文
posted @ 2021-01-20 22:04 向前走。 阅读(897) 评论(0) 推荐(0)
摘要: 在左侧商品分类点击商品时,右侧自动跳转到对应的商品详情 定义一个点击事件 绑定点击事件 获取商品高度 触发点击事件时改为获取高度偏移量,并滚动 增加选中状态 效果 <style scoped> .merchant-container >>> .van-nav-bar { background: no 阅读全文
posted @ 2021-01-20 22:03 向前走。 阅读(1159) 评论(0) 推荐(0)
摘要: 修改取数逻辑 渲染 效果 修改css 实现滚动 <style scoped> .merchant-container >>> .van-nav-bar { background: none; } /*去掉横线*/ .merchant-container >>> .van-hairline--bott 阅读全文
posted @ 2021-01-20 22:01 向前走。 阅读(382) 评论(0) 推荐(0)
摘要: 使用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 阅读全文
posted @ 2021-01-20 21:58 向前走。 阅读(485) 评论(0) 推荐(0)
摘要: 定义商家详情页 <template> <div class=""> 商家详情 </div></template><script type="text/ecmascript-6">export default { name: "", data(){ return {} }, components: { 阅读全文
posted @ 2021-01-20 21:57 向前走。 阅读(667) 评论(0) 推荐(0)
摘要: 使用vant组件实现 在app中注册 使用 更换图标,使用vant组件 创建订单页面和我的页面 <template> <div class=""> 我的页面 </div></template><script type="text/ecmascript-6">export default { name 阅读全文
posted @ 2021-01-20 21:56 向前走。 阅读(498) 评论(0) 推荐(0)
摘要: 商家列表 评分图标用vant组件 标签,用vant组件 修改css <style scoped> .van-dropdown-menu >>> van-dropdown-menu__title{ color: #767676; } .van-dropdown-menu__item{ font-siz 阅读全文
posted @ 2021-01-20 21:55 向前走。 阅读(634) 评论(0) 推荐(0)
摘要: 样例 下拉选项框,用vant组件:https://youzan.github.io/vant/#/zh-CN/dropdown-menu 注册组件 使用并添加选项 加上另外的选项 统一修改文字样式和大小 <style scoped lang="scss"> .header-group { backg 阅读全文
posted @ 2021-01-20 21:54 向前走。 阅读(593) 评论(0) 推荐(0)
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 72 下一页