web
Justion_
这个作者很懒,什么都没留下…
展开
-
21 路由传值,文章渲染和keep-alive
点击对应商品进入对应商品页面like.vue @click="goDetail(item.id)"路由传值就两种方法 看个人喜好显示: this.$router.push({ path: "/detail", //点击跳转显示的id query: { id: id, }, });隐藏: this.$router.push({ name: "/Detail",..原创 2022-03-05 22:22:45 · 193 阅读 · 0 评论 -
19,实现滑动和商品分类左右连动
list.vue:<template> <div class="list"> <header> <div class="returns"> <i class="iconfont icon-fanhui"></i> </div> <div class="search"> <i class="iconfont icon-Rec原创 2022-02-24 22:32:46 · 257 阅读 · 0 评论 -
18.分类页布局 加请求后台数据 渲染页面
sass的安装npm install sass-loader@7.3.1 --save-devnpm install --save-dev node-sass原创 2022-02-24 20:19:35 · 92 阅读 · 0 评论 -
17.搜索商品的价格和销量排序 功能 的完善 图片懒加载
1. 在search-list.vue里的data里新建:searchList:{} data() { return { //后台返回的值传给它 goodsList: [], searchList: { currentIndex: 0, data: [ //status:0都不亮,等于1 上箭头亮 等于2 下箭头亮 { name: "综合", key: "zh" },原创 2022-02-21 21:51:30 · 522 阅读 · 0 评论 -
10.页面布局,猜你喜欢
新建组件like<template> <div class="like"> <Card> <span>猜你喜欢</span> </Card> <ul> <li v-for="(item, index) in LikeList" :key="index"> <h2><img :src="item.imgUrl" alt=""原创 2022-02-15 23:08:43 · 265 阅读 · 0 评论 -
9.better-scroll 和ref的使用
解决一些问题h5布局整个复元素要加一个100%的宽vw 定死的高度vh 使用弹性盒子,头,底bar 固定.Header 和Home页 里面的固定定位删掉position: fixed;top: 0;left: 0;.ly-tab {position: fixed;top: 1.2rem;left: 0;}然后在Home中给加一个固定定位给.homeswiper组件里面的margin-top: 2.5rem; 删除在home页sectio...原创 2022-02-15 22:21:54 · 353 阅读 · 0 评论 -
8爆款推荐样式布局
home组件文件夹Recommend.vue<template> <div class="recommend"> <Card /> <ul> <li v-for="(item, index) in RecommendList" :key="index"> <h2> <img :src="item.imgUrl" alt="" /> &l原创 2022-02-15 20:27:42 · 273 阅读 · 0 评论 -
5,头部Header组件 ly-tab插件的使用
components 下新建home文件夹添加header.vue组件<template> <header> <h1>荼七网</h1> <div class="search"> <i class="iconfont icon-RectangleCopy"></i> <span>猜你喜欢</span> </div> <原创 2022-02-14 22:23:24 · 1370 阅读 · 6 评论 -
4.vue.config.js文件常用配置详解
module.exports = {// 所有 webpack-dev-server 的选项都支持 devServer: { open: true, // 设置浏览器自动打开项目 port: 1880, // 设置端口 proxy: { // 设置代理 '/api': { target: 'http://101.15.22.98', ...原创 2022-02-13 22:27:11 · 534 阅读 · 0 评论 -
3.封装底部导航Tabbar
本项目学自B站小鹿前端原创 2022-02-13 22:07:48 · 181 阅读 · 0 评论