Kx-share-vue3 NPM

1.1、头部文档说明

参数名	参数类型	备注
sceneTitle	String	场景名称
goOpenUrl	点击事件	头部办事大厅、工作台点击事件（1：办事大厅 2：工作台）
navList	Array	头部左侧nav导航栏数组/需要通过接口获取相关数据
tokenObj	Object	用户信息对象需传入本地登录之后的数据（对象中需传入ext字段值：token / avatar字段值：头像链接）
dzNum	Number	点赞数量（接口获取）
scNum	Number	收藏数量（接口获取）
gzNum	Number	关注数量（接口获取）
plNum	Number	评论数量（接口获取）
doNumber	Number	我的待办数量（接口获取）
myList	Array	用户卡片点赞、收藏、关注、评论数量以及路径配置数组
searchTj	搜索框获取焦点事件	顶部搜索框获取焦点时悬浮框显示并做获取搜索推荐接口的调取并给recommendList赋值
recommendList	Array	搜索推荐相关数据需调取接口获取数据
goTwoPage	点击事件	顶部nav导航跳转点击事件
goSearchRes	点击事件	搜索推荐数据项的相关跳转
goHome	点击事件	顶部logo以及首页字段跳转事件（回到首页）
search	点击事件	顶部搜索框搜索图标点击事件（搜索框无内容需提示搜索关键字不能为空/反之有内容跳转搜索结果页）
goLogin	点击事件	未登录状态下顶部右侧登录字样相关点击事件（需进行去登录操作）
goUserInfo	点击事件	登录状态下用户卡片点击事件（进行跳转到个人中心页面操作）
goMyxx	点击事件	头部铃铛消息事件未登录情况下点击去登录需在本地存上相关路径登录之后直接跳转我的消息
changeSort	切换搜索对象	搜索框内切换搜索范围

2.1、底部文档说明

参数名	参数类型	备注
footerData	Array	底部数据需通过接口获取
toMyyjfk	点击事件	底部意见反馈入口点击事件需跳转意见反馈页面

3.1、下载说明

vue2

npm i kx-share-vue2

vue3

npm i kx-share-vue3

3.2、使用说明

vue2

import kxShareVue2 from 'kx-share-vue2'
import 'kx-share-vue2/kx-share-vue2.css'

vue3

import kxShareVue3 from 'kx-share-vue3'
import 'kx-share-vue3/style.css'

3.3、标签说明

公共头部

<kx-header></kx-header>

公共底部

<kx-footer></kx-footer>

3.4、样式说明

vue3 需全局写入下面样式

.new_header .fixedBox .nav_main .right .input_sea .el-input__wrapper,
.new_header .fixedBox .nav_main .right .input_sea .el-input__wrapper .el-input__inner {
  background: transparent;
  outline: none;
  box-shadow: 0 0 0 0;
}
.user_popeer {
  box-shadow: none!important;
  padding: 0!important;
  border: none!important;
  background-color: transparent!important;
}

@everything-registry/sub-chunk-2037

6 days ago

19 days ago

1 month ago

5 months ago

10 months ago