component

组件是视图层的基本组成单元,通过组合这些基础组件进行快速开发

Posted by kunnan on May 22, 2018

component

<tagname property="value">
  Content goes here ...
</tagname>

视图容器

view

  <view class="flex-wrp" style="flex-direction:row;">
  </view>

scroll-view

使用竖向滚动时,需要给一个固定高度,通过 WXSS 设置 height。

  <scroll-view scroll-y style="height: 200px;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-into-view="" scroll-top="">
  </scroll-view>

swiper 滑块视图容器

swiper-item

仅可放置在<swiper/>组件中,宽高自动设置为100%。

movable-view

cover-view

cover-image

基础内容

icon

    <icon type="success" size=""/>

text

<text/> 组件内只支持 <text/> 嵌套。

rich-text

progress 进度条

表单组件

button

  • 打开客服会话
<button class="btn" open-type="contact">领取</button>
  • 触发用户转发
        <button class="btn" open-type="share"/>
  • 获取用户信息,可以从bindgetuserinfo回调中获取到用户信息
      <button wx:if="" class="xx-btn" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="ss"/>
  • 打开授权设置页
<button open-type="openSetting">打开授权设置页</button>
    wx.openSetting({
      success: res => {
        wx.hideLoading()
      },
      fail: res => {
        wx.hideLoading()
      }
    })

checkbox-group

多项选择器,内部由多个checkbox组成。

checkbox

<checkbox-group bindchange="checkboxChange">
  <label class="checkbox" wx:for="">
    <checkbox value="" checked=""/>
  </label>
</checkbox-group>

form

  • 表单,将组件<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 内的用户输入的提交。
当点击 <form/> 表单中 formType 为 submit 的 <button/> 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key

input

label

picker

picker-view

嵌入页面的滚动选择器

radio.html

单选项目

媒体组件

image 图片

video

camera系统相机

live-player

live-pusher

实时音视频录制

地图

map

canvas 画布

开发能力

open-data

<open-data type="groupName" open-gid="xxxxxx"></open-data>
<open-data type="userAvatarUrl"></open-data>
<open-data type="userGender" lang="zh_CN"></open-data>

Tips: 关于open-gid的获取请查看 转发

web-view

    <web-view src="https://kunnan.github.io/"></web-view>

广告。目前暂时以邀请制开放申请.

新增 remove-console

  • package.json
+    "babel-plugin-transform-remove-console": "^6.9.1",
  • wepy.config.js
module.exports.compilers.babel.plugins.push('transform-remove-console')

字符串操作

  • 去除第一个字符
     let hashData = BW.createHash(BW.reqstr.Gamecontinue.substring(1))
    

See Also

+       "libVersion": "2.0.6", 这个库才可以获取群ID
  • font-family
font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
/Users/devzkn/bin/knpost component 组件是视图层的基本组成单元,通过组合这些基础组件进行快速开发 -t miniprogram
#原来""的参数,需要自己加上""

转载请注明: > component