每天一节课,轻松搭建小程序
author:一佰互联 2019-03-29   click:153

简介:“当你的才华还不能支撑你的梦想,就静下心来和我一起学习吧”今天我们来讲小程序横向导航,小程序页面中的很多语法,和html是不一样的,怎么样去给小程序添加链接,怎么样去布局,可能都是大家好奇的点,其实很多开 ...

“当你的才华还不能支撑你的梦想,就静下心来和我一起学习吧”今天我们来讲小程序横向导航,小程序页面中的很多语法,和html是不一样的,怎么样去给小程序添加链接,怎么样去布局,可能都是大家好奇的点,其实很多开源的项目中我们都可以搜索到,但是很多人都停留在你喂什么,他就吃什么的阶段,不喂的时候,就饿着了。所以在这一阶段最需要大家养成的是主动学习并且提问的习惯,确实是一个偏难的阶段,毕竟我自己当年也是被拽着走过的,但是生活就是这样,有一个人愿意拽着你学习的时候,就一定要跟上,不然掉队了也是怨不得别人的。进正题,我们先来看一下布局:

每天一节课,轻松搭建小程序

编辑

请点击输入图片描述

首先导航的样式大家是可以看到的,我们在wxml中要给这个<view>标签加一个bindtap,也就是给它绑定一个事件,这个事件是去js中定义的,取名的时候也要注意,最好直观的,就用模块来命名,这样我们在以后要找它的时候也可以直接就找的到。

每天一节课,轻松搭建小程序

编辑

请点击输入图片描述

每一个绑定的bindtap,都有自己的名字,因为他们要跳转的目的路径是不一样的,如果是4个按钮都指向一个页面的话,我们可以取相同的名字,这种情况建议大家以目标页面命名,统一嘛,不要混乱。好的,我们的模块,路径都已经写好了,还要调一下样式:

每天一节课,轻松搭建小程序

编辑

请点击输入图片描述

每天一节课,轻松搭建小程序

编辑

请点击输入图片描述

样式部分有点长,其实可以写的简化一些的,但是为了让大家能了解基础配置,样式也都是一个一个来调的。一直关注我的课程的宝宝,希望大家也能一直学习下去,有不懂的地方多练习,只有练习了才能发现问题,遇到问题才能学会。希望大家都能学会。欢迎打卡,你们的每一个关注,每一个赞,都是我继续更新的动力哦。本文仅代表作者个人观点,不代表巅云官方发声,对观点有疑义请先联系作者本人进行修改,若内容非法请联系平台管理员,邮箱2522407257@qq.com。更多相关资讯,请到巅云www.yx10011.com学习互联网营销技术请到巅云建站www.yx10011.com。