• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序项目实践总结

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

小程序开发资料:

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);
}

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序介绍发布时间:2022-07-18
下一篇:
微信小程序 接口改为promise 由异步改为同步解决多层异步回调 ...发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap