Skip to content

button

Jump to bottom
刘剑 edited this page Oct 21, 2016 · 7 revisions

button 有三种型号 普通、sm和lg

outline是button的一种背景色透明的展示方式

block的button是占据整行的

button

<view>
	<view class="title text-center">button</view>
	<view class="title">button size</view>
	<view><button class="wa-button wa-button-sm">wa-button-sm</button></view>
	<view><button class="wa-button">wa-button</button></view>
	<view><button class="wa-button wa-button-lg">wa-button-lg</button></view>
	<view class="title">button outline</view>
    <view><button class="wa-button wa-button-outline">wa-button-outline</button></view>
    <view class="title">button block</view>
    <view><button class="wa-button wa-button-block">wa-button-block</button></view>
</view>

关于button放入icon

button-color

<view>
	<view class="title text-center">button</view>
	<view>
		<button class="wa-button wa-button-sm">
			<text class="icon-right ion-chevron-right"></text>
			wa-button-sm
		</button>
	</view>
	<view>
		<button class="wa-button">
			<text class="icon-left ion-home"></text>
			wa-button
		</button>
	</view>
	<view>
		<button class="wa-button wa-button-lg">
			<text class="icon-left ion-home"></text>
			wa-button-lg
		</button>
	</view>
	<view>
		<button class="wa-button wa-button-positive">
			<text class="icon-left ion-heart"></text>
			wa-button-lg
		</button>
	</view>
</view>
Clone this wiki locally