ionic 自定義彈框

2021-08-03 02:48:52 字數 1265 閱讀 1407

在工作過程中往往需要自定義的彈框。因此,將內容整理如下,以方便學習。若有不當之處,敬請斧正!

思路

$ionicpopup.show(}

div>" +

"class='form-content'>" +

"class='input-name'>input1:div>" +

"class='input-area'>

type='number'

placeholder='10.00'

ng-model='tempitem.input1'>

div>" +

"div>" +

"class='form-content'>" +

"class='input-name'>input2:div>" +

"class='input-area'>

type='number'

ng-model='tempitem.input2'>

div>" +

"div>" +

"class='form-button'>" +

"class='button wyl-left-button'

ng-click='fnclosepopup()' >cancelbutton>" +

"class='button wyl-right-button'

ng-click='fnexchangegoods()' >submitbutton>" +

"div>" +

"div>",

scope: $scope

});/**彈出窗popup 無titlecss*/

.team-popup

.popup-head

.team-popup

.popup

.team-popup

.popup-body

/*自定義表單*/

.popup-form

.form-title

.form-content

.form-content

input

.input-name

.input-area

.form-button

.form-button

button

效果

IONIC遮罩層及自定義彈框

先看效果圖 當我們在使用自定義彈框後,需要乙個背景遮罩層。下面是實現方法 html頁面 about onebtn 您的餘額不足,請及時充值!取消確定 css 樣式是關鍵 ion row twob ialog div btn div last child shade ts import from an...

ionic3彈框自定義樣式

border radius 5px important 這句就是重點,讓邊框變為圓角 border 1px solid ccc important 讓邊框變為1px寬度,直線,ccc顏色 使用ionic封裝的元件時,也對元件封裝好了樣式,如果想要改樣式需要同樣的class名字進行修改。在同樣的名字下...

自定義彈框

1.警告框 設定乙個negativebutton builder.setnegativebutton 取消 new dialoginte ce.onclicklistener 設定乙個neutralbutton builder.setneutralbutton 忽略 new dialoginte c...