今天主要学习布局,组件,一个例子

组件API https://developers.weixin.qq.com/miniprogram/dev/component/

把所有组件一个个看一遍。

布局:flex布局,

采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size,占据的交叉轴空间叫做cross size。

flex-direction  容器内项目的排列方向(默认横向排列)  

flex-wrap  容器内项目换行方式

flex-flow  以上两个属性的简写方式

justify-content  项目在主轴上的对齐方式

align-items  项目在交叉轴上如何对齐

align-content  定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。

视图容器:

cover-image:覆盖在原生组件之上的图片视图

cover-view:覆盖在原生组件之上的文本视图

movable-area:可移动区域

movable-view:可移动的视图容器,在页面中可以拖拽,

scroll-view:可滚动视图区域,使用竖向滚动时,需要给scroll-view一个固定高度,

swiper:滑块视图窗口和轮波图

view:最简的一个容器

基础内容组件

icon:图标,progress进度条,rich-text富文本,text文本,

表单组件:button,checkbox,editor,form,input,label,picker,picker-view,radio,radio-group,slider,switch,textarea;

操作反馈小工具:action-sheet,modal,toast,loading,在扩展能力中,

api:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/

导航:

functional-page-navigator:仅在插件中有效,用于跳转到插件功能页,

navigator:页面链接。

媒体:audio,音频,camera相机,image,图片,live-player实时音视频播放,

live-pusher,实时音视频录制。

video:视频

还有一些其它组件 ,大家可以在微信API网上查看,

实例篇:

主要内容就是应用上面的布局,对学习的知识进行熟悉。

object picker 微信小程序_第三天学习微信小程序开发总结相关推荐

  1. image 微信小程序flex_第三天学习微信小程序开发总结

    今天主要学习布局,组件,一个例子 组件API https://developers.weixin.qq.com/miniprogram/dev/component/ 把所有组件一个个看一遍. 布局:f ...

  2. 黯然微信小程序杂记(三):微信小程序实现倒计时功能 附讲解教学 附源码

    黯然微信小程序杂记(三):微信小程序实现倒计时功能 附超详细注释 附源码 一.功能描述 二.界面展示 三.test.wxml代码 四.test.js代码(注释很详细 很易懂) CSDN私信我,有关微信 ...

  3. 新版微信不停跳转到小程序_如何设置跳转微信小程序

    一.功能效果 手机网站常用模块:文本.图片.按钮支持设置点击跳转微信小程序. 可实现手机微信端下,打开手机网站可与微信小程序的实现相互跳转. 二.注意事项 [版本]展示中级版及以上版本支持开通. [条 ...

  4. 随机抽人名小程序_这些好用的微信小程序,你知道多少?

    我们都知道,微信小程序很方便!也很受开发者的欢迎和用户的喜爱,主要其易上手简单的开发适配和小巧.而现阶段的小程序不仅能在主要功能性上面代替某些 App ,甚至取代. 就小狐日常用的而言,哪些是对你有帮 ...

  5. 贵州农信凭证打印小程序_我的医保凭证小程序入口

     阅读本文前,请您先点击上面的"蓝色字体",再点击"关注",这样您就可以继续免费收到文章了.每天都会有分享,都是免费订阅,请您放心关注.            ...

  6. django实现证件照换底色后端和小程序(第三周学习记录)

    第三周学习记录 继续上周的django后台搭建,经过讨论选择不使用mysql数据库存储用户上传证件照信息,直接通过base64转码的形式在后台处理并返回前端直接通过数据流预览并实现图片下载 一.后端获 ...

  7. python剪刀石头布程序_使用Python Tkinter实现剪刀石头布小游戏功能

    编写剪刀石头布游戏 让我们使用Python 3和Tkinter开发相同的游戏.我们可以将游戏命名为Rock-Paper-Scissors-Lizard-Spock. 规则和玩法 ock crushes ...

  8. opencms内容管理入门指南pdf_企业微信管理员训练营回顾(三) | 企业微信高效协作入门指南...

    <企业微信管理员训练营>报名入口:直接私聊我,回复关键词"报名企微" 上一期,麦老师从定位.功能.价值以及优势四个维度对企业微信进行全面的解读.那么,如何运用好企业微信 ...

  9. python 请在微信客户端打开_完美解决 请在微信客户端打开链接

    完美解决 请在微信客户端打开链接 背景描述 相信有模拟微信页面请求的测试都有看到过这个页面,简单点说就是爬虫爬微信页面,进行回放的时候会出现这个页面.大概在1年前,专门安排了一个人去解决这个技术问题, ...

最新文章

  1. 刘歧:FFmpeg Filter深度应用
  2. 网络编程-HTTPS协议的实现原理
  3. 设计模式7----代理模式
  4. CentOS 7配置Let’s Encrypt支持免费泛域名证书
  5. 简约的蓝色流量卡网站源码
  6. java. 三个人比赛怎么写_蓝桥杯——分组比赛(2017JavaB组第3题)
  7. 仍有很多企业并未修复微软 Hyber-V 的严重漏洞
  8. Linux 防火墙配置
  9. Spring源码分析-从@ComponentScan注解配置包扫描路径到IoC容器中的BeanDefinition,经历了什么(一)?
  10. JavaScript变量,js定义变量
  11. 为了对电脑进行保护,已经阻止此应用
  12. ubuntu中文智能拼音输入法配置
  13. Blender学习-考拉课程学习记录
  14. macbook使用automator实现文文本自动化处理
  15. 5G商用牌照正式发放!万亿级市场大门开启
  16. 云虚拟主机bch 和 云服务器bcc,虚拟主机bch和云服务器bcc
  17. vimdiff简单使用
  18. 传媒经营之交通广播电台广告的独特个性
  19. 【中秋系列】马上中秋了,给老板写了个猜灯谜小脚本,猜到的越多奖金就越高?赚翻了~
  20. 平衡左右脑、加强记忆、提高情商……冥想的这些好处你知道吗?

热门文章

  1. 【Docker】Docker安装telnet
  2. [Elasticsearch] es 6.8 编译成功
  3. 【Kafka】Flink kafka 报错 Failed to send data to Kafka: Failed to allocate memory within the config
  4. Spark Yarn Client模式双网卡-多hostname导致问题(阿里云)
  5. 【Flink】JobException: Recovery is suppressed by NoRestartBackoffTimeStrategy
  6. 95-280-037-源码-资源管理-计算资源管理-TaskSlot-ResourceManage 中 Slot 的管理
  7. drools 7.x 决策表转drl
  8. android布局黑色字体颜色,Android开发之FloatingActionButton悬浮按钮基本使用、字体、颜色用法示例...
  9. 灵魂拷问:到底要不要写单元测试,如何正确进行单元测试?
  10. 看了这个有趣的例子,你就能秒懂Java中的多线程同步了!