微信小程序笔记：点击图片或文字跳转

最近沉迷做小程序玩，做了一些笔记，仅供参考~

1.微信小程序结构：一个页面由js、wxss、json文件组成，一个微信小程序，至少包含一个app.json文件。（下面红色画勾的地方不能删除，这里使用的是js基础模板）

（1）json：配置文件

（2）js:功能函数

（3）wxss：类似html，详细参考官方配置文档：微信开放文档 / 开发

2.编写一个wxss页面：(样式自己组合，这里为基础页面)

（1）文字使用<text></text>

（2）图片使用<view></view>

类似：<view src="/static/background/background_fish_and_men.jpg" ></view>

3.怎么实现点击图片或文字跳转（文字为例）：使用bindtap

<!-- 在wxml文件中，handleTap不是固定的，你自己编写的-->
<button bindtap="handleTap">点击我触发事件</button>

// 在js文件中加上handleTap: function()
Page({
  handleTap: function() {
    console.log('点击事件被触发了');
  }
})

        console.log是在控制台打印的意思，上面这里只是演示，点击文字跳转的话，需要绑定事件，跳转不能跳到已经被绑定成tabBar的pages页面，就是类似首页的点击不能跳转到仓库的页面。直接写个点击事件，然后使用wx.navigateTo就行，wx.navigateTo的url改成你想跳转到的对应页面。