Quartz

1 组件

2分钟阅读

view

scroll-view

<scroll-view class="container1" scroll-y>
  <view>A</view>
  <view>B</view>
  <view>C</view>
</scroll-view>
.container1 {
  border: 1px solid red;
  width: 100px;
  height: 120px;
}

swiper & swiper-item

<swiper class="swiper_container" indicator-dots autoplay interval="500">
  <swiper-item>
    <view class="item">A</view>
  </swiper-item>
  <swiper-item>
    <view class="item">B</view>
  </swiper-item>
  <swiper-item>
    <view class="item">C</view>
  </swiper-item>
</swiper>
.swiper_container {
  height: 250px;
  border: 1px solid green;
}
.item {
  border: 1px solid red;
  height: 150px;
  line-height: 150px;
  text-align: center;
}

text

rich-text

buttom

<button type="default">default</button>
<button type="primary">primary</button>
<button type="warn">warn</button>
<button plain>镂空</button>
<button size="mini">mini button</button>

image

mode值说明

  • scaleToFill 拉伸填充
  • aspectFit 保持纵横比缩放，使完整展示
  • aspectFill 保持纵横比缩放图片并裁切填充
  • widthFIx 保持纵横比缩放，使宽度适合
  • heightFix 保持纵横比缩放，使高度适合

API

  • 事件监听 API 特点：以 on 开头，用来监听某些事件的触发 举例：wx.onWindowResize(function callback) 监听窗口尺寸变化的事件
  • 同步 API 特点1：以 Sync 结尾的 API 都是同步 API 特点2：同步 API 的执行结果，可以通过函数返回值直接获取，如果执行出错会抛出异常 举例：wx.setStorageSync(‘key’, ‘value’) 向本地存储中写入内容
  • 异步 API 特点：类似于 jQuery 中的 $.ajax(options) 函数，需要通过 success、fail、complete 接收调用的结果 举例：wx.request() 发起网络数据请求，通过 success 回调函数接收数据

关系图谱