欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

uniapp實(shí)現(xiàn)點(diǎn)擊出現(xiàn)彈窗功能實(shí)例

 更新時(shí)間：2023年08月25日 11:24:41   作者：金州  
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)點(diǎn)擊出現(xiàn)彈窗功能的相關(guān)資料,UniApp框架中提供了兩種不同類型的彈出框,以幫助我們滿足不同的需求,需要的朋友可以參考下

用uniapp實(shí)現(xiàn)一個(gè)彈出窗

1.需要引入uni-popup 彈出層 插件

網(wǎng)址如下：uni-popup 彈出層 - DCloud 插件市場(chǎng)

 下載到HBuilder中

html部分：

<view @tap="toggle('top')">
				<image src="../../static/points.png" class="points"></image>
			</view>
		<!-- 彈窗 -->
		<uni-popup ref="popup">
			<view class="pop">
				<view class="popup-use">
					安裝視頻
				</view>
				<view class="popup-use">
					說(shuō)明書(shū)
				</view>
				<view class="popup-use">
					常見(jiàn)問(wèn)題
				</view>
			</view>
		</uni-popup>

 js部分：

methods: {
//彈窗開(kāi)啟
			toggle() {
				this.$refs['popup'].open();
			},
}

css部分：

.pop {
		width: 100%;
		background-color: black;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.popup-use {
		padding: 24px 30px;
		width: 290px;
		display: flex;
		justify-content: center;
		letter-spacing: 2px;
		color: #ffffffdb;
	}

總結(jié) 

到此這篇關(guān)于uniapp實(shí)現(xiàn)點(diǎn)擊出現(xiàn)彈窗功能的文章就介紹到這了,更多相關(guān)uniapp點(diǎn)擊出現(xiàn)彈窗內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論