Skip to content

yangchao / brains-h5

Go to a project
Commit 8e934057 by yuhac
Options

update

1 parent e43edb32
Inline Side-by-side
Showing with 204 additions and 117 deletions
src/api/recreation.js 0 → 100644
import request from '../utils/request'
/*活力大脑 */
export function rememberSourceListAPI(data) {
return request({
url: 'brain/rememberSource/list',
data: data,
})
}
export function rememberSourceSaveAPI(data) {
return request({
url: 'brain/rememberSource/save',
data: data,
})
}
export function rememberSourceDeleteAPI(data) {
return request({
url: 'brain/rememberSource/delete',
data: data,
})
}
export function rememberSourceDetailAPI(data) {
return request({
url: 'brain/rememberSource/detail',
data: data,
})
}
src/api/remember.js 0 → 100644
import request from '../utils/request'
export function rememberPalaceSave(data) {
return request({url : 'brain/rememberPalace/save' ,data})
}
export function rememberPalaceDetail(data) {
return request({url : 'brain/rememberPalace/detail' ,data})
}
src/views/activeBrain/heart.vue
......@@ -78,21 +78,24 @@ export default new BaseCasePage({
],
tabList: ["五湖四海", "天南地北", "称心如意", "得心应手", "无懈可击"],
tab_index: 0,
count_time: 300,
count_time: 10,
timer: null
};
},
methods: {
clearTimer(){
clearInterval(this.timer);
this.timer = null;
this.count_time = 0;
},
runCount() {
this.timer = setInterval(() => {
console.log(this.count_time)
if ((this.count_time > 0 && this.gameState === 'progress')) {
if ((this.count_time > 0 && this.gameState === 'progress' )) {
this.count_time = this.count_time - 1;
} else {
clearInterval(this.timer);
this.timer = null;
this.count_time = 0;
} else if(this.$route.name === 'heart'){
this.clearTimer();
this.$message({
type: "error",
content: "游戏结束!",
......@@ -101,6 +104,8 @@ export default new BaseCasePage({
}
});
return;
}else {
this.clearTimer();
}
}, 1000);
},
......@@ -148,7 +153,13 @@ export default new BaseCasePage({
}
},
mounted() {
console.log('mounted--------------------')
},
beforeDestroy(){
console.log('beforeDestroy--------------------')
},
destroyed(){
console.log('destroyed--------------------')
}
});
</script>
......
src/views/activeBrain/letterCode.vue
......@@ -3,11 +3,11 @@
<div class="list">
<div class="item" v-for="(item,index) in list" :key="index">
<div class="box">
<img class="img" />
<img class="img" :src="item.pic_url" />
<div class="info">
<p class="title">{{item.name}}</p>
<p class="text">{{item.d1}}</p>
<p class="text">{{item.d2}}</p>
<p class="title">{{item.value}}</p>
<p class="text">{{item.remark_one}}</p>
<p class="text">{{item.remark_two}}</p>
</div>
</div>
</div>
......@@ -18,46 +18,28 @@
<script>
import BaseCasePage from "../../framework/core/baseCasePage";
import CaseUtil from "../../framework/service/base/caseUtil";
import { rememberSourceListAPI} from '@/api/recreation'
export default new BaseCasePage({
data() {
return {
type:2,
page:1,
page_size:9999,
list: [
{
name: "a",
d1: "静：笔",
d2: "动：用毛笔在...上面"
},
{
name: "b",
d1: "静：笔",
d2: "动：用毛笔在...上面"
},
{
name: "c",
d1: "静：笔",
d2: "动：用毛笔在...上面"
},
{
name: "d",
d1: "静：笔",
d2: "动：用毛笔在...上面"
},
{
name: "e",
d1: "静：笔",
d2: "动：用毛笔在...上面"
},
{
name: "f",
d1: "静：笔",
d2: "动：用毛笔在...上面"
}
]
};
},
methods: {},
mounted() {}
mounted() {
rememberSourceListAPI({type:this.type,page:this.page,page_size:this.page_size}).then(res => {
console.log(res)
if(res.error === 0 && res.data){
this.list = res.data.info;
}
})
}
});
</script>
......@@ -77,8 +59,8 @@ export default new BaseCasePage({
display: block;
width: 100%;
height: 230px;
background: #333;
border-radius: 20px;
overflow: hidden;
}
.list .box .info {
margin-top: 24px;
......
src/views/activeBrain/numCode.vue
......@@ -3,11 +3,11 @@
<div class="list">
<div class="item" v-for="(item,index) in list" :key="index">
<div class="box">
<img class="img" />
<img class="img" :src="item.pic_url" />
<div class="info">
<p class="title">{{item.name}}</p>
<p class="text">{{item.d1}}</p>
<p class="text">{{item.d2}}</p>
<p class="title">{{item.value}}</p>
<p class="text">{{item.remark_one}}</p>
<p class="text">{{item.remark_two}}</p>
</div>
</div>
</div>
......@@ -18,46 +18,28 @@
<script>
import BaseCasePage from "../../framework/core/baseCasePage";
import CaseUtil from "../../framework/service/base/caseUtil";
import { rememberSourceListAPI} from '@/api/recreation'
export default new BaseCasePage({
data() {
return {
type:1,
page:1,
page_size:9999,
list: [
{
name: "1",
d1: "静：连衣裙",
d2: "动：用裙摆扫一扫用摆扫一扫"
},
{
name: "1",
d1: "静：连衣裙",
d2: "动：用裙摆扫一扫用摆扫一扫"
},
{
name: "1",
d1: "静：连衣裙",
d2: "动：用裙摆扫一扫用摆扫一扫"
},
{
name: "1",
d1: "静：连衣裙",
d2: "动：用裙摆扫一扫用摆扫一扫"
},
{
name: "1",
d1: "静：连衣裙",
d2: "动：用裙摆扫一扫用摆扫一扫"
},
{
name: "1",
d1: "静：连衣裙",
d2: "动：用裙摆扫一扫用摆扫一扫"
}
]
};
},
methods: {},
mounted() {}
mounted() {
rememberSourceListAPI({type:this.type,page:this.page,page_size:this.page_size}).then(res => {
console.log(res)
if(res.error === 0 && res.data){
this.list = res.data.info;
}
})
}
});
</script>
......@@ -77,8 +59,8 @@ export default new BaseCasePage({
display: block;
width: 100%;
height: 230px;
background: #333;
border-radius: 20px;
overflow: hidden;
}
.list .box .info {
margin-top: 24px;
......
src/views/pidRemember/myTrain.vue
......@@ -4,19 +4,20 @@
<div class="title">我的记忆宫殿</div>
<div class="tab-area">
<div class="item" v-for="(item,index) in tabList" :key="index">
<div :class="item.hit ? 'circle active':'circle'" @click="select(item)">{{item.value}}</div>
<div :class="item.hit ? 'circle active':'circle'" @click="select(item)">{{item.label}}</div>
</div>
</div>
<el-button type="primary" class="start" @click="start">开始训练</el-button>
</div>
<div class="content" v-else>
<div class="title">{{targetLetter}}</div>
<div class="title">{{targetLetter.label}}</div>
<div class="write-area">
<div class="item" v-for="(item,index) in writeList" :key="index">
<span class="label-name">{{index + 1}}:</span>
<input type="text" class="input" :value="item" />
<input type="text" class="input" :value="item" @change="handleChange($event,index)" />
</div>
</div>
<el-button type="primary" class="submit-btn" @click="submit">提交</el-button>
</div>
</div>
</template>
......@@ -24,52 +25,59 @@
<script>
import BaseCasePage from "../../framework/core/baseCasePage";
import CaseUtil from "../../framework/service/base/caseUtil";
import { rememberPalaceDetail, rememberPalaceSave } from "@/api/remember";
export default new BaseCasePage({
name: "index",
data() {
return {
level: 0,
targetLetter:'A',
targetLetter: { label: "A", value: 1 },
tabList: [
{ value: "A", hit: true },
{ value: "B", hit: false },
{ value: "C", hit: false },
{ value: "D", hit: false },
{ value: "E", hit: false },
{ value: "F", hit: false },
{ value: "G", hit: false },
{ value: "H", hit: false },
{ value: "I", hit: false },
{ value: "J", hit: false },
{ value: "K", hit: false },
{ value: "L", hit: false },
{ value: "M", hit: false },
{ value: "N", hit: false },
{ value: "O", hit: false },
{ value: "P", hit: false },
{ value: "Q", hit: false },
{ value: "R", hit: false },
{ value: "S", hit: false },
{ value: "T", hit: false },
{ value: "U", hit: false },
{ value: "V", hit: false },
{ value: "W", hit: false },
{ value: "X", hit: false },
{ value: "Y", hit: false },
{ value: "Z", hit: false }
{ label: "A", hit: true, value: 1 },
{ label: "B", hit: false, value: 2 },
{ label: "C", hit: false, value: 3 },
{ label: "D", hit: false, value: 4 },
{ label: "E", hit: false, value: 5 },
{ label: "F", hit: false, value: 6 },
{ label: "G", hit: false, value: 7 },
{ label: "H", hit: false, value: 8 },
{ label: "I", hit: false, value: 9 },
{ label: "J", hit: false, value: 10 },
{ label: "K", hit: false, value: 11 },
{ label: "L", hit: false, value: 12 },
{ label: "M", hit: false, value: 13 },
{ label: "N", hit: false, value: 14 },
{ label: "O", hit: false, value: 15 },
{ label: "P", hit: false, value: 16 },
{ label: "Q", hit: false, value: 17 },
{ label: "R", hit: false, value: 18 },
{ label: "S", hit: false, value: 19 },
{ label: "T", hit: false, value: 20 },
{ label: "U", hit: false, value: 21 },
{ label: "V", hit: false, value: 22 },
{ label: "W", hit: false, value: 23 },
{ label: "X", hit: false, value: 24 },
{ label: "Y", hit: false, value: 25 },
{ label: "Z", hit: false, value: 26 }
],
writeList: [],
startState: false
};
},
methods: {
handleChange(e, index) {
let value = e.target.value;
this.writeList[index] = value;
console.log(value, index, "--e--");
},
select(item) {
this.tabList.forEach(v => {
v.hit = false;
});
item.hit = true;
this.targetLetter = item.value;
this.targetLetter.label = item.label;
this.targetLetter.value = item.value;
},
changLevel(level) {
if (level !== this.level) {
......@@ -78,6 +86,31 @@ export default new BaseCasePage({
},
start() {
this.startState = true;
this.getList();
},
getList() {
rememberPalaceDetail({ group_id: this.targetLetter.value }).then(res => {
if (res.error === 0) {
this.writeList = res.data.config || [];
}
});
},
submit() {
rememberPalaceSave({
group_id: this.targetLetter.value,
config: this.writeList
}).then(res => {
if (res.error === 0) {
this.$message({
type: "success",
content: "提交成功",
cb: () => {
this.startState = false;
this.getList();
}
});
}
});
}
},
created() {
......@@ -89,6 +122,9 @@ export default new BaseCasePage({
<style scoped>
.content {
padding-top: 80px;
display: flex;
flex-direction: column;
align-items: center;
}
.title {
......@@ -109,6 +145,12 @@ export default new BaseCasePage({
border-radius: 40px;
font-size: 32px;
}
.submit-btn {
width: 500px;
height: 80px;
border-radius: 40px;
font-size: 32px;
}
.tab-area {
display: flex;
flex-wrap: wrap;
......
src/views/pidRemember/sysTrain.vue
......@@ -7,7 +7,7 @@
<div v-if="startState">结束训练</div>
</div>
<div class="box">
<image class="img" />
<img class="img" @click="handleClick" />
</div>
<div class="tab-area" v-if="startState">
<div :class="item.hit && 'active'" v-for="(item,index) in tabList" :key="index">{{item.value}}</div>
......@@ -41,7 +41,19 @@ export default new BaseCasePage({
};
},
methods: {
handleClick(e) {
if(!this.startState)return;
let top = e.clientY + "px";
let left = e.clientX + "px";
let box = document.querySelector('.box');
let dot = document.createElement('p');
let styleStr = `width:30px;height:30px;border: 2px solid red;border-radius: 50%;position: absolute;left:${left};top:${top};`;
dot.classList.add('dot')
dot.style.cssText =styleStr;
box.appendChild(dot);
},
changLevel(level) {
if (level !== this.level) {
this.level = level;
......@@ -59,6 +71,13 @@ export default new BaseCasePage({
.content {
padding-top: 80px;
}
.dot {
width:20px;
height: 20px;
background: red;
border-radius: 50%;
position: absolute;
}
.title {
color: #333;
......@@ -72,7 +91,15 @@ export default new BaseCasePage({
.title > div {
color: rgb(238, 147, 147);
}
.box {
.box >p{
width:20px;
height: 20px;
background: red;
border-radius: 50%;
position: absolute;
}
.box .img {
width: 100%;
height: 580px;
background: #666;
}
......@@ -96,16 +123,16 @@ export default new BaseCasePage({
align-items: center;
justify-content: space-around;
}
.tab-area >div {
.tab-area > div {
width: 58px;
height: 58px;
line-height: 58px;
text-align: center;
border-radius: 50%;
border: 1px solid rgb(129,129,129);
border: 1px solid rgb(129, 129, 129);
}
.tab-area >div.active {
background: rgba(244,172,185);
.tab-area > div.active {
background: rgba(244, 172, 185);
border: 0;
}
</style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!