1.1.3 • Published 4 years ago

web-niu-ysj-ui1 v1.1.3

Weekly downloads
1
License
ISC
Repository
-
Last release
4 years ago

用法

  • main中引入
import ysjUI from 'web-niu-ysj-ui/lib/jumprouter.umd.min'
import 'web-niu-ysj-ui/lib/jumprouter.css'
Vue.use(ysjUI)

项目应用切换图标

  • 组件引入
<jumprouter :title="title" :token="token" :url_api="url_api" :base_url="base_url" :visiable.sync="visiable"  @close="handleClose"></jumprouter>
---------------------------------------------------------------------------------------------------------------------------------------------
参数:
(String) title:标题
(String) token:token
(Array) data_list:数据
(String) base_url:代理路径(本地ip)
(Promise) url_api:接口数据
(Boolean) visiable:是否显示
-------------------------------
事件:
@close:关闭事件
  • 代理文件创建:
路径:public/proxy.html
------------------------
内容:
<script>
  window.onload = function () {
    window.open(window.top.jump_url, '_blank')
  }
</script>

  • 代理文件创建:
路径:public/proxy.html
------------------------
内容:
<script>
  window.onload = function () {
    window.open(window.top.jump_url, '_blank')
  }
</script>

图片


小叮当

news
  • 组件引入:
<news :queryMessage="queryMessage" :readMessage="readMessage" :unreadMessageCount="unreadMessageCount"  @queryMessageF="queryMessageF" @readMessageF="readMessageF"></news>
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
参数:
(Promise) queryMessage: 接口数据
(Promise) readMessage: 接口数据
(Promise) unreadMessageCount: 接口数据
--------------------------------------
事件:
@queryMessageF:传递post参数,请求接口获取获取queryMessage数据
@readMessageF:传递post参数,请求接口获取获取readMessage数据

图片


modal
* 组件引入
 <modal :routerUrl="routerUrl" :websocketAPI="websocketAPI" :queryMessage="queryMessage" :readMessage="readMessage" :unreadMessageCount="unreadMessageCount" @queryMessageF="queryMessageF" @readMessageF="readMessageF" @unreadMessageCountF="unreadMessageCountF"></modal>
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
参数:
(String) routerUrl:跳转news路由
(String) websocketAPI:websocket接口
(Promise) queryMessage: 接口数据
(Promise) readMessage: 接口数据
(Promise) unreadMessageCount: 接口数据
--------------------------------------
事件:
@queryMessageF:传递post参数,请求接口获取获取queryMessage数据
@readMessageF:传递post参数,请求接口获取获取readMessage数据
@unreadMessageCountF:传递post参数,请求接口获取获取unreadMessageCount数据
-----------------------------------------------------------
使用:Layout.vue
<Modal style="float:left"></Modal>

图片