uniapp h5底部彈出層相機和相簿

2021-10-09 11:22:30 字數 1375 閱讀 9761

專案中做的乙個功能,我想把專案中的每乙個功能都用寫部落格的方式記錄下來,說不定以後還能用上呢。也相當於給自己做筆記了。

先上**

html

="box"

>

for=

"(item,index) in imglist"

:key=

"index"

class

="upcertimg"

>

"item" alt /

>

<

/div>

="upcertimg upbtn" @click=

"open"

>

"../../static/img/zs.png" alt /

>

上傳證書<

/div>

<

/div>

<

/div>

//顯示上傳

="upimg" @click=

"open"

>上傳<

/view>

"popup" type=

"bottom"

class

="popupbtm"

>

="upbtm" @click=

"camera('camera')"

>拍照<

/view>

="upbtm" @click=

"camera('album')"

>從相簿匯入<

/view>

="upbtm cancel" @click=

"close"

>取消<

/view>

<

/uni-popup>css:

.box

.upcertimg

.upcertimg img

.upbtm

.canceljs

import unipopup from
'@/components/uni-popup/uni-popup.vue'

//引入元件

data()

, imglist:

,}} components:

, methods:

,close()

,camera

(val)})

;}})

;},submit()

}這裡沒有自動對齊**很煩,給大家看一下效果圖吧。

就是這樣的了。

uniapp H5封裝全域性並且呼叫以微信分享為例子

export default onshow function e onhide function globaldata var link if os.indexof ios 1 else var jump goods2 this hi pages link jump link jump ref re...

activity仿造底部彈框

用activity來製作底部彈框分兩步走 第一步 設定activity透明 第二步 設定activity切換動畫 如下 第一步 android name c.ccbaactivity android theme style theme.transparent 也可以自定義透明背景需要背景透明,狀態列...

小程式底部動畫彈框

立即預約 立即預約 wxss index.wxss 模態框 modals cancel bottom dialog body 動畫前初始位置 bottom pos yuyue yuyue to js 獲取應用例項 page 顯示遮罩層 showmodal function var animation...