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:
parent
f5e8b3775a
commit
640319e8d9
|
|
@ -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
|
||||
|
||||
|
|
|
|||
|
|
@ -36,9 +36,6 @@ export default {
|
|||
default: false
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.$emit('mounted')
|
||||
},
|
||||
components: {
|
||||
'd2-container-full': () => import('../d2-container-full/index.vue')
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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'))
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue