web-niu-ysj-ui1
v1.1.3
Published
## Project setup ``` yarn install ```
Downloads
4
Readme
用法
- 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>