公众号:柏战不殆(Baiman_Ber)

//index.js
Page({data:{src:'../images/公众号.jpg',data:'点击我呀'},//点击事件click:function(){this.setData({data:'你学会了吗'})}
})
<!--index.wxml-->
<view><view bindtap='click'>{{data}}</view><view><image mode='aspectFit' src='{{src}}'></image><text>微信公众号:柏战不殆(Baiman_Ber)</text></view>
</view>

image组件默认宽度为300px,高度为225px,mode属性表示图片缩放的方式。有以下四种。

scaleToFill:不保持纵横比缩放图片,使图片的宽高完全拉伸至填满image元素。

aspectFit:保持纵横比缩放图片,使图片的长边能完全显示出来,也就是说,可以完整地将图片显示出来。

aspectFill:保持纵横比缩放图片,只保证图片的短边能完全显示出来,也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。

widthFix:宽度不变,高度自动变化,保持原图宽高比不变。

源码下载:https://download.csdn.net/download/ber_bai/10552094

微信小程序入门一:点击事件相关推荐

  1. 【微信小程序入门到精通】— 事件绑定的详细解读

    目录 前言 一.事件绑定导论 二.常用事件 三.事件对象属性列表 3.1 target 和 currentTarget 的区别 3.2 bindtap 的用法 总结 前言 对于目前形式,微信小程序是一 ...

  2. 微信小程序解决view点击事件穿透地图map触发markertap

    微信小程序中使用map组件,ios手机中点击地图上的view,会触发底下的markertap,只要底下如果有marker点的话. 这就造成了用户体验不是很好. 然后无意间我发现点击能滑动的scroll ...

  3. 微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解

    bindtap就是点击事件 在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行 在后台.js文件中定义 ...

  4. 微信小程序入门---01

    目录 微信小程序入门 一.小程序简介 二.第一个小程序 二.小程序代码的构成 三.WXML模块 四.WXSS 样式 五.JS 逻辑交互 六.组件 七.API 八.WXML 模板语法 - 数据绑定 九. ...

  5. 微信小程序入门之常用组件(04)

    常见组件 重点讲解微信小程序中常见的布局组件 view,text,rich-text,button,image,navigator,icon,swiper, radio,checkbox 等 一.vi ...

  6. 微信小程序入门案例-会议邀请函

    微信小程序入门案例-会议邀请函 涉及内容:地图 目录结构: pages\index\index.wxml <view class="box"><view clas ...

  7. 微信小程序入门-音乐播放器

    萌新,随便做做,只是了解一下微信小程序,希望可以给看到的胖友一点参考. 之前在网上看到这个人入门四天做完一个,我五天做完了,比他好看,突然有一点自信 然后发现自己特别不乐意重新看自己的代码,总觉得写的 ...

  8. A095_day01_微信小程序入门与组件

    目录 微信小程序入门与组件 - Day01 1.内容介绍 2.微信小程序简介(了解) 2.1.什么是小程序 2.2.微信小程序与app的区别 2.3.小程序在入口 2.4.微信小程序的工作原理 2.5 ...

  9. 【微信小程序】微信小程序入门与实战-个人笔记

    微信小程序入门与实战 文章目录 微信小程序入门与实战 1 初识微信小程序 1-1 2020版重录说明 1-2 下载小程序开发工具 1-3 新建小程序项目 1-4 小程序appid的注册 1-5 新版小 ...

  10. 做一个微信小程序给TA——程序猿小白的情人节礼物(微信小程序入门——一文学会小程序开发到发布小程序的全过程)

    # 情人节 可送给女朋友 的礼物,或者作为两人的纪念  # 效果展示:微信搜索 "王美美与曾小帅"  小程序即可查看效果 # 微信小程序入门--使用免费后端云(Bmod)搭建留言板 ...

最新文章

  1. PyTorch里面的torch.nn.Parameter()
  2. linux 网络编程之信号机制
  3. 关于NB-IoT的十大问题和答案【转】
  4. volatile 和 sig_atomic_tlinux
  5. Visual Studio 2019更新到16.2.2
  6. 视频回顾 | 微信生态数字化运营进阶课大全!
  7. 关于Spring中IOC容器和AOP协同工作的原理理解
  8. 软件测试学习之 ---------- MySQL的查询(重中之重)
  9. 埋点是什么意思_(一百二十二)埋点方案举例,如何做埋点方案
  10. 【实习之T100开发】Linux 学习笔记
  11. 【直播预告】云栖社区特邀专家蒋泽银:Jpom一款低侵入式Java运维、监控软件...
  12. 分享一些很小众但是很实用的软件
  13. 用python根据最新的汇率,假设你要出国留学要换外币,输入一定数量的人民币,比如1000元人民币, 按照中国银行的现钞卖出价,输出可换到对应的加元和澳元分别是多少。
  14. Zephry Uart Device详解
  15. linux系统编译dfu
  16. 如何布置项目到远程服务器上,如何用远程服务器布置项目
  17. VOC数据集制作 滑窗切分图片 单通道标签调色板
  18. nginx uwsgi django部署
  19. 系统学习做汉堡_您如何学习策略设计模式? 做一个汉堡!
  20. 【Java设计模式】Java设计模式之(十九)装饰器模式(Decorator Pattern)

热门文章

  1. 集成方法(随机森林)
  2. 系统日志之logger命令
  3. 第一条Pulsar消息发送
  4. python-面向对向-静态方法的继承-父类中的super方法
  5. python-time时间模块
  6. python-日志模块-logging
  7. Slog59_项目上线之域名备案时两家或多家运营商之间的业务交叉经历
  8. 从Softmax回归到Logistic回归
  9. C# 中? 和 ?? 在变量中的使用
  10. Rust:剑指C++