>위챗 애플릿 >미니 프로그램 개발 >위챗 미니 프로그램 실무 프로그램 간단한 뉴스 제작 방법

위챗 미니 프로그램 실무 프로그램 간단한 뉴스 제작 방법

高洛峰
高洛峰원래의
2018-05-21 11:29:107475검색

이 글은 주로 위챗 미니 프로그램 실무 프로그램의 간단한 뉴스 제작 방법에 대한 관련 정보를 다루고 있습니다. 필요한 친구들은

위챗 미니 프로그램 실무 프로젝트:

간단한 뉴스 제작

먼저 효과를 살펴보겠습니다.


위챗 미니 프로그램 실무 프로그램 간단한 뉴스 제작 방법

모든 구현 아이디어 데이터는 로컬 데이터입니다. 🎜>사진

이것도 지도 영화입니다. 저는 열심히 일하는 개인 개발자이기 때문에 확인할 수 없습니다. 툴바에는 뉴스, 농담, 역사 속의 오늘, 홈페이지가 있습니다. . 중앙화된 홈페이지는 기본 페이지를 사용합니다. 데이터 바인딩, 목록 렌더링, 이벤트 사용; 그리고 일부 API;

코드 구조

의 사용 tr>스토리지 페이지, 역사 속 오늘, 색인 홈페이지, 농담, 새로운위챗 미니 프로그램 실무 프로그램 간단한 뉴스 제작 방법뉴스 td>미니 프로그램 공개 설정
디렉토리 목적 th>
이미지 로컬 사진 저장
페이지
유틸리티 도구패키지
app.js 미니 프로그램 로직
app.json
目录 用途
images 存放本地图片
pages 存放页面,history历史上的今天,index主页,joke笑话,news新闻
utils 工具
app.js 小程序逻辑
app.json 小程序公共设置
app.wxss 小程序公共样式表
app.wxss

소규모 프로그램 공개 스타일시트
코드 내용, 주로 구성

앱을 살펴보세요. json 구성 항목 목록
属性 类型 必填 描述
pages String Array 设置页面路径
window Object 设置默认页面的窗口表现
tabBar Object 设置底部 tab 的表现
networkTimeout Object 设置网络超时时间
debug Boolean 设置是否开启 debug 模式
{
 "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 객체 아니요 하단 탭 표시 설정
networkTimeout Object No 네트워크 시간 초과 설정
debug 부울 아니요 디버그 모드 활성화 여부 설정
구체적 구성 및 사용법은 공식 웹사이트를 참조하세요:

https://mp.weixin.qq.com/debug/wxadoc/ dev/framework/config.html?t=201715읽어주셔서 감사합니다. 도움이 되기를 바랍니다. 이 사이트를 지원해 주셔서 감사합니다!

위 내용은 위챗 미니 프로그램 실무 프로그램 간단한 뉴스 제작 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.