https://github.com/coolfishstudio/wechat-webapp-cnode

微信小应用学习 cnode版 教程在这里-->
https://github.com/coolfishstudio/wechat-webapp-cnode

Last synced: 3 months ago
JSON representation

微信小应用学习 cnode版 教程在这里-->

• Host: GitHub
• URL: https://github.com/coolfishstudio/wechat-webapp-cnode
• Owner: coolfishstudio
• Created: 2016-09-27T07:40:47.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-02-21T08:42:34.000Z (about 8 years ago)
• Last Synced: 2024-08-03T11:02:33.730Z (7 months ago)
• Language: JavaScript
• Homepage: https://cnodejs.org/topic/57ea257b3670ca3f44c5beb6
• Size: 941 KB
• Stars: 425
• Watchers: 24
• Forks: 110
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# wechat-webapp-cnode：wxParse富文本markdown增加版

微信小应用学习 cnode版

[学习文档](./study.md)

本项目写于小程序发布之初，期间小程序官方有过几次更新，例如准备移除了loading组件、改变page的默认高度等，主要看的还是博卡君的文章，后来在朋友的建议下在9月27号写了本篇文章并分享到github上，是做为微信小应用的入门教程

![首页列表](https://dn-cnode.qbox.me/Fo4zG2Vfe50352POPZYXv8Ls0Jcc)

![内容详情](https://dn-cnode.qbox.me/Fl7TiaW13s541lHZ7Crq7NxKshqG)

* 富文本解析[wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析](https://github.com/icindy/wxParse)

> 原版github地址:[https://github.com/coolfishstudio/wechat-webapp-cnode](https://github.com/coolfishstudio/wechat-webapp-cnode)

## 具体效果Gif

![增加wxParse后的效果图](screenshoot/cnode1.gif)

### 添加头部导航栏的切换，首页展示的导航栏通过wx:for指令来完成。

![Cnode中文网的小程序](http://upload-images.jianshu.io/upload_images/814550-2ecacd094b7c464e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)