基本用法
左边
中间
右边
查看代码
vue
<template>
<gqp_nav>
<template #left>left</template>
<template #center>center</template>
<template #right>right</template>
</gqp_nav>
</template>进阶用法
logo
中间
菜单
首页
关于
项目
联系
查看代码
vue
<template>
<gqp_nav>
<template #left>left</template>
<template #center>center</template>
<template #right>right</template>
</gqp_nav>
</template>预定义插槽
| 写法 | 意义 |
|---|---|
| #left | 导航栏左边 |
| #center | 导航栏中间 |
| #right | 导航栏右边 |
预定义属性样式关键字
| 属性 | 作用 |
|---|---|
| pc | 桌面端 |
| pe | 移动端 |
| ib | inline-block |
| ib_items | 直接子元素inline-block |
| btn | cursor: pointer |