no message

Former-commit-id: 05fc52460a4ae24f5efd3c3542589f1a26673c44 [formerly 05fc52460a4ae24f5efd3c3542589f1a26673c44 [formerly 05fc52460a4ae24f5efd3c3542589f1a26673c44 [formerly 05fc52460a4ae24f5efd3c3542589f1a26673c44 [formerly d064905a79e481ef3423e8e8d32be7ac9fa4aa6c [formerly 177c686212007bb4bdcfa2c8c56a892d172706a0]]]]]
Former-commit-id: fb3b6c735a72d9a3f7d3084e3197e26d5b6117cb
Former-commit-id: a5dedcb460e782daf493127f79fb453cc963350f
Former-commit-id: bff81905ebda3a75d979d7e156e3d5cb93669793 [formerly 6e9be3ea0965938f7a238b37c97b1eba326af264]
Former-commit-id: bd6c2196ebfd7ff6bd91d5e0dba3aaaea72dd0cf
Former-commit-id: a1b0b61547d91fb6ace18dc0106024102ab68179
Former-commit-id: 0d2007b3ef6d1271f71bfa4e2f3efd280a2e8fa4
Former-commit-id: 419df941d92583c6deb543b1db63a713dd253887
Former-commit-id: 32a84359c24634ec4c4bd3135e0a9b5937a50dc9
This commit is contained in:
liyang 2018-06-19 12:31:55 +08:00
parent f5e8b3775a
commit 640319e8d9
4 changed files with 40 additions and 29 deletions

View File

@ -6,26 +6,27 @@
这是正在开发的版本,还没有正式发布
:::
* [ 修改 ] 顶栏和侧边栏菜单新的结构生成方式,新的方案使用 `数据` + `递归组件` 实现无限制多级菜单
* [ 修改 ] 顶栏和侧边栏菜单新的结构生成方式,新的方案使用 数据 + 递归组件 实现无限制多级菜单
* [ 修改 ] 路由注册回归最简单的写法
* [ 修复 ] 首次加载 loading 样式类名和程序内类名冲突,新的加载类名使用 `d2-app-loading` 前缀
* [ 修改 ] 所有类似 `dd-` 的样式前缀(包括自动注册图标的id前缀)统一改为 `d2-`
* [ 修复 ] 修复 `d2-highlight` 组件和 `d2-markdown` 组件的样式冲突
* [ 修改 ] 内置组件名称统一改为 `d2-` 前缀,统一使用横线连接 (kebab-case) 风格
* [ 修复 ] 首次加载 loading 样式类名和程序内类名冲突,新的加载类名使用 d2-app-loading 前缀
* [ 修改 ] 所有类似 dd- 的样式前缀(包括自动注册图标的id前缀)统一改为 d2-
* [ 修复 ] 修复 d2-highlight 组件和 d2-markdown 组件的样式冲突
* [ 修改 ] 内置组件名称统一改为 d2- 前缀,统一使用横线连接 (kebab-case) 风格
* [ 修改 ] 顶栏 logo 阴影删除
* [ 新增 ] 主题系统
* [ 新增 ] 三个主题,分别为 d2admin 经典,简约线条,流星
* [ 修改 ] `d2-markdown` 组件 `md` 参数改名为 `source`
* [ 修改 ] 删除了 `d2-markdown` 组件中图片的白色背景
* [ 修改 ] 删除 `timeago` 插件,更换为更强大的 `dayjs`
* [ 新增 ] `Tomorrow Night Blue` 主题
* [ 修改 ] `src/assets/style/public-class.scss` 写法优化
* [ 修改 ] d2-markdown 组件 md 参数改名为 source
* [ 修改 ] 删除了 d2-markdown 组件中图片的白色背景
* [ 修改 ] 删除 timeago 插件,更换为更强大的 dayjs
* [ 新增 ] Tomorrow Night Blue 主题
* [ 修改 ] src/assets/style/public-class.scss 写法优化
* [ 新增 ] [vue-bigdata-table](https://github.com/lison16/vue-bigdata-table)组件
* [ 修复 ] 侧边栏内容超过一屏后显示错误
* [ 新增 ] 自定义滚动条演示页面
* [ 新增 ] 流星主题新增背景图片上层的半透明遮罩
* [ 修复 ] 主题设置失效bug
* [ 修复 ] router守卫验证登陆部分代码修改
* [ 修复 ] d2-container 组件改为同步注册(之前的异步注册会有 mounted 生命周期问题,即 slot 内的页面在 mounted 生命周期内拿不到 dom
## v1.0.0

View File

@ -36,9 +36,6 @@ export default {
default: false
}
},
mounted () {
this.$emit('mounted')
},
components: {
'd2-container-full': () => import('../d2-container-full/index.vue')
}

View File

@ -3,11 +3,14 @@ import Vue from 'vue'
import { GridLayout, GridItem } from 'vue-grid-layout'
import SplitPane from 'vue-splitpane'
// 主容器
import d2Container from '@/components/core/d2-container'
Vue.component('d2-grid-layout', GridLayout)
Vue.component('d2-grid-item', GridItem)
Vue.component('SplitPane', SplitPane)
Vue.component('d2-container', () => import('@/components/core/d2-container'))
Vue.component('d2-container', d2Container)
Vue.component('d2-count-up', () => import('@/components/core/d2-count-up'))
Vue.component('d2-highlight', () => import('@/components/core/d2-highlight'))
Vue.component('d2-icon', () => import('@/components/core/d2-icon'))

View File

@ -1,9 +1,9 @@
<template>
<d2-container @mounted="handleContainerMounted">
<d2-container>
<div ref="wrapper" class="demo-bs-wrapper">
<ul class="content">
<li v-for="n in 30" :key="n">n</li>
</ul>
<div>
<div v-for="n in 30" :key="n" class="demo-bs-item">n : {{n}}</div>
</div>
</div>
</d2-container>
</template>
@ -16,25 +16,35 @@ export default {
BS: null
}
},
methods: {
handleContainerMounted () {
console.log(this.$refs.wrapper)
let wrapper = this.$refs.wrapper
this.BS = new BScroll(wrapper, {
mouseWheel: true,
scrollbar: {
fade: true
}
})
}
mounted () {
let wrapper = this.$refs.wrapper
this.BS = new BScroll(wrapper, {
mouseWheel: true,
scrollbar: {
fade: true
}
})
}
}
</script>
<style lang="scss" scoped>
@import '~@/assets/style/public.scss';
.demo-bs-wrapper {
height: 200px;
width: 300px;
position: relative;
overflow: hidden;
border: 1px solid $color-border-1;
border-radius: 4px;
.demo-bs-item {
line-height: 40px;
padding-left: 10px;
border-bottom: 1px solid $color-border-4;
&:last-child {
border-bottom: none;
}
}
}
</style>