45fef9b431
* perf[navbar]: set langSelect to component && refine errorLog component
* feat[login]:add 18n to login form
* fix[pagination]: fixed when selected page-sizes
* perf[i18n]:dashboard document svg permission
* perf[charts]: perf effect
* perf[i18n]:excel && zip
* perf[i18n]: table && errorLog && theme
* perf[i18n]: components
* perf[i18n]: direct use $t
* perf[i18n]: complex-table
* update README.md
* update README.md 📘
* perf[i18n]: refine code comments
130 lines
3.5 KiB
Vue
130 lines
3.5 KiB
Vue
<template>
|
|
<div>
|
|
<sticky className="sub-navbar">
|
|
<el-dropdown trigger="click">
|
|
<el-button plain>
|
|
Platform<i class="el-icon-caret-bottom el-icon--right"></i>
|
|
</el-button>
|
|
<el-dropdown-menu class="no-border" slot="dropdown">
|
|
<el-checkbox-group v-model="platforms" style="padding: 5px 15px;">
|
|
<el-checkbox v-for="item in platformsOptions" :label="item.key" :key="item.key">
|
|
{{item.name}}
|
|
</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
|
|
<el-dropdown trigger="click">
|
|
<el-button plain>
|
|
Link<i class="el-icon-caret-bottom el-icon--right"></i>
|
|
</el-button>
|
|
<el-dropdown-menu class="no-padding no-border" style="width:300px" slot="dropdown">
|
|
<el-input placeholder="Please enter the content" v-model="url">
|
|
<template slot="prepend">Url</template>
|
|
</el-input>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
|
|
<div class="time-container">
|
|
<el-date-picker v-model="time" type="datetime" :picker-options="pickerOptions" format="yyyy-MM-dd HH:mm:ss" placeholder="Release time">
|
|
</el-date-picker>
|
|
</div>
|
|
|
|
<el-button style="margin-left: 10px;" type="success">publish
|
|
</el-button>
|
|
</sticky>
|
|
|
|
<div class="components-container">
|
|
<code>Sticky header, {{$t('components.stickyTips')}}</code>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
<div>placeholder</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
import Sticky from '@/components/Sticky'
|
|
|
|
export default {
|
|
name: 'sticky-demo',
|
|
components: { Sticky },
|
|
data() {
|
|
return {
|
|
time: '',
|
|
url: '',
|
|
platforms: ['a-platform'],
|
|
platformsOptions: [
|
|
{ key: 'a-platform', name: 'platformA' },
|
|
{ key: 'b-platform', name: 'platformB' },
|
|
{ key: 'c-platform', name: 'platformC' }
|
|
],
|
|
pickerOptions: {
|
|
disabledDate(time) {
|
|
return time.getTime() > Date.now()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.components-container div {
|
|
margin: 10px;
|
|
}
|
|
|
|
.time-container {
|
|
display: inline-block;
|
|
}
|
|
</style>
|