tombol - Mobile Platform as a Service

Topik ini menjelaskan komponen tombol.

Atribut	Tipe	Nilai default	Deskripsi	Versi minimum
ukuran	String	default	Nilai yang mungkin adalah default dan mini.	-
tipe	String	default	Gaya tombol, yang bisa primary, default, atau warn.	-
polos	Boolean	false	Apakah tombol berongga.	-
nonaktif	Boolean	false	Apakah akan menonaktifkan tombol.	-
memuat	Boolean	false	Apakah teks tombol disertai dengan ikon memuat.	-
hover-class	String	button-hover	Kelas gaya ke mana tombol ditekan. `hover-class="none"` menunjukkan tidak ada efek klik.	-
hover-start-time	Number	20	Jumlah peristiwa setelah status diklik muncul, dalam milidetik.	-
hover-stay-time	Number	70	Periode retensi status diklik setelah Anda melepaskan jari, dalam milidetik.	-
hover-stop-propagation	Boolean	false	Apakah mencegah elemen leluhur dari elemen saat ini muncul dalam status diklik.	1.10.0
form-type	String	-	Nilai yang mungkin adalah submit dan reset. Atribut ini digunakan untuk komponen, dan mengkliknya memicu peristiwa submit atau reset.	-
open-type	String	-	Kemampuan terbuka.	1.1.0
ruang lingkup	String	-	Atribut ini valid ketika `open-type` diatur ke `getAuthorize`.	1.11.0
onTap	EventHandle	-	Mengetuk.	-

nilai valid open-type

Nilai	Deskripsi	Versi minimum
Berbagi	Atribut ini memicu berbagi kustom. Anda dapat menentukan statusnya dengan menjalankan `canIUse('button.open-type.share')`.	1.1.0
getAuthorize	Dukungan otorisasi Mini Program. Anda dapat menentukan statusnya dengan menjalankan `canIUse('button.open-type.getAuthorize')`.	1.11.0
contactShare	Berbagi dengan teman di buku alamat. Anda dapat menentukan statusnya dengan menjalankan `canIUse('button.open-type.contactShare')`.	1.11.0

nilai valid ruang lingkup

Ketika open-type diatur ke getAuthorize, Anda dapat mengatur ruang lingkup ke salah satu nilai berikut:

Nilai	Deskripsi	Versi minimum
phoneNumber	Tampilkan antarmuka otorisasi, dan pengguna dapat mengotorisasi Mini Program untuk mendapatkan nomor ponsel pengguna.	1.11.0

Contoh kode

<view class="page">
  <view class="section">
    <view class="title">Tipe</view>
    <button type="default">default</button>
    <button type="primary">primary</button>
    <button type="warn">warn</button>
  </view>
  <view class="section" style="background:#ddd;">
    <view class="title">Lain-lain</view>
    <button type="default" plain>plain</button>
    <button type="default" disabled>disabled</button>
    <button type="default" loading={{true}}>loading</button>
    <button type="default" hover-class="red">hover-red</button>
  </view>
  <view class="section">
    <view class="title">Ukuran</view>
    <button type="default" size="mini">mini</button>
  </view>
  <view class="section">
    <view class="title">Tipe</view>
    <form onSubmit="onSubmit" onReset="onReset">
      <button form-type="submit">submit</button>
      <button form-type="reset">reset</button>
    </form>
  </view>
</view>