




下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
第微信小程序?qū)崿F(xiàn)彈出框提交信息本文實例為大家分享了微信小程序?qū)崿F(xiàn)彈出框提交信息的具體代碼,供大家參考,具體內(nèi)容如下
viewbindtap="toolNo"
imagesrc="../../images/idx4.png"mode="aspectFit"/image
view出租信息/view
/view
viewwx:if="{{showModalStatus}}"bindtap="colse"/view
viewwx:if="{{showModalStatus}}"
imagesrc="../../images/close.png"bindtap="colse"/image
view該功能尚未開發(fā),請留下您的需求,我們會盡快處理/view
view
inputtype="number"name="mobile"placeholder="請獲取"value="{{mobile}}"
placeholder-disabled="true"/
buttonopen-type="getPhoneNumber"wx:if="{{isSHow}}"
bindgetphonenumber="getPhoneNumber"獲取手機號/button
/view
view
textareabindinput="bindinput"placeholder="請輸入建議反饋"
placeholder-/
/view
viewbindtap="submit"確認(rèn)/view
/view
data:{
showModalStatus:false,
toolNo:utils.throttle(function(){
this.setData({
showModalStatus:true
})
}),
//關(guān)閉彈窗
colse(){
this.setData({
showModalStatus:false,
})
},
.mask{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:1000;
background:#fff;
opacity:0.8;
overflow:hidden;
.drawerBox{
width:630rpx;
height:auto;
line-height:40rpx;
border-radius:20rpx;
text-align:center;
box-shadow:0px0px20px0pxrgba(0,0,0,0.4);
padding:40rpx;
box-sizing:border-box;
margin-left:60rpx;
position:fixed;
top:28%;
left:0;
z-index:1001;
background-color:#fff;
.close{
width:42rpx;
height:42rpx;
float:right;
overflow:hidden;
.tits{
font-size:16px;
text-align:center;
font-weight:bold;
width:100%;
overflow:hidden;
margin:60rpx040rpx0;
line-height:50rpx;
.phonebox{
margin-bottom:40rpx;
display:flex;
align-items:center;
.inputA{
width:550rpx;
height:92rpx;
line-height:92rpx;
border-radius:60rpx;
background-color:rgba(255,255,255,100);
text-align:left;
border:1pxsolidrgba(230,230,230,100);
.getphone{
width:200rpx;
height:68rpx;
line-height:68rpx;
border-radius:60rpx;
background-color:rgba(156,148,171,100);
color:rgba(255,255,255,100);
font-size:14px;
text-align:center;
margin-left:-220rpx;
margin-top:20rpx;
z-index:999;
.area{
width:550rpx;
line-height:40rpx;
border-radius:40rpx;
height:320rpx;
border:1pxsolidrgba(230,230,230,100);
text-align:left;
padding:30rpx;
box-sizing:border-box;
margin-bottom:40rpx;
textarea{
width:100%;
text-align:left;
line-height:40rpx;
font-size:14px;
.btn{
width:550rpx;
margin-bottom:0;
height:80rpx;
line-height:80rpx;
border-radius:30rpx;
background-color:#200E32;
color:rgba(255,255,255,100);
font-siz
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年未來五年公共管理職業(yè)規(guī)劃范文
- 2024年度江蘇省二級建造師之二建市政工程實務(wù)全真模擬考試試卷A卷含答案
- 小學(xué)語文習(xí)作團(tuán)隊合作心得體會
- 小學(xué)數(shù)學(xué)特殊教育教學(xué)計劃
- 物流行業(yè)新冠疫情應(yīng)對流程
- 假如給我三天光明:課文內(nèi)容分析與情感理解教案
- 2024-2025八年級上冊地理家校合作計劃
- 張桂梅的奉獻(xiàn)精神在志愿服務(wù)中的應(yīng)用心得體會
- 城市學(xué)校近視預(yù)防綜合方案
- 消防工程安全與綠色施工保障措施
- mq135空氣質(zhì)量檢測傳感器說明書空氣污染控制用
- 國家開放大學(xué)《監(jiān)督學(xué)》形考任務(wù)( 1-4)試題和答案解析
- 試卷交接簽字單
- 高考化學(xué)答題技巧與規(guī)范課件
- 2022屆高考英語復(fù)習(xí):最后一節(jié)英語課(13張PPT)
- 加強評標(biāo)專家管理實施方案
- 股票實戰(zhàn)技巧(一)薛斯通道_CCI_DMI經(jīng)典指標(biāo)組合
- 小學(xué)生德育教育ppt課件
- 配電箱系統(tǒng)圖
- 精選靜電感應(yīng)現(xiàn)象的應(yīng)用練習(xí)題(有答案)
- 初中音樂--人聲的分類--(1)pptppt課件
評論
0/150
提交評論