小程序云开发 基础介绍

一 、组件的基础属性介绍

属性介绍

属性	含义
text	文本
view	区域
button	按钮
input	表单
iamge	图片
include	包含
import	导入
web-view	导入html页面

容器组件

属性	含义
view	试图区域
swiper、swiper-item	幻灯片、轮播图
scroll-view	滚动试图

基础容器

text  介绍:user-select可选文字

rich-text 富文本

icon 图标

表单组件

1. button 介绍:type、size、自定义
2. input 输入
3. textarea 文本区域
4. switch

navigator 导航

1. open-type 介绍:redirect、switch-tap、navigate、relunch
2. url

媒体

1. image 介绍:src mode模式 lazy-load懒加载 
2. video 视频

其他

1. map 地图
2. web-view  web试图

二 、模板语法

1、文本渲染
{ {}}

2、条件渲染
wx:if="{ {}}"

wx:elif="{ {}}"

wx:else

3、列表渲染
wx:for="{ {list}}"、{ {item}}、{ {index}}

wx:key="title"

4、自定义列表
wx:for="{ {list}}"

wx:for-item="myitem"

wx:for-index="ind"

{ {myitem}}

{ {ind}}

5、import

1、定义模板 test.wxml 然后使用

<temp name="user">
<view>用户名：{
  {name}}</view>


<import src="xxx/test.wxml">
<template is="use" data={
  {...userInfo}}>

6、include

拷贝src中非template的内容

属性