微信小程序 视图层(wxml,wxss)

南楼画角 提交于 2020-03-08 08:13:06

丰富的组件:https://developers.weixin.qq.com/miniprogram/dev/component/

全局样式:app.wxss

页面+页面样式:page.wxml +page.wxss

视图层将逻辑层的数据反映成视图,同时将视图层的事件发送给逻辑层。

  框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。

  什么是组件:(所有组件与属性都是小写,以连字符-连接)

  • 组件是视图层的基本组成单元。
  • 组件自带一些功能与微信风格的样式。
  • 一个组件通常包括开始标签结束标签属性用来修饰这个组件,内容在两个标签之内。

  属性类型:Boolean、Number、String、Array、Object、EventHandler

  共同属性类型:id、class、style、hidden、data-*、bind* / catch*

   组件分类:视图容器、基础内容、表单组件、导航、媒体组件、地图、画布等。

     视图容器:

      view:视图容器

      scroll-view:可滚动视图容器

      swiper:滑块视图容器

    基础内容:

      icon: 图标

      text:文字

      progress:进度条

    表单组件:

      button:按钮

      form:表单

      input:输入框

      checkbox:多项选择器

      radio:单项选择器

      picker:列表选择器

      picker-view:内嵌列表选择器

      slider:滚动选择器

      switch:开关选择器

      label:标签

    导航:

      navigator:应用链接

    媒体组件:

      audio:音频

      image:图片

      video:视频

    地图:

      map:地图

    画布:

      canvas:画布

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!