# weapp-wechat-zhihu
微信中的知乎--微信小程序 demo // Zhihu in Wechat
![](images/v_index.png)
### description
- 界面及交互设计来自知乎 Android 版本
- _工具_: [微信 web 开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1477579747265)
- _数据_: 没有开放 API, 所以使用伪造本地数据
#### 功能及使用的组件等
* 列表式渲染数据
* 自定义顶部 tabbar
* 下拉刷新
* 上拉加载更多
* 轮播图
<br/>等...
### Setup
```
git@github.com:RebeccaHanjw/weapp-wechat-zhihu.git
```
下载安装Wechat DEV Tools, 并导入项目
### 演示
首页下拉刷新等
![](images/index_scroll.gif)
底部 tab 切换
![](images/bottom_tab.gif)
顶部自定义 tab 切换
![](images/top_tab.gif)
页面跳转
![](images/navigation.gif)
##### Demo 用于学习交流, 转载请注明出处
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
description - 界面及交互设计来自知乎 Android 版本 - _工具_: [微信 web 开发者工具] - _数据_: 没有开放 API, 所以使用伪造本地数据 功能及使用的组件等 * 列表式渲染数据 * 自定义顶部 tabbar * 下拉刷新 * 上拉加载更多 * 轮播图 <br/>等... 小程序是一个易上手的东西, 对于新手来说,多看官方文档,可以初步做出比较完整的小程序,正是因为简单上手,功能实现简单,小程序是越来越火,商业价值也越来越大。 微信小程序开发和传统的H5开发还是有些不同的, 容易踩坑。 小程序是基于MVVM的的框架,合理利用数据绑定实现界面的更新是很关键的 开发时不要一股脑的写写写,多看看文档,你会发现你不小心原生写了个组件。。 1. 微信小程序的组件,API很强大,需要不断的探索,不断的学习,多看文档 2. 善于利用有效资源, 比如iconfont esay-moc weui等 3. 切页面要细心,善于利用弹性布局等布局方法,小程序的rpx确实很好用 4. 不要一股脑的写代码, 当函数具有复用性,应该抽象出来,封装好,这样代码才易于维护
资源推荐
资源详情
资源评论
收起资源包目录
zhihu.rar (80个子文件)
知乎
v_index.png 35KB
weapp-wechat-zhihu-master
pages
more
more.js 485B
more.wxml 2KB
more.wxss 1KB
more.json 42B
notify
notify.js 286B
notify.wxss 930B
notify.json 36B
notify.wxml 4KB
index
index.wxml 2KB
index.js 2KB
index.json 5B
index.wxss 817B
answer
answer.wxml 4KB
answer.wxss 3KB
answer.js 579B
answer.json 42B
chat
chat.wxml 843B
chat.js 1KB
chat.wxss 805B
chat.json 42B
question
question.wxss 4KB
question.js 576B
question.json 42B
question.wxml 9KB
discovery
discovery.json 36B
discovery.wxss 464B
discovery.js 2KB
discovery.wxml 2KB
app.json 1KB
app.js 719B
data
data_index.js 6KB
data_index_next.js 6KB
data_discovery_next.js 6KB
data_discovery.js 6KB
utils
util.js 1KB
app.wxss 3KB
images
icon8.jpg 15KB
comment2.png 1KB
flag.png 2KB
icon1.jpeg 82KB
more.png 3KB
star2.png 5KB
v_index.png 35KB
v_discovery.png 51KB
discovery.png 5KB
navigation.gif 1.13MB
live.png 4KB
allread.png 2KB
burger.png 3KB
top_tab.gif 152KB
chat.png 4KB
write.png 3KB
24213.jpg 141KB
recent.png 5KB
burger_focus.png 3KB
search.png 4KB
index_scroll.gif 969KB
icon9.jpeg 58KB
bottom_tab.gif 230KB
eye.png 4KB
1444983318907-_DSC1826.jpg 103KB
book.png 2KB
chat_focus.png 4KB
index.png 3KB
heart2.png 4KB
lighting.png 3KB
index_focus.png 3KB
discovery_focus.png 5KB
good-bad.png 3KB
zhi.png 4KB
invite.png 3KB
draft.png 2KB
star.png 4KB
ring_focus.png 3KB
ring.png 3KB
24280.jpg 473KB
comment.png 3KB
README.md 886B
bottom_tab.gif 230KB
共 80 条
- 1
资源评论
大雄是个程序员
- 粉丝: 2769
- 资源: 571
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功