zoukankan      html  css  js  c++  java
  • 微信小程序 导航(a 连接)自定义组件

      导航:navigator 组件

      组件上的属性:

        target:跳到其他小程序( 默认是当前小程序 ),当属性值为 miniProgram 时,跳到别的小程序(如果要跳到别的小程序,需要填写 appid 属性,属性值: 别的小程序的 id)

        open-type:类型  字符串  打开方式

          属性值:navigate(默认)  url 属性后面可以带参数,跳转后的页面,左上角有个返回键,可以返回到开始那个页面

              redirect  url 属性后面可以带参数,关闭了当前页面,跳转后的页面左上角无返回键

              switchTab  url 属性后面不可以带参数,只跳转 tabBar 页面路径,否则无效,关闭当前页

              reLaunch  需要跳转应用内的页面路径,路径后面可以带参数

        url:类型  字符串  要跳转的页面路径 后面通过 open-type 属性 判断带不带参数 要携带的参数  ?name='zhang'&age=20 这种写法

        页面的参数在 要跳转的页面 Page({})  onload()  方法的属性上面,形参 options 上面

      自定义组件:component(组件)  跟pages同目录  创建 component 目录

      特点:1.每个自定义组件都有四个部分组成  wxml  wxss  js  json

        配置 文件为 component 文件

        里面的组件设定样式:只能使用 class 选择器

             json 文件中   设定属性  component:true 

        要在开发者工具上面创建组件

        框架的方式就是为了组件   

      这样的话,自定义组件就配置好了,我们想在页面中引用这个组件

      需要在当前页面中 json 文件上 用 usingComponents 属性上  属性名(代表组件名):属性值(组件路径)

      在 wxml 文件中使用 组件名即可调用

      slot 插槽

      为什么要使用 slot 插槽?

        因为在我们使用自定义组件时,我们便不能够在自定义组件里面添加内容,为了解决这个问题,我们使用插槽  slot 组件,slot 组件 必须是 自定义组件内部的子节点。

        插槽就是自定义组件,内部的子节点

      slot 用法:

        自定义组件 json 文件

        

        自定义组件的 wxml 文件:

        

        定义插槽,在自定义组件中,都有唯一的 name 属性与使用组件中的子节点进行匹配,多个 slot 插槽,须在自定义组件 js 文件中 添加 options 属性

        自定义组件的 js 文件:

        

      自定义组件的 就配置好了,当前页面的引用:

      当前页面的 json 文件

      

      当前页面的 wxml 文件

      

      最后的效果图:

        

      小程序不支持背景图

      小程序中内敛组件 text 组件

      小程序可以使用 弹性布局

      padding 撑法:如图:

        

          

  • 相关阅读:
    6.Mysql之MGR的限制和局限性
    5.Mysql之MGR原理浅谈02
    2.shell之cut详解
    1.Shell编程的基本语法01
    4.Mysql之MGR浅谈01
    3.Mysql之MHA实战(03)
    2.Mysql之高可用架构MHA(02)
    1.数据库的三大范式是什么?
    1.Mysql之主从复制浅谈01
    6.Mydumper和Myloader备份恢复
  • 原文地址:https://www.cnblogs.com/shangjun6/p/11017839.html
Copyright © 2011-2022 走看看