Skip to content

yangchao / brains-h5

Go to a project
Commit 332ab49a by yeran
Options

update

1 parent de67e660
Expand all
Inline Side-by-side
Showing with 283 additions and 27 deletions
src/components/Message/index.vue
......@@ -6,6 +6,8 @@
<div class="weui-dialog__hd">{{ title }}</div>
<div class="weui-dialog__bd">{{ content }}</div>
<div class="weui-dialog__ft">
<a v-if="cancel" href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary"
@click="doCancel">取消</a>
<a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" @click="confirm">确定</a>
</div>
</div>
......@@ -14,19 +16,24 @@
</template>
<script>
export default{
data(){
return{
visible : true ,
content : '' ,
title : '',
cb:null
export default {
data() {
return {
visible: true,
content: '',
title: '',
cb: null,
cancel: null
}
},
methods:{
confirm(){
this.visible=false;
this.cb && this.cb();
methods: {
confirm() {
this.visible = false;
this.cb && this.cb();
},
doCancel() {
this.visible = false;
this.cancel && this.cancel();
}
}
}
......@@ -42,10 +49,12 @@
bottom: 0;
background: rgba(0, 0, 0, 0.6);
}
.weui-dialog__hd {
padding: 40px 80px 30px;
font-size: 32px;/*px*/
font-size: 32px; /*px*/
}
.weui-dialog {
position: fixed;
z-index: 5000;
......@@ -60,22 +69,25 @@
border-radius: 3px;
overflow: hidden;
}
.weui-dialog__bd {
padding: 0 20px 40px;
min-height: 80px;
font-size: 28px;/*px*/
font-size: 28px; /*px*/
line-height: 1.3;
word-wrap: break-word;
word-break: break-all;
color: #999999;
}
.weui-dialog__ft {
position: relative;
line-height: 96px;
font-size: 32px;/*px*/
font-size: 32px; /*px*/
display: -webkit-box;
display: -webkit-flex;
display: flex;
.weui-dialog__btn {
display: block;
-webkit-box-flex: 1;
......@@ -85,7 +97,8 @@
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: relative;
&:after{
&:after {
content: " ";
position: absolute;
left: 0;
......@@ -102,4 +115,4 @@
}
}
</style>
\ No newline at end of file
</style>
src/utils/sysTrainData.js 0 → 100644
let pics = {
A: {
img: 'http://static.ledouya.com/20200224/141319_1582524951911.jpg',
dot: [
{x: 24, y: 180, label: 1},
{x: 110, y: 120, label: 2},
{x: 122, y: 64, label: 3},
{x: 162, y: 24, label: 4},
{x: 230, y: 180, label: 5},
{x: 292, y: 104, label: 6},
{x: 300, y: 40, label: 7},
{x: 180, y: 140, label: 8},
{x: 240, y: 60, label: 9},
{x: 20, y: 20, label: 10}
]
},
B: {
img: 'http://static.ledouya.com/20200224/141319_1582524951911.jpg',
dot: [
{x: 24, y: 180, label: 1},
{x: 110, y: 120, label: 2},
{x: 122, y: 64, label: 3},
{x: 162, y: 24, label: 4},
{x: 230, y: 180, label: 5},
{x: 292, y: 104, label: 6},
{x: 300, y: 40, label: 7},
{x: 180, y: 140, label: 8},
{x: 240, y: 60, label: 9},
{x: 20, y: 20, label: 10}
]
},
C: {
img: 'http://static.ledouya.com/20200224/141319_1582524951911.jpg',
dot: [
{x: 24, y: 180, label: 1},
{x: 110, y: 120, label: 2},
{x: 122, y: 64, label: 3},
{x: 162, y: 24, label: 4},
{x: 230, y: 180, label: 5},
{x: 292, y: 104, label: 6},
{x: 300, y: 40, label: 7},
{x: 180, y: 140, label: 8},
{x: 240, y: 60, label: 9},
{x: 20, y: 20, label: 10}
]
},
D: {
img: 'http://static.ledouya.com/20200224/141319_1582524951911.jpg',
dot: [
{x: 24, y: 180, label: 1},
{x: 110, y: 120, label: 2},
{x: 122, y: 64, label: 3},
{x: 162, y: 24, label: 4},
{x: 230, y: 180, label: 5},
{x: 292, y: 104, label: 6},
{x: 300, y: 40, label: 7},
{x: 180, y: 140, label: 8},
{x: 240, y: 60, label: 9},
{x: 20, y: 20, label: 10}
]
},
E: {
img: 'http://static.ledouya.com/20200224/141319_1582524951911.jpg',
dot: [
{x: 24, y: 180, label: 1},
{x: 110, y: 120, label: 2},
{x: 122, y: 64, label: 3},
{x: 162, y: 24, label: 4},
{x: 230, y: 180, label: 5},
{x: 292, y: 104, label: 6},
{x: 300, y: 40, label: 7},
{x: 180, y: 140, label: 8},
{x: 240, y: 60, label: 9},
{x: 20, y: 20, label: 10}
]
}
};
export {pics}
src/views/home/index.vue
......@@ -49,7 +49,7 @@
},
{
label: '记忆宫殿',
path: '/pidRemember/index'
path: '/pidRemember/index?id=11&model_id=10'
},
],
speed: [
......
src/views/pidRemember/index.vue
......@@ -2,12 +2,12 @@
<div class="content">
<div class="title">记忆宫殿</div>
<div class="box">
<div class="line" @click="start('sysTrain')">
<image class="icon" />
<div class="line" @click="start('sysTrainSelect')">
<img class="icon"/>
<span>平台记忆宫殿训练</span>
</div>
<div class="line sp" @click="start('myTrain')">
<image class="icon" />
<div class="line sp" @click="start('myTrain')">
<img class="icon"/>
<span>我的记忆宫殿</span>
</div>
</div>
......@@ -32,7 +32,7 @@
}
},
start(pathName) {
CaseUtil.goToTrain(`/pidRemember/${pathName}`,this);
CaseUtil.goToTrain(`/pidRemember/${pathName}`, this);
}
},
mounted() {
......@@ -56,7 +56,8 @@
font-weight: bold;
margin-bottom: 50px;
}
.box .line{
.box .line {
display: flex;
align-items: center;
justify-content: center;
......@@ -65,12 +66,14 @@
border-radius: 20px;
color: #fff;
font-size: 26px;
background: rgba(251,147,148,.8);
background: rgba(251, 147, 148, .8);
margin-top: 60px;
}
.box .line.sp {
background: rgba(90,161,253,.7);
background: rgba(90, 161, 253, .7);
}
.start {
margin-top: 60px;
width: 500px;
......
src/views/pidRemember/myTrain.vue
......@@ -204,7 +204,7 @@
}
.write-area > .item {
width:50%;
width: 50%;
display: flex;
align-items: center;
justify-content: center;
......
src/views/pidRemember/sysTrainSelect.vue 0 → 100644
<template>
<div class="wrapper">
<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.label}}</div>
</div>
</div>
<el-button type="primary" class="start" @click="start">设置</el-button>
</div>
</template>
<script>
import BaseCasePage from "../../framework/core/baseCasePage";
export default new BaseCasePage({
name: "index",
data() {
return {
tabList: [
{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},
],
};
},
methods: {
select(item) {
item.hit = !item.hit;
// this.tabList.forEach(v => {
// v.hit = false;
// });
// item.hit = true;
},
start() {
let array = [];
this.tabList.forEach((value, index) => {
if (value.hit) {
array.push(value.label);
}
});
if (!array.length) return;
this.$router.push({
path: '/pidRemember/sysTrain',
query: {
id: this.caseAlias,
model_id: this.modelAlias,
labels: JSON.stringify(array)
}
})
}
},
});
</script>
<style scoped>
.content {
padding-top: 80px;
display: flex;
flex-direction: column;
align-items: center;
}
.title {
color: #333;
font-size: 36px;
padding: 0 20px;
margin-bottom: 60px;
text-align: center;
}
.start {
position: fixed;
left: 50%;
bottom: 40px;
width: 500px;
height: 80px;
transform: translateX(-50%);
border-radius: 40px;
font-size: 32px;
}
.start {
position: fixed;
left: 50%;
bottom: 40px;
width: 500px;
height: 80px;
transform: translateX(-50%);
border-radius: 40px;
font-size: 32px;
}
.submit-btn {
width: 500px;
height: 80px;
border-radius: 40px;
font-size: 32px;
margin: 20px 0 80px;
}
.tab-area {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.tab-area > .item {
width: 25%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.tab-area > .item .circle {
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
font-size: 36px;
border-radius: 50%;
border: 1px solid rgb(58, 58, 58);
}
.tab-area > .item .circle.active {
background: rgba(93, 163, 251);
color: #fff;
border: 0;
}
.write-area {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.write-area > .item {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.write-area > .item .label-name {
font-size: 36px;
}
.write-area > .item .input {
border: 0;
outline: none;
font-size: 36px;
width: 242px;
border-bottom: 1px solid rgb(58, 58, 58);
}
</style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!