Structure du fichier
1. répertoire racine
app.js programme logique principal
fichier de configuration app.json
Besoin d'attribut « pages » à le chemin relatif moyen de la page de déclaration
{
"pages": [
"pages/about/about",
"pages/weekly/weekly"
],
"sitemapLocation": "sitemap.json"
}
app.wxss style principal de programme
Ici, toutes les pages sont susceptibles de définir certains styles couramment utilisés en classe
informations sur le programme project.config.json
Ce fichier est généré automatiquement par les outils de développement
dossier pages
Il contient un petit programme de tous les dossiers de pages
2. pages dossier de page dans le dossier
Ci-dessous un exemple à propos de la page
la logique de la page about.js
Pour créer ici un objet page
Page({})
Page profil about.json
Ici, vous pouvez configurer des informations sur la page, comme le titre de la barre de navigation
{
"navigationBarTitleText": "关于"
}
mise en page about.wxml
Dans une description de la mise en page html syntaxe similaire, il faut avoir fin marqueur
exemple de code:
<view class="container">
<image src="/images/profile.JPG" class="icon"></image>
<text class="title">电影周周看</text>
<view>
<navigator url="/pages/weekly/weekly" style="display: inline;" class="nav-text" hover-class="nav-hover" open-type="navigate">
每日推荐
</navigator>
<text class="subtitle">一部好电影</text>
</view>
<text class="subtitle">我的微博：Luke玄</text>
</view>
styles de page about.wxss
Voici les définitions de classes de style utilisées pages
exemple de code:
.container{
background-color: #eee;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.icon{
width: 375rpx;
height: 375rpx;
border-radius: 50%;
}
.title{
font-size: 60rpx;
font-weight: bold;
}
.subtitle{
font-size: 30rpx;
font-weight: lighter;
}
.nav-text{
color: lightblue;
.nav-hover{
color: grey;
}
}