Crear proyecto
Abra la herramienta de desarrollo de WeChat y cree un nuevo proyecto
Limpia todo el contenido inútil después de la creación.
Introducir weui
En el pasado, se introdujo en forma de npm. Después de la introducción, tuvo que ser construido. Era más problemático. La nueva versión agrega la función de importación directa. Específicamente, agregue la configuración en app.json
{
"pages": [
"pages/index/index"
],
"window": {
"backgroundColor": "#F6F6F6",
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#F6F6F6",
"navigationBarTitleText": "云开发 QuickStart",
"navigationBarTextStyle": "black"
},
"sitemapLocation": "sitemap.json",
"style": "v2",
"useExtendedLib": {
"weui": true
}
}
Simplemente establezca weui en verdadero. Para verificar si la introducción es exitosa, agregamos un cuadro emergente en la página de índice.
Primero agregue componentes personalizados en index.json
{
"usingComponents": {
"mp-dialog": "weui-miniprogram/dialog/dialog"
}
}
Luego introduzca los componentes requeridos en index.wxml
<!--index.wxml-->
<view class="container">
<text>这是一个云开发</text>
<mp-dialog title="test" show="{
{true}}" bindbuttontap="tapDialogButton" buttons="{
{[{text: '取消'}, {text: '确认'}]}}">
<view>test content</view>
</mp-dialog>
</view>
¿El efecto después de la introducción es
muy conveniente? A algunas personas les gusta usar colorui y también hay marcos de interfaz de usuario útiles. Yo personalmente prefiero weui, el estilo está integrado con WeChat y es fácil de usar, no se preocupe por los efectos incompatibles.