I am using LoadingController
to manage the loading page. Below is my code:
presentLoadingCustom() {
let loading = this.loadingCtrl.create({
spinner: 'hide',
content: `
<div padding>
<div class="loadingheader">processing...</div >
</div>
<div>
<p>
Verifying your mobile phone number
</p>
<p>`+
" 011 232 43146"
+
`
</p>
<p>
Please wait
</p>
</div>
`,
duration: 100000
});
How can I change the font size of loadheader
? I tried add css
code in scss
file of the same page but fail.
How to put spinner at the position I wanted? Say I want to put between loadheader
and my other text. Currently it is at the right of all my text.
I found it. In order for it to work, you have to add the css
to app.scss
:
.loading-wrapper{
text-align: center;
.loadheader{ ///<---my custom class for loading
padding-bottom: 10px;
font-size: 20px;
}
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.