成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

分享一個用于登陸驗證的vue組件

FWHeart / 2133人閱讀

這是一個基于vue2的驗證組件--vue-drag-verify。用于登陸或者注冊等。可以自定義背景色和字體以及形狀等屬性。

這里是Demo

安裝

通過npm安裝

npm install vue-drag-verify --save
插件應用

import Vue from "vue"
import dragVerify from "vue-drag-verify"

export default {
  name: "app",
  components:{
    dragVerify
  }
}
組件參數(shù)

名稱 | 類型 | 默認值 | 說明
--- | --- | --- | ---
width | Number | 200 | 組件的寬度
height | Number | 60 | 組件的高度
text | String | swiping to the right side | 提示信息文字
successText | String | success | 驗證通過時的提示信息文字
background | String | #ccc | 組件背景色
color | String | #ffffff | 組件文字顏色
progressBarBg | String | #FFFF99 | 拖拽過程中的背景顏色
completedBg | String | #66cc66 | 驗證成功的背景顏色
circle | Boolean | true | 設為true,組件為圓形按鈕,否則為長方形
handlerIcon | String | - | 拖拽按鈕的icon
successIcon | String | - | 驗證通過時拖拽按鈕的icon
handlerBg | String | #fff | 拖拽按鈕的背景色
textSize | String | 20px | 組件的文字大小

推薦一個找vue,angular組件的輪子工廠

文章版權歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/89529.html

相關文章

  • 基于 Vue 后臺管理系統(tǒng)前端實踐

    摘要:輸入框內(nèi)容過濾產(chǎn)品有一個需求是,在搜索用戶信息時,只能通過郵箱搜索,并且只能輸入字母數(shù)字以及。我選擇了輸入框的值這里的坑就是需要在中更新值,因為元素這時才刷新。是否有一定要用的必要類似的管理系統(tǒng)涉及到不同頁面之間的交互都很少。 初始化項目 使用 Vue-cli3 初始化項目1 安裝 Element UI安裝 Vue-i18n,做相關配置2,3 原則上需要對 Element 也做 I18...

    scwang90 評論0 收藏0
  • vue2 + vuex 高度還原 餓了么 App,與官方后臺真實數(shù)據(jù)交互,獲取商品信息,實現(xiàn)登陸、購

    摘要:注此項目純屬個人瞎搞,正常下單請選擇餓了么官方客戶端。目前下單功能已經(jīng)實現(xiàn),下單功能完全采用官網(wǎng)真實數(shù)據(jù),可以控制官網(wǎng)發(fā)短信或者打電話到指定的手機號碼,下單后可以在手機中查看并且付款。 前言 vue2的發(fā)布后自己也研究了一段時間,奈何公司的技術棧是以react為主,沒有機會好好利用vue2去做一個完整的項目。雖然寫了幾個demo,但和寫一個完整的項目還是有很大差別的。于是自己想著用空余...

    JeOam 評論0 收藏0
  • vue+node+mongodb 搭建一個完整博客

    摘要:開發(fā)一個完整博客流程前言前段時間剛把自己的個人網(wǎng)站寫完,于是這段時間因為事情不是太多,便整理了一下,寫了個簡易版的博客系統(tǒng)服務端用的是框架進行開發(fā)技術棧目錄結構講解的配置文件放置代碼文件項目參數(shù)配置的文件日志打印文件項目依賴模塊 Vue + Node + Mongodb 開發(fā)一個完整博客流程 前言 前段時間剛把自己的個人網(wǎng)站寫完, 于是這段時間因為事情不是太多,便整理了一下,寫了個簡易...

    Miracle_lihb 評論0 收藏0
  • sSpring Boot多模塊+ Shiro + Vue:前后端分離登陸整合,權限認證(一)

    摘要:前言本文主要使用來實現(xiàn)前后端分離的認證登陸和權限管理,適合和我一樣剛開始接觸前后端完全分離項目的同學,但是你必須自己搭建過前端項目和后端項目,本文主要是介紹他們之間的互通,如果不知道這么搭建前端項目的同學可以先找別的看一下。 前言 本文主要使用spring boot + shiro + vue來實現(xiàn)前后端分離的認證登陸和權限管理,適合和我一樣剛開始接觸前后端完全分離項目的同學,但是你必...

    macg0406 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<