如何用vuetify寫表單

2021-10-12 01:45:44 字數 1896 閱讀 9221

菜鳥本人最近在用vuetify寫登入註冊頁面,這個ui強大但是難用,很難自己調整到滿意的程度。

我琢磨了好久,寫出了乙個粗糙的註冊頁面

"clear:both"

>

"mx-auto my-16" max-width=

"600" min-width=

"300" shaped>

"mx-auto my-16" ref=

"form"

>

placeholder=

"請輸入手機號"

color=

"info"

outlined

clearable

dense

v-model=

"moblie"

:rules=

"[rules.required, rules.moblie]"

prepend-inner-icon=

"mdi-account"

class=

"rounded-pill"

>

color=

"info"

prepend-inner-icon=

"mdi-lock"

placeholder=

"密碼為6-18位英文+數字"

outlined

clearable

dense

v-model=

"password"

counter

minlength=

"6" maxlength=

"18"

:rules=

"[rules.required, rules.counter, rules.password]"

"isshow ? 'mdi-eye' : 'mdi-eye-off'"

:type=

"isshow ? 'text' : 'password'"

"isshow = !isshow"

class=

"rounded-pill"

>

"8">

color=

"info"

placeholder=

"請輸入驗證碼"

outlined

clearable

dense

v-model=

"check"

:rules=

"[rules.required]"

prepend-inner-icon=

"mdi-marker-check"

class=

"rounded-pill ma-0"

>

>

class=

"rounded-pill float-right"

color=

"info"

dense

outlined

>獲取驗證碼>

"ma-0 pa-0" color=

"info" :rules=

"[rules.required]" v-model=

"checkbox"

>

"caption"

>

我同意"_blank" href=

"" @click.stop>

《註冊協議》

"rounded-pill" color=

"info" bottom @click=

"validate"

> 註冊

"text-center caption"

>

已有賬號?

"_blank" href=

"" @click.stop>

直接登入

如何用Pygame寫遊戲(十八)

本文 3d是非常酷的技術,同時也就意味著更多的工作,上次的簡單介紹之後,這次還要講更多2d到3d的新概念。我們使用vector3類來進行3d上的移動,與2d非常類似,看下面乙個例子 a在 6,2,2 的位置上,目標是 b 7,5,10 a想摧毀b,所以發 一枚火箭ab,現在我們得把火箭的運動軌跡過程...

如何用Python寫C擴充套件?

1.環境準備 如果是linux只需要安裝python3.x python dev。windows下稍微複雜點,vs2017 python3.6.3 vs2017可用社群版,需要選擇安裝的環境如下 2.1 c模組封裝 以計算兩個數相加為例,選擇任意資料夾,新建如下c語言原始碼 檔名 calc.c in...

如何用Zoundry在Hotmail中寫部落格

基本上國內的部落格都不支援zoundry離線撰寫,因此我找到了google的blogger和microsoft的livespace,blogger被國內的gfw給封鎖了,無法離線管理,因此livespace成了唯一的選擇。用zoundry聯絡管理livespace,關鍵是做好配置。1 更改lives...