原生彈框2 vue

2021-10-04 03:28:33 字數 414 閱讀 6021

詳情彈框

src="../assets/images/u291.svg"

altstyle="width: 16px;height: 16px; cursor: pointer;"

id="close"

@click="close"

//>

詳情內容

小結:彈框 樣式思路

btn 觸發彈窗的按鈕,其實就是來控制display:none和block切換的問題

container 彈窗以及裡面的內容包括。我們把它設定給 寬高為100%,也就是遮罩層覆蓋整個頁面

modalbg 彈窗樣式 固定定位、寬高100%、z-index background-color: rgb(0, 0, 0); opacity: 0.3;

content 要寫的內容,自己定義即可

vue學習筆記 2 vue簡介

本次學習主要來自官網的教程 vue應用是由乙個根vue例項開始的。vue會將資料繫結到data中,當data資料改變時也會導致檢視的改變 觀察者模式 可以實現資料的雙向繫結 響應式 vue例項中的屬性可以通過 屬性名的方式獲取,入 data vue是在初始化時繫結資料的,如果初始化後再次新增元素,則...

VUE基礎知識2 VUE介紹

一 vue介紹 在vue中,很多時候不能用箭頭函式。vue.js 是一套構建使用者介面的漸進式框架。框架和庫的區別 框架 vue,乙個擁有完整的解決方案,我們寫好人家呼叫我。庫 juqery,underscore 模板引擎 zepto,animate.css。我們呼叫它。漸進式vue全家桶 vuej...

VUE課程 2 VUE最簡單例項

1 引入vue.js 3 在模板中使用資料 1 引入vue.js script 2 建立vue物件 el 指定根element 選擇器 data 初始化資料 頁面可以訪問 data 3 在模板中使用資料 模板語法 雙大括號 div 1 doctype html 2 html lang en 3 he...