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>
  • 相关阅读:
    appium之adb常用命令
    测试基础之等价类
    selenium之CSS定位
    括号序列的最小代价
    Spark相对于MapReduce的优势
    Cache系统设计
    [京东2017实习生笔试] 终结者C
    [京东2017实习生笔试] 通过考试
    [hihoCoder] 1078. 线段树的区间修改
    [转载] 一步一步理解线段树
  • 原文地址:https://www.cnblogs.com/zhangqie/p/7517595.html
Copyright © 2011-2022 走看看