**哈喽,今天是我学习小程序的第一天,来看看我都经历了生命吧,我还是个孩子啊!_!**
引言
我们来介绍一下生命是微信小程序,用一句话来说就是 无需下载,点即可用的程序
好了说这么多废话干嘛……
第一个问题?wxss 使用背景图的问题
我们都知道,在常规 网页开发中只要一句
background-image: url(xxxx.png)
ok,这样就解决问题了,可是小程序可就偏偏不吃这一套啊,我太难了!_!
还好,凭借我自己的聪明才智,花了10分钟就知道为什么了,**大佬别说话,我知道自己很菜^_^
好了,回归正题**
- 有两种办法解决这个问题
- 将图片转为bs64的编码格式[不推荐],大图片太长了,一个页面代码就那么些,你用的话,这页面还看不看啊,哈哈
将图片上传到本地服务器,买了服务器的有钱大佬,这边走,嘿嘿,嗯呢,就是这样那,你在把服务器上的图片地址,复制到url中就行了
***第二个问题? 如何使用 其他的字体图标库?
ok ,我们的小程序太抠门了,字体图标,就提供了那么几种,【抠门,默默鄙视一波】,
?,那么我们怎么取使用别人提供的图标库呢?
这里呢以 阿里巴巴的图标库 为例,哈哈,谁叫人家确实,做的好啊,还有钱
回归
- 首先你可以在 阿里巴巴的图标库中选好自己需要的图标,下载下来
- 阿里图标网址
- 下载好了后,将文件夹中的
ttf
格式的字体文件,转为bs64
编码 格式的文件- transfonter
- 是一个国外的网站啊
详细操作请看下面:
- ok,你已经把文件下载好了到你的文件夹中了,现在只要把,你未转码的
css
文件和转码后的css
文件合并即可
注意:,没有转码的css
文件,它的 字体图标链接路径,全删了,全换上自己的转码好了的文件路径 好了,你只要将
css
文件引入wxss
的文件,就好了,这里是小程序的文件引入操作,这里就不做多扩展了,自己去了解去
***第三个问题**微信小程序,竟然不允许复制粘贴,太坑了,本来,我就英语单词不熟悉的
- 碰到这样的问题,同学们,换编辑器吧,咋么又不是傻子,是吧,手写多累啊