Objective
Have you looked at the previous two articles for a little bit of an itch?
Let's start with an example of a simple answer, as well as MUI-related content
Mui
Official website: http://dcloudio.github.io/mui/
Description: I hope you can read through the official website, this is the basis for future development
Begin
New Project
Click on the new mobile app on the home page, as follows:
or right-click New in the Project manager, or shortcut key Ctrl+n+a
Select Templates
Selecting the MUI project here will automatically introduce the MUI's JS and CSS as follows:
File structure
The following folders are available by default: Css,fonts,js, as follows:
Simple Development Header
After opening the index.html, enter MH in the body and return as follows:
Body
Enter the same MBO after the return
List
Add some lists to Mbody
The final code
<! DOCTYPE html>
Debug (Android for example) connect your phoneFirst you need to connect your phone
Run
Choose Run-Phone run-run on XX device
Or use the shortcut key Ctrl+r
EffectNow you can see the effect on your phone.
AttentionNeed to open developer mode
Packaging Dcloud Certificate Packaging
Choose release--app Package--Choose android and Dcloud public certificates as follows:
Parameter configuration
May sometimes prompt for parameter configuration errors, which is what you need to open the project under the Manifest.json file, and remove the third-party plugin, as follows:
WaitGo back to the last step of the release package, click Pack will prompt you to go to the cloud packaging, you just have to wait,
After a little while, you'll be able to copy the APK to your phone and use it.
MoreFor more articles, visit: http://uikoo9.com/blog/list
html5+ developing mobile App Tutorials 3-mui development examples