创建一个简单的新闻小程序
项目效果如下图:
app首页:
根据内容不同设置顶部的导航栏
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e759949f5e49154abe356654a9e456b5.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7c562d0cd7f2ef1fb9291c9ab981828b.png)
点击列表显示具体的内容:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/563a3ed04017bddf226a809a9545ead5.png)
具体实现:
- 在page下面创建需要用到的文件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/131a589b49b360dc00b44ae39d890748.png)
2.以国际栏目为例(部分重要代码):
在guoji.wxml页面中配置页面大致布局
通过navigator组件来进行小程序内页面跳转
<view class="page">
<view class="page__bd">
<view class="weui-panel weui-panel_access">
<view class="weui-panel__bd">
<navigator url&#