zoukankan      html  css  js  c++  java
  • 微信小程序------基本组件

    今天主要是简单的讲一下小程序当中的一些组件,微信文档上也是有的。但我还是坚持写一下,因为写博客可以再一次得到提高,印象更深刻,虽然很简单,但贵在坚持。

    先来看看效果图:

       

    1:进度条(progress)

    <progress percent='25' show-info='true'></progress>
    
    <progress percent='35' stroke-width='12' active='true'></progress>
    
    <progress percent='55' color='green' backgroundColor='red'></progress>

    percent:百分比(0-100)

    show-info:是否显示百分比

    进度条的颜色,加载完成的颜色和未完成的颜色都是可以自定义的。

    2:滑动选择器(slider)

    <view>
      <slider bindchange='sliderChang1' step='5' show-value='true'></slider>
    </view>

    bindchang:完成拖动后触发的事件

    step:间隔 取值必须大于0 ;

    show-value:是否显示当前的value

    3:开关选择器(switch)

    <view>Switch</view>
    <view class="switch_cm">
       <text>声音是否开启</text>
       <switch class='switch_meld' checked='true' bindchange='switchChange'></switch>
    </view>

    4:开关选择器(radio)单选按钮

    <view>radio</view>
    <view>
      <radio-group>
          <radio class='boy' checked='true'></radio>
          <radio class='girl'></radio>
      </radio-group>
    </view>

    和Html中的相同

    5:复选框(Checkbox)

    <view>Checkbox</view>
    <checkbox-group>
        <checkbox>选项1</checkbox>
        <checkbox>选项2</checkbox>
    </checkbox-group>
  • 相关阅读:
    使用SuperWebSocket 构建实时 Web 应用
    slam for Windows 库安装及应用libfreenect2
    《SLAM十四讲》g2o_custombundle在windows轻松调通
    windows下命令行查看库依赖
    zend studio控制台中文乱码
    http协议转
    mysql 字段 增删改
    PHP内部函数
    分层设计
    SecureCRT上传和下载
  • 原文地址:https://www.cnblogs.com/zhangqie/p/7517595.html
Copyright © 2011-2022 走看看