持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第8天,点击查看活动详情
创建页面
- 首先在app.json文件中将需要用到的页面创建好,以便于之后的页面跳转,我需要用的到页面如下图,大家可以根据自己所需创建新页面,然后在每一个van-cell的组件中绑定一个url跳转地址,这样我们就可以让每一个内容组件跳转到他的具体内容页面去了。
wxml中添加新页面
- 在my.wxml中添加自己需要的页面名称,这里我使用了vant weapp ,创建了一些页面列表,具体使用的是cell单元格,链接:youzan.github.io/vant-weapp/…
- 具体代码如下:
<van-cell
is-link
title="关于我们"
/>
微信小程序自带的功能
- 微信小程序开发时,小程序官方为开发者设计了一些比较方便的功能,如:
<button class="button" open-type="contact" >在线客服 </button>
这个可以直接联系到开发这个小程序的工作人员,可以当作在线客服
<button class="button" open-type="feedback">意见反馈</button>
这个可以打开意见反馈的页面,可以事实让用户反馈在使用小程序时发生的问题
<button class="button" open-type="openSetting" >信息授权</button>
这个可以查看用户对该小程序进行了哪些授权
<button class="button" open-type="share" >感谢分享</button>
这个可以直接让用户将小程序分享给好友,非常方便
以上代码的wxss样式可以自己编写,挺简单的,后续应该会更新他的wxss样式代码。