Skip to content

M
mould-vuecli3
Commit eb7e1240 authored by Jeff's avatar Jeff
Browse files
Options

lint fix

parent 6c54fdcd
Hide whitespace changes
Inline Side-by-side
Showing with 167 additions and 52 deletions
.eslintrc.js
View file @ eb7e1240
......@@ -10,7 +10,7 @@ module.exports = {
// 3: ESLint + Standard config
// extends: [ 'plugin:vue/essential', '@vue/airbnb',],
// ESLint + Prettier
extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'],
extends: ['plugin:vue/strongly-recommended', 'eslint:recommended'],
plugins: [],
parserOptions: {
parser: 'babel-eslint'
......
src/App.vue
View file @ eb7e1240
<template>
<div id="app">
<common-header></common-header>
<body class="body-container">
<side-nav></side-nav>
<router-view style="flex:1;border: 1px solid #666;"></router-view>
<right-panel></right-panel>
</body>
</div>
<div id="app">
<common-header />
<body class="body-container">
<side-nav />
<router-view style="flex:1;border: 1px solid #666;" />
<right-panel />
</body>
<modal-layer />
</div>
</template>
<script>
import CommonHeader from '@/components/header/index.vue'
import ModalLayer from '@/components/modal/modalLayer.vue'
export default {
components: {
CommonHeader,
ModalLayer,
SideNav: () => import('@/components/sideNav/index.vue'),
RightPanel: () => import('@/components/rightPanel/index.vue')
},
......@@ -38,6 +41,7 @@ export default {
display: flex;
flex-direction: column;
height: 100vh;
position: relative;
}
.body-container {
......
src/components/header/index.vue
View file @ eb7e1240
<template>
<div class="comp-commonheader">
<h1>LAIHUA</h1>
<div class="current-page">当前的宝</div>
<tip-panel></tip-panel>
<div class="comp-commonheader">
<h1>LAIHUA</h1>
<div class="current-page">
当前的宝
</div>
<tip-panel />
<div
class="show-complete"
@click="showCompleteModal"
>
show-complete
</div>
</div>
</template>
<script>
......@@ -15,7 +23,12 @@ export default {
return {}
},
created() {},
mounted() {}
mounted() {},
methods: {
showCompleteModal() {
this.$modal.show('completeModal')
}
}
}
</script>
......
src/components/header/tipPanel.vue
View file @ eb7e1240
<template>
<div class="comp-header-tippanel">
怎么操作？
</div>
<div class="comp-header-tippanel">
怎么操作？
</div>
</template>
<script>
......
src/components/misc/tutorialContent.vue 0 → 100644
View file @ eb7e1240
<template>
<div />
</template>
<script>
export default {
data() {
return {}
},
methods: {}
}
</script>
<style lang="scss" scoped></style>
src/components/modal/completeContent.vue 0 → 100644
View file @ eb7e1240
<template>
<div>
complete content
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {}
}
</script>
<style lang="scss" scoped></style>
src/components/modal/completeModal.vue 0 → 100644
View file @ eb7e1240
<template>
<modal
name="completeModal"
:click-to-close="false"
>
<complete-content />
</modal>
</template>
<script>
import CompleteContent from './completeContent'
export default {
components: {
CompleteContent
},
data() {
return {}
},
methods: {}
}
</script>
<style lang="scss" scoped></style>
src/components/modal/modalLayer.vue 0 → 100644
View file @ eb7e1240
<template>
<div class="modal-layer">
<complete-modal />
</div>
</template>
<script>
import CompleteModal from '@/components/modal/completeModal'
export default {
components: {
CompleteModal
},
data() {
return {}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.modal-layer {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}
</style>
src/components/rightPanel/index.vue
View file @ eb7e1240
<template>
<div class="comp-rightpanel">
<router-view name="panel"></router-view>
</div>
<div class="comp-rightpanel">
<router-view name="panel" />
</div>
</template>
<script>
......
src/components/rightPanel/screenshotPanel.vue
View file @ eb7e1240
<template>
<div>
screenshotPanel
</div>
<div>
screenshotPanel
</div>
</template>
<script>
......
src/components/sideNav/index.vue
View file @ eb7e1240
<template>
<div class="comp-sidenav">
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
<router-link to="/cutter">cutter</router-link>
<router-link to="/videoConverter">videoConverter</router-link>
<router-link to="/screenshot">screenshot</router-link>
</div>
<div class="comp-sidenav">
<router-link to="/">
Home
</router-link>
<router-link to="/about">
About
</router-link>
<router-link to="/cutter">
cutter
</router-link>
<router-link to="/videoConverter">
videoConverter
</router-link>
<router-link to="/screenshot">
screenshot
</router-link>
</div>
</template>
<script>
......
src/components/videoCutter/videoPlayer.vue
View file @ eb7e1240
<template>
<div class="video-player">
<video ref="videoDom" src="https://resources.laihua.com/2020-7-27/547adf9b-73b0-4b14-bed6-6ee278a1b2b2.mp4"></video>
</div>
<div class="video-player">
<video
ref="videoDom"
src="https://resources.laihua.com/2020-7-27/547adf9b-73b0-4b14-bed6-6ee278a1b2b2.mp4"
/>
</div>
</template>
<script>
export default {
......
src/views/About.vue
View file @ eb7e1240
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
src/views/bao2.vue
View file @ eb7e1240
<template>
<div class="comp-bao2">
bao2
</div>
<div class="comp-bao2">
bao2
</div>
</template>
<script>
......
src/views/bao3.vue
View file @ eb7e1240
<template>
<div class="comp-bao2">
bao3
<!-- <img src="../assets/logo.png" alt=""> -->
</div>
<div class="comp-bao2">
bao3
<!-- <img src="../assets/logo.png" alt=""> -->
</div>
</template>
<script>
......
src/views/screenshot.vue
View file @ eb7e1240
<template>
<div class="screenshot">screenshot view</div>
<div class="screenshot">
screenshot view
</div>
</template>
<script>
......
src/views/videoConverter.vue
View file @ eb7e1240
<template>
<div class="videoConverter">转换baby</div>
<div class="videoConverter">
转换baby
</div>
</template>
<script>
......
src/views/videoCutter.vue
View file @ eb7e1240
<template>
<div class="video-cutter">
<div class="video-content">
<video-player></video-player>
</div>
<div></div>
<div></div>
<div></div>
<div class="video-cutter">
<div class="video-content">
<video-player />
</div>
<div />
<div />
<div />
</div>
</template>
<script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment