contour

WeUI est un micro-canal avec une expérience visuelle cohérente de la fondation de la bibliothèque de style natif, l'équipe de conception micro-canal micro-canal officiel pour développer la conception Web personnalisé, l'utilisateur peut utiliser une perception plus unifiée. Il comprend le bouton, cellule, dialogue, pain grillé, article, icône et d'autres types d'éléments.

composants de base WeUI

** ** composants WeUI actuellement pas très riche, mais peut répondre à la plupart des besoins. L'expérience, pour ne pas mentionner qu'il a essayé de savoir, très facile à utiliser copie directe. ** WeUI ** document de base est ** weui.css **, publié un environnement si l'environnement formel, vous pouvez compresser.

Elle met en place un cadre simple,

< ! DOCTYPE html >

< html lang = "zh-CN" >

< tête >

< meta charset = "UTF-8" >

< meta name = "fenêtre" content = "width = dispositif de largeur, initiale échelle = 1, évolutive user = 0" >

< titre > WeUI < / Titre >

< ! - citation weui.min.css - >

< link rel = "stylesheet" href = " >

< / Head >

< corps ontouchstart >

< ! - Utilisez WeUI - >

< a href = "" class = "weui_btn weui_btn_primary" > Bouton vert < / A >

< / Body >

< / Html >

Note: tête HTML fenêtre balise META, le corps d'attribut ontouchstart aussi besoin d'ajouter des balises.

HTML utilise pour construire le cadre de base WeUI Eh bien, vous pouvez utiliser les différents composants de l'agent WeUI Démo directe sur OK copie.

composants exemplaires - Dialog Dialog

Dans les affaires de développement web mobile ont souvent pour rappeler la boîte de dialogue, nous examinons l'effet de l'utilisation des composants de WeUI de celui-ci!

boîte de personnalisation

< div class = "weui_dialog_confirm" >

< div class = "weui_mask" > < / Div >

< div class = "weui_dialog" >

< div class = "weui_dialog_hd" > < strong class = "weui_dialog_title" > titre Pop < / fort > < / Div >

< div class = "weui_dialog_bd" > contenu personnalisé pop < br > ... < / Div >

< div class = "weui_dialog_ft" >

< a href = "javascript:;" class = "default weui_btn_dialog" > annulé < / A >

< a href = "javascript:;" class = "weui_btn_dialog primaire" > déterminer < / A >

< / Div >

< / Div >

< / Div >

< div class = "weui_dialog_alert" >

< div class = "weui_mask" > < / Div >

< class = div "weui_dialog" >

< div class = "weui_dialog_hd" > < strong class = "weui_dialog_title" > titre Pop < / fort > < / Div >

< div class = "weui_dialog_bd" > Pop contenu, informer les informations de la page en cours < / Div >

< div class = "weui_dialog_ft" >

< a href = "javascript:;" class = "weui_btn_dialog primaire" > déterminer < / A >

< / Div >

< / Div >

< / Div >

Eh bien, vous pouvez essayer les autres composantes de leur propre essayer!

S'il vous plaît l'attention de tout le monde le plus souvent "IT alliance combat" Oh ~ ~ ~