小程序给自定义组件添加返回按钮

微信   2025-02-19 10:45   66   0  

index.wxml

<leftarrow></leftarrow>


index.json

{
  "usingComponents": {
    "leftarrow": "/components/leftarrow/index"
  },
  "navigationStyle": "custom"
}


/Components/leftarrow/index.wxml

<!-- 页面顶部左上角返回按钮 -->
<view class="arrow-left" bind:tap="goBack"></view>


/Components/leftarrow/index.wxss

.arrow-left:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0px;
  margin: 50px 0 0 20px;
  border-right: 1px solid #e6e4e4;
  border-bottom: 1px solid #e6e4e4;
  width: 15px;
  height: 15px;
  transform: matrix(-0.71,-0.71, -0.71, 0.71, 0, 0)
}


/Components/leftarrow/index.js

Component({

  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    goBack: function() {
      wx.navigateBack();
    }
    或者:
    wx.navigateBack({
        delta: 2
    });
  }
})


博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。