WeChatミニプログラム 実践プログラム シンプルニュース制作法

この記事は主にWeChatミニプログラム実践プログラムの簡単なニュース制作方法に関する関連情報について説明していますので、必要な友達は参考にしてください

WeChatミニプログラム実践プロジェクト:

簡単なニュース制作

を見てみましょう。まず効果を見てください:

すべての実装アイデア データはローカル データです。写真 もこの マップ フィルムです。私は勤勉な個人開発者なので、ツールバーには 4 つあります。現象: ニュース、ジョーク、歴史とホームページの今日、集中型ホームページはデフォルトのページを使用し、データ バインディング、リスト レンダリング、条件付きレンダリング、およびイベントの使用を追加します。ビューとテキスト、およびいくつかの APIの使用

---

コード構造

ディレクトリ目的画像ローカル写真を保存するページストアページ、履歴 今日のインデックス、ホームページ、ジョーク、utilsapp.jsミニプログラムロジックapp.ミニプログラムの公開設定app.ミニプログラムの公開スタイルシート

	新しいニュース
	toolspackage
json
wxss

コード内容、主に構成を見てください

app.json構成項目リスト

{
 "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
}

タイプ必須 説明ページはいページパスを設定ウィンドウいいえウィンドウtabBarオブジェクトのパフォーマンス デバッグモードなし読んでいただきありがとうございます。皆さんのお役に立てれば幸いです。このサイトをサポートしていただきありがとうございます。

属性
	文字列 配列
	オブジェクト
			具体的な設定と使用方法については、公式 Web サイトを参照してください:
https://mp.weixin.qq.com/debug/wxadoc/ dev/framework/config.html?t=201715

以上がWeChatミニプログラム 実践プログラム シンプルニュース制作法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。