toesbieya
6 years ago
parent
fc13279ba4
commit
de61b0f2e2
@ -0,0 +1,50 @@ |
||||
@import "~@/asset/style/variables.scss"; |
||||
|
||||
.form-validate-info { |
||||
&.el-popper { |
||||
padding: 0; |
||||
} |
||||
|
||||
&-ref { |
||||
padding: 0 10px; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
&-ref, |
||||
&-item .el-icon-circle-close { |
||||
color: $--color-danger; |
||||
} |
||||
|
||||
&-title { |
||||
text-align: center; |
||||
padding: 5px 16px 4px; |
||||
} |
||||
|
||||
&-content { |
||||
max-height: 300px; |
||||
overflow: auto; |
||||
} |
||||
|
||||
&-item { |
||||
padding: 8px 16px; |
||||
border-top: 1px solid $border-color-light; |
||||
cursor: pointer; |
||||
|
||||
&:hover { |
||||
background-color: rgba($--color-primary, .1); |
||||
} |
||||
|
||||
.el-icon-circle-close { |
||||
float: left; |
||||
margin-top: 4px; |
||||
margin-right: 12px; |
||||
padding-bottom: 22px; |
||||
} |
||||
|
||||
&-label { |
||||
margin-top: 2px; |
||||
color: #909399; |
||||
font-size: 12px; |
||||
} |
||||
} |
||||
} |
||||
@ -1,60 +0,0 @@ |
||||
//删除所有url参数
|
||||
function delAllUrlParam() { |
||||
let paramStartIndex = location.href.indexOf('?') |
||||
if (paramStartIndex > -1) { |
||||
const href = location.href.substring(0, paramStartIndex) |
||||
history.replaceState(null, null, [...href].join('')) |
||||
} |
||||
} |
||||
|
||||
//将引导步骤中函数的this绑定为组件实例
|
||||
function transformGuideSteps(instance, steps) { |
||||
steps.forEach(step => { |
||||
Object.keys(step).forEach(key => { |
||||
if (typeof step[key] === 'function') { |
||||
step[key] = step[key].bind(instance) |
||||
} |
||||
}) |
||||
}) |
||||
} |
||||
|
||||
export default { |
||||
methods: { |
||||
$_prepareGuide(params) { |
||||
if (!['navbar', 'sidebar'].includes(this.$options.name)) return |
||||
|
||||
if ('guide' in params) { |
||||
delAllUrlParam() |
||||
for (const key of ['navbar', 'sidebar']) { |
||||
if (params[key] && this.$options.name === key) { |
||||
return this.$guide(params.guide, this.guideSteps) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
|
||||
computed: { |
||||
routeParams() { |
||||
return this.$route.params |
||||
} |
||||
}, |
||||
|
||||
watch: { |
||||
routeParams(v) { |
||||
this.$_prepareGuide(v) |
||||
} |
||||
}, |
||||
|
||||
created() { |
||||
transformGuideSteps(this, this.guideSteps) |
||||
}, |
||||
|
||||
activated() { |
||||
const params = this.$route.params |
||||
if (!params.navbar && !params.sidebar && 'guide' in params) { |
||||
delAllUrlParam() |
||||
this.$guide(params.guide, this.guideSteps) |
||||
} |
||||
} |
||||
} |
||||
@ -1,23 +0,0 @@ |
||||
/* |
||||
* 导航栏引导步骤 |
||||
* */ |
||||
|
||||
const steps = [ |
||||
{ |
||||
element: '.setting-btn.navbar-item', |
||||
content: '这是个性设置按钮，可以根据自己喜好进行一些设置', |
||||
}, |
||||
{ |
||||
element: '.navbar .el-dropdown.navbar-item', |
||||
content: '这是用户中心', |
||||
}, |
||||
{ |
||||
element: '.tags-view-container', |
||||
content: `<p>这是tab栏，可以右键tab页进行相关操作</p>
|
||||
<p>ctrl + ← → 可以进行tab页的左右切换</p> |
||||
<p>当tab过多时通过鼠标滚轮来滚动</p> |
||||
<p>双击可以关闭</p>`, |
||||
}, |
||||
] |
||||
|
||||
export default steps |
||||
@ -1,18 +0,0 @@ |
||||
const modulesFiles = require.context('./data', false, /\.js$/) |
||||
import baseMixin from './base' |
||||
|
||||
const modules = modulesFiles.keys().reduce((modules, modulePath) => { |
||||
const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1') |
||||
const value = modulesFiles(modulePath) |
||||
modules[moduleName] = { |
||||
data() { |
||||
return { |
||||
guideSteps: value.default |
||||
} |
||||
}, |
||||
...baseMixin |
||||
} |
||||
return modules |
||||
}, {}) |
||||
|
||||
export default modules |
||||
@ -1,16 +1,16 @@ |
||||
//路由表：系统页面
|
||||
//路由表：默认页面
|
||||
|
||||
const router = [ |
||||
{ |
||||
path: 'index', |
||||
component: 'index/', |
||||
component: 'admin/index/', |
||||
name: 'index', |
||||
meta: {title: '首页', affix: true, icon: 'svg-home', noAuth: true, pageHeader: false, sort: 0} |
||||
}, |
||||
{ |
||||
path: 'user', |
||||
name: 'userCenter', |
||||
component: 'userCenter/', |
||||
component: 'admin/userCenter/', |
||||
meta: {title: '个人中心', noCache: true, icon: 'svg-user', noAuth: true, pageHeader: false, hidden: true}, |
||||
} |
||||
] |
||||
@ -1,4 +1,4 @@ |
||||
/*顶级菜单：默认*/ |
||||
/*顶级菜单：后台管理*/ |
||||
|
||||
import {context2array} from '@/router/util' |
||||
|
||||
@ -0,0 +1,16 @@ |
||||
export default { |
||||
path: 'directive', |
||||
meta: {title: '全局指令', icon: 'el-icon-s-grid'}, |
||||
children: [ |
||||
{ |
||||
path: 'dragDialog', |
||||
component: 'example/directive/dragDialog', |
||||
meta: {title: '可拖拽dialog'} |
||||
}, |
||||
{ |
||||
path: 'ripple', |
||||
component: 'example/directive/ripple', |
||||
meta: {title: '波纹'} |
||||
} |
||||
] |
||||
} |
||||
@ -0,0 +1,36 @@ |
||||
export default { |
||||
path: 'global', |
||||
meta: {title: '全局方法', icon: 'el-icon-s-opportunity'}, |
||||
children: [ |
||||
{ |
||||
path: 'message', |
||||
component: 'example/globalMethod/message', |
||||
meta: {title: '消息提示'} |
||||
}, |
||||
{ |
||||
path: 'bottomTip', |
||||
component: 'example/globalMethod/bottomTip', |
||||
meta: {title: '底部消息提示'} |
||||
}, |
||||
{ |
||||
path: 'guide', |
||||
component: 'example/globalMethod/guide', |
||||
meta: {title: '导航'} |
||||
}, |
||||
{ |
||||
path: 'imageViewer', |
||||
component: 'example/globalMethod/imageViewer', |
||||
meta: {title: '图片预览'} |
||||
}, |
||||
{ |
||||
path: 'signature', |
||||
component: 'example/globalMethod/signature', |
||||
meta: {title: '手写签名'} |
||||
}, |
||||
{ |
||||
path: 'verify', |
||||
component: 'example/globalMethod/verify', |
||||
meta: {title: '拼图验证'} |
||||
} |
||||
] |
||||
} |
||||
@ -1,6 +1,6 @@ |
||||
import defaultRoot from './defaultRoot' |
||||
import exampleRoot from './exampleRoot' |
||||
import devRoot from './devRoot' |
||||
import docRoot from './docRoot' |
||||
import admin from './admin' |
||||
import example from './example' |
||||
import dev from './dev' |
||||
import doc from './doc' |
||||
|
||||
export default [defaultRoot, exampleRoot, devRoot, docRoot] |
||||
export default [admin, example, dev, doc] |
||||
|
||||
@ -1,5 +1,5 @@ |
||||
<script type="text/jsx"> |
||||
import ExceptionPage from '@/view/app/common/ExceptionPage' |
||||
import ExceptionPage from '@/view/_common/ExceptionPage' |
||||
|
||||
export default { |
||||
name: 'Page403', |
||||
@ -1,5 +1,5 @@ |
||||
<script type="text/jsx"> |
||||
import ExceptionPage from '@/view/app/common/ExceptionPage' |
||||
import ExceptionPage from '@/view/_common/ExceptionPage' |
||||
|
||||
export default { |
||||
name: 'Page404', |
||||
@ -1,5 +1,5 @@ |
||||
<script type="text/jsx"> |
||||
import ExceptionPage from '@/view/app/common/ExceptionPage' |
||||
import ExceptionPage from '@/view/_common/ExceptionPage' |
||||
|
||||
export default { |
||||
name: 'Page500', |
||||
@ -1,9 +1,9 @@ |
||||
@import "~@/asset/style/variables.scss"; |
||||
|
||||
$bg: #283443; |
||||
$light_gray: #fff; |
||||
$light_gray: #ffffff; |
||||
$dark_gray: #889aa4; |
||||
$cursor: #fff; |
||||
$cursor: #ffffff; |
||||
|
||||
@supports (-webkit-mask: none) and (not (cater-color: $cursor)) { |
||||
.login-container .el-input input { |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue