p7b9tnhcf
/
BrainData
1
0
Fork 1
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

脑电采集部分完成——周贤博（2024/2/27 21：30）

Browse Source
main
Descartes 9 months ago
parent a15d96b852
commit 8c033756d9
7 changed files with 286 additions and 42 deletions
Show Stats Download Patch File Download Diff File

BIN
src/assets/black.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

12
src/components/Header.vue
Unescape View File

@ -8,17 +8,7 @@
<el-breadcrumb-item>{{ currentPathName }}</el-breadcrumb-item>
</el-breadcrumb>
</div>
<el-dropdown style="width: 70px; cursor: pointer">
<span>{{user.nickname}}</span><i class="el-icon-arrow-down" style="margin-left: 5px"></i>
<el-dropdown-menu slot="dropdown" style="width: 100px; text-align: center">
<el-dropdown-item style="font-size: 14px; padding: 5px 0">
<span style="text-decoration: none" @click="handlePerson">个人信息</span>
</el-dropdown-item>
<el-dropdown-item style="font-size: 14px; padding: 5px 0">
<span style="text-decoration: none" @click="handleExit">退出</span>
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>

64
src/views/br_sampling/sample1.vue
Unescape View File

@ -1,27 +1,61 @@
<template>
<div>
<el-carousel :interval="4000" type="card" height="200px">
<el-carousel-item v-for="item in 6" :key="item">
<h3 class="medium">{{ item }}</h3>
</el-carousel-item>
</el-carousel>
</div>
<!-- <div style="height: 100vh;">-->
<div>
<el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
:autoplay="carouselPlaying"
:before-change="handleBeforeChange"
>
<el-carousel-item>
<img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
</el-carousel-item>
<el-carousel-item v-for="(item, index) in imageList" :key="index">
<img :src="require(`@/sample_pic/Block1/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
export default {
name: "sample"
name: "sample",
data() {
return {
imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
carouselPlaying: false,
buttonDisplay: true
};
},
methods: {
handleBeforeChange() {
if (!this.carouselPlaying) {
this.$refs.carousel.goTo(1); // 显示纯黑图片
}
this.$refs.carousel.disableTransition = !this.carouselPlaying;
},
startCarousel() {
this.carouselPlaying = true;
this.$refs.carousel.next();
this.buttonDisplay = false;
}
}
}
</script>
<style>
.el-carousel__item h3 {
color: #475669;
font-size: 14px;
opacity: 0.75;
line-height: 200px;
margin: 0;
.el-carousel__item {
text-align: center;
}
.el-carousel__arrow {
display: none; /* 隐藏箭头 */
}
.el-carousel__indicator {
display: none; /* 隐藏进度条 */
}
.el-carousel__item.is-active {
transition: none; /* 取消切换时的滑动动画 */
}
.el-carousel__item:nth-child(2n) {

63
src/views/br_sampling/sample2.vue
Unescape View File

@ -1,13 +1,68 @@
<template>
<!-- <div style="height: 100vh;">-->
<div>
<el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
:autoplay="carouselPlaying"
:before-change="handleBeforeChange"
>
<el-carousel-item>
<img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
</el-carousel-item>
<el-carousel-item v-for="(item, index) in imageList" :key="index">
<img :src="require(`@/sample_pic/Block2/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
export default {
name: "sample2"
name: "sample",
data() {
return {
imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
carouselPlaying: false,
buttonDisplay: true
};
},
methods: {
handleBeforeChange() {
if (!this.carouselPlaying) {
this.$refs.carousel.goTo(1); // 显示纯黑图片
}
this.$refs.carousel.disableTransition = !this.carouselPlaying;
},
startCarousel() {
this.carouselPlaying = true;
this.$refs.carousel.next();
this.buttonDisplay = false;
}
}
}
</script>
<template>
<style>
.el-carousel__item {
text-align: center;
}
</template>
.el-carousel__arrow {
display: none; /* 隐藏箭头 */
}
<style scoped>
.el-carousel__indicator {
display: none; /* 隐藏进度条 */
}
.el-carousel__item.is-active {
transition: none; /* 取消切换时的滑动动画 */
}
.el-carousel__item:nth-child(2n) {
background-color: #99a9bf;
}
.el-carousel__item:nth-child(2n+1) {
background-color: #d3dce6;
}
</style>

63
src/views/br_sampling/sample3.vue
Unescape View File

@ -1,13 +1,68 @@
<template>
<!-- <div style="height: 100vh;">-->
<div>
<el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
:autoplay="carouselPlaying"
:before-change="handleBeforeChange"
>
<el-carousel-item>
<img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
</el-carousel-item>
<el-carousel-item v-for="(item, index) in imageList" :key="index">
<img :src="require(`@/sample_pic/Block3/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
export default {
name: "sample3"
name: "sample",
data() {
return {
imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
carouselPlaying: false,
buttonDisplay: true
};
},
methods: {
handleBeforeChange() {
if (!this.carouselPlaying) {
this.$refs.carousel.goTo(1); // 显示纯黑图片
}
this.$refs.carousel.disableTransition = !this.carouselPlaying;
},
startCarousel() {
this.carouselPlaying = true;
this.$refs.carousel.next();
this.buttonDisplay = false;
}
}
}
</script>
<template>
<style>
.el-carousel__item {
text-align: center;
}
</template>
.el-carousel__arrow {
display: none; /* 隐藏箭头 */
}
<style scoped>
.el-carousel__indicator {
display: none; /* 隐藏进度条 */
}
.el-carousel__item.is-active {
transition: none; /* 取消切换时的滑动动画 */
}
.el-carousel__item:nth-child(2n) {
background-color: #99a9bf;
}
.el-carousel__item:nth-child(2n+1) {
background-color: #d3dce6;
}
</style>

63
src/views/br_sampling/sample4.vue
Unescape View File

@ -1,13 +1,68 @@
<template>
<!-- <div style="height: 100vh;">-->
<div>
<el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
:autoplay="carouselPlaying"
:before-change="handleBeforeChange"
>
<el-carousel-item>
<img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
</el-carousel-item>
<el-carousel-item v-for="(item, index) in imageList" :key="index">
<img :src="require(`@/sample_pic/Block4/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
export default {
name: "sample4"
name: "sample",
data() {
return {
imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
carouselPlaying: false,
buttonDisplay: true
};
},
methods: {
handleBeforeChange() {
if (!this.carouselPlaying) {
this.$refs.carousel.goTo(1); // 显示纯黑图片
}
this.$refs.carousel.disableTransition = !this.carouselPlaying;
},
startCarousel() {
this.carouselPlaying = true;
this.$refs.carousel.next();
this.buttonDisplay = false;
}
}
}
</script>
<template>
<style>
.el-carousel__item {
text-align: center;
}
</template>
.el-carousel__arrow {
display: none; /* 隐藏箭头 */
}
<style scoped>
.el-carousel__indicator {
display: none; /* 隐藏进度条 */
}
.el-carousel__item.is-active {
transition: none; /* 取消切换时的滑动动画 */
}
.el-carousel__item:nth-child(2n) {
background-color: #99a9bf;
}
.el-carousel__item:nth-child(2n+1) {
background-color: #d3dce6;
}
</style>

63
src/views/br_sampling/sample5.vue
Unescape View File

@ -1,13 +1,68 @@
<template>
<!-- <div style="height: 100vh;">-->
<div>
<el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
:autoplay="carouselPlaying"
:before-change="handleBeforeChange"
>
<el-carousel-item>
<img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
</el-carousel-item>
<el-carousel-item v-for="(item, index) in imageList" :key="index">
<img :src="require(`@/sample_pic/Block5/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
export default {
name: "sample5"
name: "sample",
data() {
return {
imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
carouselPlaying: false,
buttonDisplay: true
};
},
methods: {
handleBeforeChange() {
if (!this.carouselPlaying) {
this.$refs.carousel.goTo(1); // 显示纯黑图片
}
this.$refs.carousel.disableTransition = !this.carouselPlaying;
},
startCarousel() {
this.carouselPlaying = true;
this.$refs.carousel.next();
this.buttonDisplay = false;
}
}
}
</script>
<template>
<style>
.el-carousel__item {
text-align: center;
}
</template>
.el-carousel__arrow {
display: none; /* 隐藏箭头 */
}
<style scoped>
.el-carousel__indicator {
display: none; /* 隐藏进度条 */
}
.el-carousel__item.is-active {
transition: none; /* 取消切换时的滑动动画 */
}
.el-carousel__item:nth-child(2n) {
background-color: #99a9bf;
}
.el-carousel__item:nth-child(2n+1) {
background-color: #d3dce6;
}
</style>
Write Preview
Loading…
Cancel
Save