小程序遇坑总结(持续。。)

一. 小程序引入图片问题

官方文档上一般有三种引入图片的方式:
1、
2、wxss文件中引用属性background:url(cdn链接(网络图片)或base64编码图)
注:wxss里不能引入本地图片

小程序遇坑总结(持续。。)_第1张图片
image.png

3、若是需要用到icon图标
小程序遇坑总结(持续。。)_第2张图片
可用阿里巴巴字体库创建的项目的 unicode 代码

小程序遇坑总结(持续。。)_第3张图片
icon实际引入

二、组件 与 模板 (block 标签 template 标签)

组件是页面的基本组成单元,例如视图容器的 view, 基础内容的 text, 表单的 button 等,完整列表。
注意, 可以来包含一组组件,但是 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。例子如下

   view1 
   view2 

import 可以在当前文件中使用目标文件定义的 template

在 item.wxml 中定义了一个 item 的 template



在 index.wxml 中引用 item.wxml,就可以使用 item 的模板