Small-program

KO | EN

gitlite — search

#ai #go #machine-learning #rust #deep-learning #docker #macos #nodejs #java #awesome #awesome-list #vue #pytorch #mcp

(★ 42)

bilibili微信小程序

Small-program 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# WX-bilibili-Demo

## 久 等 了

本Demo成品来自B站教程视频,如想看原视频,请移步:https://www.bilibili.com/video/av40455083/

# 新人一定要看使用须知,一定要看使用须知,一定要看使用须知,重要的事情要说三遍

## 使用须知及Q&A

## **如何解决视频中的font-awesome问题**

- 使用CSS转wxss功能将整个font-awesome的文件打包成wxss格式(只使用两个图标但导入整个库有点不划算)
- 使用SVG文件的图标,再通过阿里巴巴icon的项目下载功能打包到本地成为字体文件(有点麻烦)
- 使用png图像,并使用image标签代替视频中的i标签或view标签(推荐,记得在wxss中限制大小)
- 使用base64压缩功能将小图片文件转换为base64格式并使用image标签代替i标签或view标签引入(个人使用,优点是不用多放几张图,缺点是会增加wxml的大小以及降低代码可读性)
- 跟黑马的老师py一下把文件要过来

### 如何引入到自己的项目中使用

- 使用命令行,在命令行中输入以下命令将项目Clone至本机中,在微信开发者工具中导入项目即可

> git clone https://github.com/iMisty/WX-bilibili-Demo.git

- 点击项目右上角的 Clone or download ,选择 Download ZIP ,将文件下载到本地中,解压缩后使用微信开发者工具导入

### 如何在自己的手机上测试

没有任何文章比官方文档更权威了:https://developers.weixin.qq.com/miniprogram/dev/

### 为什么接口数据非常缓慢

接口速度取决于你的网络速度,这个和接口服务器有关

### 为什么视频链接只能点开4个

可能是为了节省流量(?)吧,接口的视频链接那已经只能读取出4个了

### 我想要把这个小程序上线怎么弄?

微信小程序的审核麻烦得要死(3分钟内连续拿出5次手机扫码),我已经放弃了,如果你有兴趣和耐心的话可以试试

### 这些代码格式怎么看着怪怪的

如果你有Vue的基础的话,这个其实很简单就能看懂了的,关于Vue,可以点这里(官方文档):https://cn.vuejs.org

### 想要做小程序得要会什么

HTML/CSS,JavaScript即可.其中JavaScript最好是会ES6的语法,而Vue的话如果打算使用mpvue之类的框架来写小程序的话可以了解,如果只想用原生的话那么看一下就行

### 效果图

![index](https://github.com/OYZQ/Small-program/blob/master/02-bilibiili/images/index.png)
![detail](https://github.com/OYZQ/Small-program/blob/master/02-bilibiili/images/detail.png)

Small-program

Small-program 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Small-program

Small-program 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README