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

丰富的组件: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:画布

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

上一篇:Python 天气预报+微信


下一篇:申请微信小程序步骤