Maison > Applet WeChat > Développement de mini-programmes > WeChat Mini Programme Programme pratique Méthode de production de nouvelles simples

WeChat Mini Programme Programme pratique Méthode de production de nouvelles simples

高洛峰
Libérer: 2018-05-21 11:29:10
original
7474 Les gens l'ont consulté

Cet article parle principalement des informations pertinentes sur la méthode simple de production de nouvelles du programme pratique du programme WeChat Mini. Les amis dans le besoin peuvent se référer à

Projet pratique du programme WeChat Mini :

Production simple de nouvelles

Jetons d'abord un coup d'œil à l'effet :


WeChat Mini Programme Programme pratique Méthode de production de nouvelles simples

Toutes les données d'idées de mise en œuvre sont des données locales,

imagesC'est aussi un film carte Parce que je suis un développeur individuel assidu, je ne peux pas l'authentifier il y a quatre phénomènes de barre d'outils : les actualités, les blagues, aujourd'hui dans l'histoire et la page d'accueil. La page d'accueil centralisée utilise la page par défaut. Ajoutez votre propre Certains contenus ; liaison de données, rendu de liste, rendu conditionnel et utilisation de événements ; l'utilisation de certaines API;


Structure du code

WeChat Mini Programme Programme pratique Méthode de production de nouvelles simples

RépertoirePages de stockage, aujourd'hui dans l'histoire, page d'accueil d'index, blagues, nouvellesactualités
Objectif th>
images Stockage d'images locales
pages
utils Outils
目录 用途
images 存放本地图片
pages 存放页面,history历史上的今天,index主页,joke笑话,news新闻
utils 工具
app.js 小程序逻辑
app.json 小程序公共设置
app.wxss 小程序公共样式表
Package
app.js Mini logique de programme
app.json

Paramètres publics du mini-programme
application.wxss Petite feuille de style publique du programme

Contenu du code, regardez principalement la configuration

{
 "pages": [
  "pages/news/news",
  "pages/joke/joke",
  "pages/history/history",
  "pages/index/index"
 ],
 "window": {
  "navigationBarBackgroundColor": "#f85959",
  "navigationBarTextStyle": "white",
  "navigationBarTitleText": "微 看",
  "backgroundColor": "#FFFFFF",
  "backgroundTextStyle": "dark",
  "enablePullDownRefresh": true
 },
 "tabBar": {
  "color": "#626567",
  "selectedColor": "#f85959",
  "backgroundColor": "#FBFBFB",
  "borderStyle": "white",
  "position": "bottom",
  "list": [
   {
    "pagePath": "pages/news/news",
    "text": "新闻",
    "iconPath": "images/discovery.png",
    "selectedIconPath": "images/discovery_focus.png"
   },
   {
    "pagePath": "pages/joke/joke",
    "text": "笑话",
    "iconPath": "images/ring.png",
    "selectedIconPath": "images/ring_focus.png"
   },
   {
    "pagePath": "pages/history/history",
    "text": "历史",
    "iconPath": "images/chat.png",
    "selectedIconPath": "images/chat_focus.png"
   },
   {
    "pagePath": "pages/index/index",
    "text": "主页",
    "iconPath": "images/index.png",
    "selectedIconPath": "images/index_focus.png"
   }
  ]
 },
 "networkTimeout": {
  "request": 10000,
  "downloadFile": 10000
 },
 "debug": true
}
Copier après la connexion
app.json liste des éléments de configuration
属性 类型 必填 描述
pages String Array 设置页面路径
window Object 设置默认页面的窗口表现
tabBar Object 设置底部 tab 的表现
networkTimeout Object 设置网络超时时间
debug Boolean 设置是否开启 debug 模式

pagesObjet
Attribut
Type Obligatoire Description
Chaîne Tableau

Oui Définir le chemin de la page
fenêtre Non Définir la présentation de la fenêtre de page par défaut
tabBar Objet Non Définir la présentation de l'onglet inférieur
networkTimeout Objet Non Définir le délai d'expiration du réseau
debug Booléen Non Définir s'il faut activer le mode débogage
Veuillez vous référer au site officiel pour une configuration et une utilisation spécifiques :

https://mp.weixin.qq.com/debug/wxadoc/ dev/framework/config.html?t=201715Merci d'avoir lu, j'espère que cela pourra vous aider, merci pour votre soutien à ce site !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal