Skip to content

T
thinkApp
Commit 00b9ffd2 authored by zhengke's avatar zhengke
Browse files
Options

no message

parent 4f19bb0f
Hide whitespace changes
Inline Side-by-side
Showing with 278 additions and 0 deletions
src/components/index/scoreDetails/analysisTest.vue 0 → 100644
View file @ 00b9ffd2
<template>
<view class="analysisTest-box">
<view class="analysisTest-table-box flex">
<table
class="analysisTest-content flex"
cellspacing="0"
cellpadding="0"
>
<tr class="analysisTest-content-left">
<th
v-for="(item, index) in TitleList"
:key="index"
width="200">{{item}}</th>
</tr>
<tr class="analysisTest-content-right flex">
<td class="analysisTest-td">
<view class="analysisTest-number">1</view>
<view class="analysisTest-difficulty">
<van-icon name="star" v-for="(s,index) in 3" />
</view>
<view class="analysisTest-KnowledgePoint">化学与生活</view>
<view class="analysisTest-ScoreOne">1</view>
<view class="analysisTest-ScoreTwo">2</view>
<view class="analysisTest-scoringRate">75%</view>
<view class="analysisTest-TheAverageAcore">1.7555555555555555555555</view>
<view class="analysisTest-averageScoringRate">88%</view>
</td>
<td class="analysisTest-td">
<view class="analysisTest-number">1</view>
<view class="analysisTest-difficulty">
<van-icon name="star" v-for="(s,index) in 1" />
</view>
<view class="analysisTest-KnowledgePoint">化学与生活</view>
<view class="analysisTest-ScoreOne">1</view>
<view class="analysisTest-ScoreTwo">2</view>
<view class="analysisTest-scoringRate">75%</view>
<view class="analysisTest-TheAverageAcore">1.7555555555555555555555</view>
<view class="analysisTest-averageScoringRate">88%</view>
</td>
<td class="analysisTest-td">
<view class="analysisTest-number">1</view>
<view class="analysisTest-difficulty">
<van-icon name="star" v-for="(s,index) in 1" />
</view>
<view class="analysisTest-KnowledgePoint">化学与生活</view>
<view class="analysisTest-ScoreOne">1</view>
<view class="analysisTest-ScoreTwo">2</view>
<view class="analysisTest-scoringRate">75%</view>
<view class="analysisTest-TheAverageAcore">1.7555555555555555555555</view>
<view class="analysisTest-averageScoringRate">88%</view>
</td>
</tr>
</table>
</view>
<view class="analysisTest-hint">
向<br/>右<br/>滑<br/>动<br/>查<br/>看<br/>更<br/>多
</view>
</view>
</template>
<script>
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
export default {
props: {
},
components: {},
setup() {
let data = reactive({
obj: {
Name: '',
Photo: '',
},
showPhone: false,
showLogin: true, //多次点击
TitleList:['题号','难度','知识点','分值','得分','得分率','平均分','平均得分率']
});
return {
...toRefs(data),
};
},
};
</script>
<style scoped>
.analysisTest-difficulty van-icon {
color: #F39801;
font-size: 24rpx;
}
.analysisTest-td view:nth-child(2n){
background: #FCEEEF;
}
.analysisTest-td view:last-child{
height: 17.4%;
}
.analysisTest-td view{
background: #F7D8DA;
border-right: 1px solid #F6DDDF;
height: 11.8%;
line-height: 11.8%;
font-size: 20rpx;
color: #E0A9AC;
display: flex;
align-items: center;
justify-content: center;
}
.analysisTest-td view.analysisTest-number{
color: #282828;
}
.analysisTest-td{
width: 100%;
height: 100%;
}
.analysisTest-content-right{
background: red;
overflow-x: auto;
}
.analysisTest-content-left th:nth-child(2n){
background: #363636;
}
.analysisTest-content-left th{
background: #282828;
padding: 18rpx 24rpx;
}
.analysisTest-content-left{
width: 120rpx;
border-radius: 35rpx 0 0 35rpx;
flex-shrink: 0;
color: #FFFFFF;
font-size: 22rpx;
text-align: center;
overflow: hidden;
letter-spacing: 1rpx;
}
.analysisTest-content tr:first-child th{
position: sticky;
left: 0px;
}
.analysisTest-content{
width: 100%;
border-collapse: collapse;
box-sizing: border-box;
}
.analysisTest-table-box{
width: 100%;
}
.analysisTest-hint{
position: absolute;
right: 0;
top: 10%;
width: 77rpx;
height: 363rpx;
background: #FFFFFF;
opacity: 0.33;
text-align: center;
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653551643000_608.png')no-repeat center;
background-size: auto 100%;
padding: 80rpx 0 0 22rpx;
font-size: 26rpx;
}
.analysisTest-box{
position: relative;
}
</style>
src/pages.json
View file @ 00b9ffd2
......@@ -14,6 +14,11 @@
"style": {
"navigationStyle": "custom"
}
},{
"path": "pages/index/workSituation",
"style": {
"navigationStyle": "custom"
}
},{
"path": "pages/login/login",
"style": {
......
src/pages/index/workSituation.vue 0 → 100644
View file @ 00b9ffd2
<template>
<view class="workSituationpage">
</view>
</template>
<script>
// import analysisTest from '@/components/index/scoreDetails/analysisTest'
import vue, {
ref,
reactive,
toRefs,
toRef,
getCurrentInstance,
watch,
computed,
onMounted,
provide,
nextTick,
} from "vue";
import {
getSweepCode
} from '../../api/index.js'
import {
getImageColor
} from '../../utils/index.js'
import indexassembly from './components/indexassembly.vue'
import navbar from '../../components/navbar.vue'
import bottom from '../../components/bottom.vue'
export default {
components: {
navbar,
// analysisTest
},
setup(props) {
let {
proxy
} = getCurrentInstance();
let data = reactive({
ActiveMsg: {
pageIndex: 1,
pageSize: 10,
ActivityType: 0,
SelectIsEnd: 0,
},
ActivityList: [],
pageData: {
LearningGardenList: []
},
SurveyObj:{
ActivitySurveyId:0,
ActivitySurveyGuestId:0,
},
userData: {}
});
let methods = {
back() {
uni.navigateTo({
url: '/pages/index/index'
});
},
};
onMounted(() => {
});
return {
...toRefs(data),
...methods,
};
},
onShow() {
this.userData = uni.getStorageSync('userInfo');
},
onShareAppMessage() {
return {
title: "甲小鹤",
query: "/pages/index/index",
imageUrl: "",
};
},
onShareTimeline() {
return {
title: "甲小鹤",
query: "/pages/index/index",
imageUrl: "",
};
},
};
</script>
<style scoped>
.navbarSticky {
display: sticky;
top: 0;
z-index: 9;
}
</style>
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