tiny-vue_version0/examples/sites/demos/pc/app/bulletin-board/icon.vue

110 lines
2.9 KiB
Vue

<template>
<div class="demo-bulletin-board">
<tiny-bulletin-board :tab-title="tabTitle" :data="data" :icon="IconShare"></tiny-bulletin-board>
</div>
</template>
<script lang="jsx">
import { BulletinBoard } from '@opentiny/vue'
import { IconShare } from '@opentiny/vue-icon'
export default {
components: {
TinyBulletinBoard: BulletinBoard
},
data() {
return {
tabTitle: ['TINY 更新日志', '他们都在用', 'TINY 特性'],
IconShare: IconShare(),
data: [
[
{
text: 'TINY v2.1.4 版本',
date: '2019-07-31',
url: 'localhost:3000/#/webcore/zh-CN/guide/changelog',
target: '_blank'
},
{
text: 'TINY v2.1.3 版本',
date: '2019-06-11',
url: 'localhost:3000/#/webcore/zh-CN/guide/changelog',
target: '_blank'
},
{
text: 'TINY v2.1.2 版本',
date: '2019-05-11',
url: 'localhost:3000/#/webcore/zh-CN/guide/changelog',
target: '_blank'
}
],
[
{
text: 'SRM 采购云',
date: '2018-09-11',
url: 'http://abcdf.com',
target: '_blank'
},
{
text: 'iSales',
url: 'http://abcdf.com',
date: '2018-09-11',
route: 'Alert'
},
{
text: '数易平台',
url: 'http://abcdf.com',
date: '2018-09-11'
},
{
text: 'MES+ 制造平台',
date: '2018-09-11',
url: 'http://abcdf.com',
target: '_blank'
},
{
text: 'ISDP',
date: '2018-09-11',
url: 'http://abcdf.com',
route: 'Alert'
},
{
text: '财经智慧助手',
url: 'http://abcdf.com',
date: '2018-09-11'
}
],
[
{
text: '秒级系统体验,按需打包;一致 UX 体验规范',
date: '2018-09-11',
url: 'localhost:3000/#/zh-CN/index',
target: '_blank'
},
{
text: '内置公共 API 并支持扩展;组件、主题均可扩展',
date: '2018-09-11',
url: 'localhost:3000/#/zh-CN/index'
},
{
text: '丰富教程案例、FAQ、开源组件快速引入',
date: '2018-09-11',
url: 'localhost:3000/#/zh-CN/index'
},
{
text: '内置 80+ web 组件拿来即用;内置 mock, UI 组件库与后端服务自由组合',
url: 'localhost:3000/#/zh-CN/index',
date: '2018-09-11'
}
]
]
}
}
}
</script>
<style scoped>
.demo-bulletin-board ::v-deep .tiny-svg {
fill: white;
}
</style>