码迷,mamicode.com
首页 > 微信 > 详细

小程序项目实践总结

时间:2018-10-29 17:58:26      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:MinIP   使用   cat   文档   序号   ima   nav   问题   点击   

张小龙在朋友圈里这样解释道:小程序是一种不需要下载安装即可使用的应用,它实现了应用「触手可及」的梦想,用户扫一扫或搜一下即可打开应用。也体现了「用完即走」的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。

小程序开发资料:

html

  • 使图片长边显示:<image src="" mode="aspectFit"></image>
  • 绑定事件:<view bindtap="fna">点击</view>
  • 添加链接:<navigator url="/page/a/a?b=1" hover-class="none">跳转到新页面,传值,点击时背景透明度不改变</navigator>
  • 微信绿色color:#1aad16;

布局css

  • 单行文字超出部分显示省略号:
<view class="text-ellipsis">当对象内文本溢出时显示省略标记(...)。当对象内文本溢出时显示省略标记(...)。
        当对象内文本溢出时显示省略标记(...)。当对象内文本溢出时显示省略标记(...)。</view>
.text-ellipsis{
    width: 700rpx;
    margin: 0 auto;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    border: 1px solid #aaa;
}

js

  • js跳转至导航页:wx.switchTab({url: ‘../index/index‘})
  • js跳转至普通页面:wx.navigateTo({url: ‘../list/list‘})
  • js阻止冒泡事件向上冒泡:
<view bindtap="outside_fn">
  <view catchtap="inside_fn"></view>
</view>
  • js取得序号:
    <view data-index="{{2}}" bindtap="fna">传递序号</view>
fna: function (e) {
  var index = e.currentTarget.dataset.index;
  console.log(index);
}

小程序项目实践总结

标签:MinIP   使用   cat   文档   序号   ima   nav   问题   点击   

原文地址:https://www.cnblogs.com/hurenweb/p/9871977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!