# miniProgram_myLove

**Repository Path**: y9/mini-program_my-love

## Basic Information

- **Project Name**: miniProgram_myLove
- **Description**: 微信小程序练手项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: init
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-19
- **Last Updated**: 2025-09-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<img src="https://img-blog.csdnimg.cn/20210502143103554.png" width="60%" />

> **微信小程序**：
>
> * 微信公众平台：[https://mp.weixin.qq.com/](https://mp.weixin.qq.com/)
>
> * 小程序官方文档：[https://developers.weixin.qq.com/miniprogram/dev/framework/](https://developers.weixin.qq.com/miniprogram/dev/framework/)
> * 微信开发者工具：[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
> * 小程序官方Demo：[https://github.com/wechat-miniprogram/miniprogram-demo](https://github.com/wechat-miniprogram/miniprogram-demo)

## 一、效果图

<img src="https://img-blog.csdnimg.cn/20210503205449877.png" width="40%" />



<font color="red">**（点击吉他，可以播放 / 暂停背景音乐哦~）**</font>



<img src="https://img-blog.csdnimg.cn/20210503205537866.png" width="40%" />



<img src="https://img-blog.csdnimg.cn/20210503205603153.png" width="40%" />



## 二、代码结构
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210503210053451.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMjA0NzA5,size_16,color_FFFFFF,t_70)

## 三、如何引入其他的背景音乐
我们可以在酷狗、酷我等页面上，按 `F12`，搜索 `mp3`，就可以看到相应歌曲的资源地址，复制粘贴到 `` 即可。
> * 酷狗网址：[https://www.kugou.com/](https://www.kugou.com/)
> * 流行音乐地址：[https://www.jiuku.com/](https://www.jiuku.com/)
> ![在这里插入图片描述](https://img-blog.csdnimg.cn/2021050321082931.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMjA0NzA5,size_16,color_FFFFFF,t_70)

<br /><br /><br />
参考文章：
1.https://www.bilibili.com/video/av92953067；
2.https://blog.csdn.net/hello_java_/article/details/82975314
3.https://www.cnblogs.com/sese/p/9761713.html