摘要：
搜索 1.新建总页面views / Search.vue 2.在 router/ index.js中联系Search.vue 与 App.vue 3.在 topNav.vue 中给搜索图标添加点击连接,跳转到Search搜索页面 <div class="topRight" @click="$rout 阅读全文
posted @ 2022-05-12 14:18
絮行
阅读(353)
评论(0)
推荐(0)
摘要：
效果图: 点击随意页面后变为 歌曲详情 1.新建components / playMusic.vue 2.联系playMusic.vue 与 playController.vue(引入,注册) playController.vue 全局底部栏, 要定位在底部栏上面 在playController.v 阅读全文
posted @ 2022-05-12 14:07
絮行
阅读(80)
评论(0)
推荐(0)
摘要：
全局底部栏: 1.新建components /playController.vue 联系playController.vue与 App.vue 在App.vue 中引入配置playController.vue 2.写playController.vue页面内容 3.配置播放的音乐数据 放到store 阅读全文
posted @ 2022-05-12 12:05
絮行
阅读(140)
评论(0)
推荐(0)
摘要：
效果展示: 点击后进入歌单对应的详情页: 代码步骤: 1.轮播歌单 1.新建components /musicList.vue 2.联系musicList.vue 与 HomeView.vue 在HomeView.vue 中引入配置musicList.vue 3.配置轮播图和接口 引入轮播图 <te 阅读全文
posted @ 2022-05-12 11:25
絮行
阅读(154)
评论(0)
推荐(0)
摘要：
发现页面 建立HomeView.vue与App.vue间的联系: 在router/index .js 下 1 import { createRouter, createWebHistory } from 'vue-router' 2 import HomeView from '../views/Ho 阅读全文
posted @ 2022-05-12 10:24
絮行
阅读(205)
评论(0)
推荐(0)
摘要：
1.找到矢量图 可以在阿里巴巴矢量图标库中寻找: 点击此链接进入官网: https://www.iconfont.cn/ 1.我们可以把选好的图标加入购物车 将其添加进项目: 点击复制代码: 在代码中引入矢量图 将刚才复制的代码，在index.html中引入 <script src="复制的矢量图项 阅读全文
posted @ 2022-05-12 09:43
絮行
阅读(312)
评论(0)
推荐(0)
摘要：
配置rem尺寸,适配手机端 在public下建 js 文件夹 放入 rem.js function remSize() { //1rem=当前页面的html的font-size的大小 var deviceWidth = document.documentElement.clientWidth || 阅读全文
posted @ 2022-05-12 09:31
絮行
阅读(123)
评论(0)
推荐(0)
浙公网安备 33010602011771号