小程序笔记

小程序示例及源码

  1. <text> 注意事项
    a. 开始标签<text>和结束标签</text>中空格和换行都有实际效果,谨慎使用换行和空格
 <text>第一行 
 第二行
   第三行</text>

最终显示

第一行
第二行
  第三行

b. 单行显示,溢出文本省略号...

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

c. 限行显示,溢出文本省略(此处3行)

  display: -webkit-box; 
  word-break: break-all; 
  text-overflow: ellipsis; 
  overflow: hidden; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp:3; 
  1. 模板引用本地静态资源
    目前小程序只支持相对路径,在模板中引用本地静态资源时应注意路径是相对引用模板的文件,而不是相对模板文件所在。
    若引用模板的所有文件层级结构一致或资源为网络文件,可将静态资源地址写在模板中。也可将资源地址以参数 data 的形式传递给模板。

  2. 引用路径
    ./ 或者直接文件夹/名开头的代表相对路径
    如: ./source/icon.pngsource/icon.png
    / 开头的代表绝对路径,相对于主目录
    如: /components/icon.wxml

4. 路由重复跳转

避免用户快速多次点击重复跳转的问题,由用户主动跳转的都使用组件 navigator,官方已经做了重复跳转的处理,非用户主动操作的,如网络访问后自动跳转的情况可以使用 API wx.navigateTo()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 目录结构:包含一个app和多个page。一个框架程序主体包含三个文件,必须放在项目根目录:app.js(逻辑), ...
    tysunme阅读 333评论 0 1
  • 微信小程序笔记四:翻译小轮子weapp-i18n 正是由于微信小程序已支持个人公众号,又唤起我对小程序的一些“热情...
    brandonxiang阅读 4,348评论 0 2
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,284评论 25 708
  • 今天是剽悍江湖100天的第一天,我想为这100天举行一个仪式,跟过去告别,打造全新的自己,我知道路途艰辛,这一...
    星星170222阅读 221评论 0 2
  • 第一次画,不是很好 纸,笔,颜料都是最便宜的 想着买下瞎折腾 没想到还不错 嗯,继续努力好了(°u°)​ 」
    Mr_Air阅读 291评论 0 0