WeChatが開発したスライダーの詳しい説明とサンプルコード-WeChatの開発-php.cn

WeChatが開発したスライダーの詳しい説明とサンプルコード

零下一度

リリース： 2017-05-25 10:29:23

オリジナル

2724 人が閲覧しました

この記事では、WeChat アプレットスライダーの詳細な説明とサンプルコードを主に紹介します。必要な友人は参照してください。

実装レンダリング:

WeChatが開発したスライダーの詳しい説明とサンプルコード

属性名

タイプデフォルト値。説明min数値0最小最大数値100最大ステップ数値1ステップサイズ、値0 より大きく、(max - min) で割り切れる必要がありますdisabledBooleanfalse無効かどうかvalueNumber0現在の値ショー-valueBooleanfalse現在の値を表示するかどうかbindchangeEventHandleの完了後にトリガーされ、event.detail = {Value: Value} コード例: Rreee

<view class="section section_gap">
 <text class="sectiontitle">设置left/right icon</text>
 <view class="body-view">
 <WeChatが開発したスライダーの詳しい説明とサンプルコード bindchange="WeChatが開発したスライダーの詳しい説明とサンプルコード1change" left-icon="cancel" right-icon="success_no_circle"/>
 </view>
</view>

<view class="section section_gap">
 <text class="sectiontitle">设置step</text>
 <view class="body-view">
 <WeChatが開発したスライダーの詳しい説明とサンプルコード bindchange="WeChatが開発したスライダーの詳しい説明とサンプルコード2change" step="5"/>
 </view>
</view>

<view class="section section_gap">
 <text class="sectiontitle">显示当前value</text>
 <view class="body-view">
 <WeChatが開発したスライダーの詳しい説明とサンプルコード bindchange="WeChatが開発したスライダーの詳しい説明とサンプルコード3change" show-value/>
 </view>
</view>

<view class="section section_gap">
 <text class="sectiontitle">设置最小/最大值</text>
 <view class="body-view">
 <WeChatが開発したスライダーの詳しい説明とサンプルコード bindchange="WeChatが開発したスライダーの詳しい説明とサンプルコード4change" min="50" max="200" show-value/>
 </view>
</view>

ログイン後にコピー