微信小程序11(基础组件)

Posted 晨沉宸辰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序11(基础组件)相关的知识,希望对你有一定的参考价值。

一、基础组件

框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档。

什么是组件:

  • 组件是视图层的基本组成单元。
  • 组件自带一些功能与微信风格一致的样式。
  • 一个组件通常包括 开始标签结束标签属性 用来修饰这个组件,内容 在两个标签之内。
<tagname property="value">
Content goes here ...
</tagname>

注意:所有组件与属性都是小写,以连字符-连接

1.view

类似div

例子:
wxss

/* pages/index9/index9.wxss */
.hover_class{
   background-color: aqua;
}

wxml

<view hover-class="hover_class">
  index9
</view>

发现点击index9,背景颜色会变成蓝色

2.text

显示普通文本,text只能嵌套text

wxml

<view hover-class="hover_class">
  index9
</view>
<view>
  <text selectable> index9 text </text>
  <text decode>&nbsp;</text>
</view>

3.space 的合法值

4.图片image标签

  1. 该标签组件默认宽度320px,高度240px
  2. 不存在背景图片的写法

    mode有限值:
  3. mode中有13种模式,其中4种是缩放模式,9种是裁剪模式



以上是关于微信小程序11(基础组件)的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序11(基础组件)

微信小程序入门与实战/常用组件/API/开发技巧/项目实战 共11章

微信小程序自定义组件详解

微信小程序_基础组件大全

微信小程序 自定义组件入门

微信小程序基础组件