122 lines
2.6 KiB
Vue
122 lines
2.6 KiB
Vue
<script>
|
|
import StaticConstant from "../../common/StaticConstant";
|
|
export default {
|
|
name: "home",
|
|
components: {},
|
|
computed: {
|
|
StaticConstant() {
|
|
return StaticConstant
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
scoreInfo: {
|
|
province: "北京",//高考地域
|
|
},
|
|
tjlb:{
|
|
kcj:10,//冲刺推荐
|
|
jwt:22,//较稳妥
|
|
kbd:910//可保底
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
goto(url) {
|
|
uni.navigateTo({
|
|
url:url
|
|
})
|
|
}
|
|
}
|
|
}
|
|
test()
|
|
function test(){
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div style="background:linear-gradient(131deg, rgb(18,117,236) 0%, rgb(122, 182, 249) 100%);height: 300px">
|
|
<view class="uni-flex uni-row" style="-webkit-justify-content: space-between;justify-content: space-between;">
|
|
<view class="text fsize-13 color-white margin10px">{{scoreInfo.province}}</view>
|
|
<view class="text fsize-13 color-white margin10px">{{StaticConstant.year}}年填报</view>
|
|
</view>
|
|
<view class="uni-flex uni-row">
|
|
<view class="dxshn">
|
|
<p class="tnumber">942个</p>
|
|
<p class="ttitle">院校志愿适合你</p>
|
|
</view>
|
|
</view>
|
|
<view class="uni-padding-wrap uni-common-mt topNumberDiv">
|
|
<view class="uni-flex uni-row">
|
|
<view class="flex-item t_item">
|
|
<p class="tnumber">{{tjlb.kcj}}</p>
|
|
<p class="ttitle">可冲击</p>
|
|
</view>
|
|
<view class="flex-item t_item">
|
|
<p class="tnumber">{{tjlb.jwt}}</p>
|
|
<p class="ttitle">较稳妥</p>
|
|
</view>
|
|
<view class="flex-item t_item">
|
|
<p class="tnumber">{{tjlb.kbd}}</p>
|
|
<p class="ttitle">可保底</p>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<button @click="goto('/pages/zyb/score/edit')">修改成绩</button>
|
|
<button @click="goto('/pages/zyb/fillVolunteer/index')">智能推荐</button>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
.uni-common-mt {
|
|
margin: 0px;
|
|
}
|
|
/*顶部的推荐院校数量模块*/
|
|
.topNumberDiv{
|
|
.tnumber {
|
|
color: white;
|
|
margin: 10px auto;
|
|
width: 30px;
|
|
height: 10px;
|
|
font-weight: 400;
|
|
}
|
|
.ttitle {
|
|
color: #fbd781;
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
.color-white{
|
|
color:white;
|
|
font-weight: 400;
|
|
}
|
|
.margin10px{
|
|
margin:10px;
|
|
}
|
|
|
|
.flex-item {
|
|
width: 33.3%;
|
|
height: 200rpx;
|
|
text-align: center;
|
|
line-height: 200rpx;
|
|
}
|
|
/* 大学适合你 */
|
|
.dxshn{
|
|
height: 100rpx;
|
|
text-align: center;
|
|
margin: 5px auto;
|
|
.tnumber{
|
|
color: white;
|
|
margin: 10px auto;
|
|
height: 10px;
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
}
|
|
.ttitle {
|
|
margin: 15px auto;
|
|
color: white;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
</style>
|