微信小程序> 微信小程序踩坑第一章

微信小程序踩坑第一章

浏览量:3486 时间: 来源:Sen81910

**哈喽,今天是我学习小程序的第一天,来看看我都经历了生命吧,我还是个孩子啊!_!**

引言

我们来介绍一下生命是微信小程序,用一句话来说就是 无需下载,点即可用的程序

好了说这么多废话干嘛……

第一个问题?wxss 使用背景图的问题

我们都知道,在常规 网页开发中只要一句

background-image: url(xxxx.png)

ok,这样就解决问题了,可是小程序可就偏偏不吃这一套啊,我太难了!_!
还好,凭借我自己的聪明才智,花了10分钟就知道为什么了,**大佬别说话,我知道自己很菜^_^
好了,回归正题**

  • 有两种办法解决这个问题
    • 将图片转为bs64的编码格式[不推荐],大图片太长了,一个页面代码就那么些,你用的话,这页面还看不看啊,哈哈
    • 将图片上传到本地服务器,买了服务器的有钱大佬,这边走,嘿嘿,嗯呢,就是这样那,你在把服务器上的图片地址,复制到url中就行了
      ***

      第二个问题? 如何使用 其他的字体图标库?

      ok ,我们的小程序太抠门了,字体图标,就提供了那么几种,【抠门,默默鄙视一波】,
      ?,那么我们怎么取使用别人提供的图标库呢?
      这里呢以 阿里巴巴的图标库 为例,哈哈,谁叫人家确实,做的好啊,还有钱

回归

  1. 首先你可以在 阿里巴巴的图标库中选好自己需要的图标,下载下来
    • 阿里图标网址
  2. 下载好了后,将文件夹中的 ttf格式的字体文件,转为 bs64编码 格式的文件
    • transfonter
    • 是一个国外的网站啊
      详细操作请看下面:
      小程序
  3. ok,你已经把文件下载好了到你的文件夹中了,现在只要把,你未转码的css文件和转码后的css文件合并即可
    注意:,没有转码的css文件,它的 字体图标链接路径,全删了,全换上自己的转码好了的文件路径
  4. 好了,你只要将css文件引入wxss的文件,就好了,这里是小程序的文件引入操作,这里就不做多扩展了,自己去了解去
    ***

    第三个问题**微信小程序,竟然不允许复制粘贴,太坑了,本来,我就英语单词不熟悉的

    • 碰到这样的问题,同学们,换编辑器吧,咋么又不是傻子,是吧,手写多累啊

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎