app直播原始碼,軟體登入時的背景圖更改
app直播原始碼,軟體登入時的背景圖更改實現的相關程式碼
.background_style{ width:100%; height:85%; position:fixed; background-size:100% 100%; background-repeat: no-repeat; background-image: url("../../assets/background_1.jpg"); }
引用
因為是背景圖片,所有要在最外層div引用
<div class="background_style">
登入實現
引入Element UI Element UI
通過npm安裝
執行此命令
npm i element-ui -S
然後再main.js中匯入Element UI庫
import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
通過引入樣式庫
直接在需要使用Element UI元件的頁面宣告即可
<!-- 引入樣式 --> <link rel="stylesheet" href=" <!-- 引入元件庫 --> <script src="
實現
<el-form status-icon label-width="50px" label-position="left" class="login-page" > <h2 class="login_Title">賬號登入</h2> <el-form-item label="賬號" prop="username" > <el-input type="text" v-model="username" autocomplete="off"></el-input> </el-form-item> <el-form-item label="密碼" prop="password"> <el-input type="password" v-model="password" autocomplete="off" show-password></el-input> </el-form-item> <el-form-item class="button_center"> <el-button type="primary" @click="LoginNleCloud" style="width:50%;" >提交</el-button> </el-form-item> </el-form>
雙向繫結賬號密碼
v-model="username" v-model="password"
定義欄位
data(){ return{ password: "", username: "", }
設定點選事件
Es6縮寫
@click="LoginNleCloud"
普通寫法
v-on:click="LoginNleCloud"
需要在methods才能定義方法
然後對賬戶密碼進行判斷
如果成功則跳轉路由,失敗則提醒使用者
methods:{ LoginNleCloud(){ if (this.username === "hntdiot" && this.password === "hntdiot") { window.nleApi = new NLECloudAPI() const res = window.nleApi.userLogin(this.username,this.password,true) res.completed(function (res) { window.Flag = true //alert("Success!") console.log(res) }) if ( window.Flag === true){ this.$router.push('/console') console.log(window.Flag) } }else { alert("賬戶或者密碼錯誤!") } }
以上就是 app直播原始碼,軟體登入時的背景圖更改實現的相關程式碼,更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2841289/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 直播app原始碼,背景主題以及狀態列的更改和設定APP原始碼
- 直播軟體原始碼,改變button的背景顏色原始碼
- app直播原始碼,登入時輸入驗證碼、簡訊驗證身份APP原始碼
- app直播原始碼,ButtonTextView的背景設定APP原始碼TextView
- 成品直播原始碼推薦,登入介面實現插入背景原始碼
- 直播app原始碼,登入時自動輸入密碼/自動記住密碼APP原始碼密碼
- 直播軟體搭建,關於個人主頁背景色的更改
- 直播系統app原始碼,簡潔好看的登入頁面APP原始碼
- 直播商城原始碼,響應式的全螢幕背景圖(主介面背景圖)原始碼
- 短視訊平臺原始碼,登入介面插入背景圖片原始碼
- app直播原始碼,等待時的載入動畫(交錯載入動畫)APP原始碼動畫
- 直播app系統原始碼,簡單的登入介面(登入、註冊、記住密碼等按鍵)APP原始碼密碼
- 直播app原始碼,使用者首次登入時彈出左右滑動導航頁APP原始碼
- 直播原始碼,zabbix忘記登入密碼原始碼密碼
- 直播系統原始碼,啟動APP時判斷登入狀態,引導頁、登入頁、首頁的跳轉方式原始碼APP
- 成品直播原始碼,例項原始碼系列-更改圖片透明度原始碼
- 更改win10系統登入介面背景的方法Win10
- 直播軟體原始碼,Android---Banner輪播圖原始碼Android
- 直播app系統原始碼,在 Flutter 中更改文字的字型系列APP原始碼Flutter
- 直播軟體原始碼,uniapp捲軸置頂實現原始碼APP
- 直播軟體原始碼,Vue獲取URL圖片的寬高原始碼Vue
- 直播app原始碼,Java的輸入輸出APP原始碼Java
- 聊天平臺原始碼,登入時拼圖驗證原始碼
- 直播原始碼網站,任意更改底部圖示顏色原始碼網站
- 直播平臺搭建原始碼,更改圖片透明度原始碼
- 直播原始碼網站,新使用者登入時的註冊頁面和登入頁面原始碼網站
- 【Python】公眾號聚合登入軟體+原始碼Python原始碼
- 視訊直播app原始碼,軟體主頁向下滑動時隱藏搜尋框APP原始碼
- 直播系統app原始碼,Android studio 實現app登入註冊頁面APP原始碼Android
- 視訊直播app原始碼,不同分類頂部背景色APP原始碼
- 直播平臺軟體開發,前端實現登入拼圖驗證前端
- 直播軟體原始碼,自定義修改原本已有的圖示原始碼
- 影片直播原始碼,載入gif圖片原始碼
- 直播軟體原始碼,利用uniapp checkbox判斷是否選中原始碼APP
- 快速運營搭建直播軟體平臺直播原始碼!原始碼
- 直播平臺原始碼,qt繪畫事件-設定背景圖片原始碼QT事件
- 直播軟體原始碼,好看的點贊按鈕原始碼
- app直播原始碼,平臺登入頁面實現和修改密碼頁面實現APP原始碼密碼