Skip to content

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

lint fix

parent 6c54fdcd
Show whitespace changes
Inline Side-by-side
Showing with 167 additions and 52 deletions
.eslintrc.js
View file @ eb7e1240
...@@ -10,7 +10,7 @@ module.exports = { ...@@ -10,7 +10,7 @@ module.exports = {
// 3: ESLint + Standard config // 3: ESLint + Standard config
// extends: [ 'plugin:vue/essential', '@vue/airbnb',], // extends: [ 'plugin:vue/essential', '@vue/airbnb',],
// ESLint + Prettier // ESLint + Prettier
extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'], extends: ['plugin:vue/strongly-recommended', 'eslint:recommended'],
plugins: [], plugins: [],
parserOptions: { parserOptions: {
parser: 'babel-eslint' parser: 'babel-eslint'
......
src/App.vue
View file @ eb7e1240
<template> <template>
<div id="app"> <div id="app">
<common-header></common-header> <common-header />
<body class="body-container"> <body class="body-container">
<side-nav></side-nav> <side-nav />
<router-view style="flex:1;border: 1px solid #666;"></router-view> <router-view style="flex:1;border: 1px solid #666;" />
<right-panel></right-panel> <right-panel />
</body> </body>
<modal-layer />
</div> </div>
</template> </template>
<script> <script>
import CommonHeader from '@/components/header/index.vue' import CommonHeader from '@/components/header/index.vue'
import ModalLayer from '@/components/modal/modalLayer.vue'
export default { export default {
components: { components: {
CommonHeader, CommonHeader,
ModalLayer,
SideNav: () => import('@/components/sideNav/index.vue'), SideNav: () => import('@/components/sideNav/index.vue'),
RightPanel: () => import('@/components/rightPanel/index.vue') RightPanel: () => import('@/components/rightPanel/index.vue')
}, },
...@@ -38,6 +41,7 @@ export default { ...@@ -38,6 +41,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100vh;
position: relative;
} }
.body-container { .body-container {
......
src/components/header/index.vue
View file @ eb7e1240
<template> <template>
<div class="comp-commonheader"> <div class="comp-commonheader">
<h1>LAIHUA</h1> <h1>LAIHUA</h1>
<div class="current-page">当前的宝</div> <div class="current-page">
<tip-panel></tip-panel> 当前的宝
</div>
<tip-panel />
<div
class="show-complete"
@click="showCompleteModal"
>
show-complete
</div>
</div> </div>
</template> </template>
...@@ -15,7 +23,12 @@ export default { ...@@ -15,7 +23,12 @@ export default {
return {} return {}
}, },
created() {}, created() {},
mounted() {} mounted() {},
methods: {
showCompleteModal() {
this.$modal.show('completeModal')
}
}
} }
</script> </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> <template>
<div class="comp-rightpanel"> <div class="comp-rightpanel">
<router-view name="panel"></router-view> <router-view name="panel" />
</div> </div>
</template> </template>
......
src/components/sideNav/index.vue
View file @ eb7e1240
<template> <template>
<div class="comp-sidenav"> <div class="comp-sidenav">
<router-link to="/">Home</router-link> <router-link to="/">
<router-link to="/about">About</router-link> Home
<router-link to="/cutter">cutter</router-link> </router-link>
<router-link to="/videoConverter">videoConverter</router-link> <router-link to="/about">
<router-link to="/screenshot">screenshot</router-link> 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>
</template> </template>
......
src/components/videoCutter/videoPlayer.vue
View file @ eb7e1240
<template> <template>
<div class="video-player"> <div class="video-player">
<video ref="videoDom" src="https://resources.laihua.com/2020-7-27/547adf9b-73b0-4b14-bed6-6ee278a1b2b2.mp4"></video> <video
ref="videoDom"
src="https://resources.laihua.com/2020-7-27/547adf9b-73b0-4b14-bed6-6ee278a1b2b2.mp4"
/>
</div> </div>
</template> </template>
<script> <script>
......
src/views/screenshot.vue
View file @ eb7e1240
<template> <template>
<div class="screenshot">screenshot view</div> <div class="screenshot">
screenshot view
</div>
</template> </template>
<script> <script>
......
src/views/videoConverter.vue
View file @ eb7e1240
<template> <template>
<div class="videoConverter">转换baby</div> <div class="videoConverter">
转换baby
</div>
</template> </template>
<script> <script>
......
src/views/videoCutter.vue
View file @ eb7e1240
<template> <template>
<div class="video-cutter"> <div class="video-cutter">
<div class="video-content"> <div class="video-content">
<video-player></video-player> <video-player />
</div> </div>
<div></div> <div />
<div></div> <div />
<div></div> <div />
</div> </div>
</template> </template>
......
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