Skip to content

吴良建 / JinQiu

转到一个项目
切换导航栏
切换导航栏固定状态
Commit 5c97f905 由 吴良建
选项

添加站位组件 

添加无分析内容页面显示
1 个父辈 db9ef5ca
内嵌 并排
正在显示 3 个修改的文件 包含 92 行增加 和 76 行删除
components/MatchList.vue
......@@ -183,7 +183,7 @@
this.keySet.length = 0
this.keySet.push(...this.data_map.keys())
},
onRefreshInfo() {
onRefreshInfo(data) {
this.handlerData()
},
goToMatch(match) {
......
components/match-list/MatchEventAnalysis.vue
<template>
<view>
<view v-if="loading" style="height: 100vh; width: 100vw; display: flex; justify-items: center; align-items: center;">
<view v-if="loading"
style="height: 100vh; width: 100vw; display: flex; justify-items: center; align-items: center;">
<view
style="height: 100%; width: 100%; display: flex; justify-items: center; align-items: center; align-content: center; justify-content: center; ">
<image src="../../static/loading_icon.gif"></image>
</view>
</view>
<view v-if="!loading">
<view class="charts-box">
<qiun-data-charts type="radar" :opts="opts" :chartData="chartData" :canvas2d="true" />
<view v-if="!loading">
<view v-if="!info.status_analysis || !info.status_analysis.home_result">
<view
style="height: 50vh; width: 100%; display: flex; justify-items: center; align-items: center; align-content: center; justify-content: center; ">
<text>暂无分析内容</text>
</view>
</view>
<view class="content"
style="display: flex; flex-direction: row; padding-left: 13px; padding-right: 13px; margin-top: 11px; ">
<view style="display: flex;flex-direction: column; padding-right: 14px ; padding-bottom: 7px;">
<view class="text2" style="text-align: right;">{{host.win_avg_balls}}球</view>
<view class="text" style="text-align: right;">主队均进球</view>
<view v-else >
<view class="charts-box">
<qiun-data-charts type="radar" :opts="opts" :chartData="chartData" :canvas2d="true" />
</view>
<view class="content"
style="display: flex; flex-direction: row; padding-left: 13px; padding-right: 13px; margin-top: 11px; ">
<view style="display: flex;flex-direction: column; padding-right: 14px ; padding-bottom: 7px;">
<view class="text2" style="text-align: right;">{{host.win_avg_balls}}球</view>
<view class="text" style="text-align: right;">主队均进球</view>
</view>
<image style="width: 50rpx; height: 90rpx;" src="../../static/VS@2x.png"></image>
<view style="display: flex; flex-direction: column; padding-left: 14px; padding-bottom: 7px; ">
<view class="text2" style="text-align: left;">{{guest.win_avg_balls}}球</view>
<view class="text" style="text-align: left;">客队均进球</view>
</view>
</view>
<image style="width: 50rpx; height: 90rpx;" src="../../static/VS@2x.png"></image>
<view class="content"
style="display: flex; flex-direction: row; padding-left: 13px; padding-right: 13px; margin-top: 11px; ">
<view style="display: flex;flex-direction: column; padding-right: 14px; padding-top: 7px">
<view class="text2" style="text-align: right;">{{host.lose_avg_balls}}球</view>
<view class="text" style="text-align: right;">主队均失球</view>
<view style="display: flex; flex-direction: column; padding-left: 14px; padding-bottom: 7px; ">
<view class="text2" style="text-align: left;">{{guest.win_avg_balls}}球</view>
<view class="text" style="text-align: left;">客队均进球</view>
</view>
</view>
<view style="display: flex; flex-direction: column; padding-left: 14px; padding-top: 7px">
<view class="text2" style="text-align: left;">{{guest.lose_avg_balls}}球</view>
<view class="text" style="text-align: left;">客队均失球</view>
<view class="content"
style="display: flex; flex-direction: row; padding-left: 13px; padding-right: 13px; margin-top: 11px; ">
<view style="display: flex;flex-direction: column; padding-right: 14px; padding-top: 7px">
<view class="text2" style="text-align: right;">{{host.lose_avg_balls}}球</view>
<view class="text" style="text-align: right;">主队均失球</view>
</view>
<view style="display: flex; flex-direction: column; padding-left: 14px; padding-top: 7px">
<view class="text2" style="text-align: left;">{{guest.lose_avg_balls}}球</view>
<view class="text" style="text-align: left;">客队均失球</view>
</view>
</view>
</view>
<view style="display: flex; justify-content: center; margin: 32rpx;">
<image style="width: 210rpx; height: 50rpx; " src="../../static/common/zonghenengli.png"></image>
<view style="display: flex; justify-content: center; margin: 32rpx;">
<image style="width: 210rpx; height: 50rpx; " src="../../static/common/zonghenengli.png"></image>
</view>
</view>
<view style="display: flex; margin-left: 30rpx; margin-right: 30rpx; margin-top: 16rpx;">
<view class="left-bar" :style="'width:' + host.rate">{{host.rate}}</view>
<view class="right-bar" :style="'width:' + guest.rate">{{guest.rate}}</view>
</view>
<view style="display: flex; margin-left: 30rpx; margin-right: 30rpx; margin-top: 16rpx;">
<view class="left-bar" :style="'width:' + host.rate">{{host.rate}}</view>
<view class="right-bar" :style="'width:' + guest.rate">{{guest.rate}}</view>
</view>
<view
style="display: flex; justify-content: space-between; margin-left: 30rpx; margin-right: 30rpx; margin-top: 16rpx;">
<view
style="display: flex; justify-content: space-between; margin-left: 30rpx; margin-right: 30rpx; margin-top: 16rpx;">
<text class="team_text">{{info.home_name}}</text>
<text class="team_text">{{info.away_name}}</text>
</view>
<text class="team_text">{{info.home_name}}</text>
<text class="team_text">{{info.away_name}}</text>
</view>
<view class="text3">{{radar_chart_data.predict_value}}</view>
<view class="text3">{{radar_chart_data.predict_value}}</view>
<view style="display: flex; justify-content: center;">
<image style="width: 210rpx; height: 50rpx;margin: 32rpx;" src="../../static/common/status_a.png"></image>
</view>
<view style="display: flex; justify-content: center;">
<image style="width: 210rpx; height: 50rpx;margin: 32rpx;" src="../../static/common/status_a.png">
</image>
</view>
<view v-show="info.status_analysis" style="display: flex; margin-left: 30rpx; margin-right: 30rpx;">
<text class="team_text" style="margin-right: 30rpx;">{{info.home_name}}</text>
<view style="display: flex; flex: 1;">
<view class="left-bar" :style="'width:' + info.status_analysis.home_result.status_score + '%'">
{{info.status_analysis.home_result.status_score + "%"}}
<view v-show="info.status_analysis" style="display: flex; margin-left: 30rpx; margin-right: 30rpx;">
<text class="team_text" style="margin-right: 30rpx;">{{info.home_name}}</text>
<view style="display: flex; flex: 1;">
<view class="left-bar" :style="'width:' + info.status_analysis.home_result.status_score + '%'">
{{info.status_analysis.home_result.status_score + "%"}}
</view>
</view>
</view>
<text
style="color: #333333; font-size: 30rpx;">{{info.status_analysis.home_result.status_score + "分"}}</text>
<text
style="color: #333333; font-size: 30rpx;">{{info.status_analysis.home_result.status_score + "分"}}</text>
<text class="status_s_text">{{info.status_analysis.home_result.status_txt}} </text>
</view>
<text class="status_s_text">{{info.status_analysis.home_result.status_txt}} </text>
</view>
<view v-show="info.status_analysis" class="status_text_bg">
<text style="color: #777777; font-size: 30rpx;">{{info.status_analysis.home_result.result_value}}</text>
<view v-show="info.status_analysis" class="status_text_bg">
<text
style="color: #777777; font-size: 30rpx;">{{info.status_analysis.home_result.result_value}}</text>
<text
style="color: #04764E; font-size: 30rpx; margin-top: 16rpx;">{{info.status_analysis.pre_home_data}}</text>
</view>
<text
style="color: #04764E; font-size: 30rpx; margin-top: 16rpx;">{{info.status_analysis.pre_home_data}}</text>
</view>
<view v-show="info.status_analysis" style="display: flex; margin-left: 30rpx; margin-right: 30rpx; margin-top: 30rpx;">
<text class="team_text" style="margin-right: 30rpx;">{{info.away_name}}</text>
<view style="display: flex; flex: 1;">
<view class="left-bar" :style="'width:' + info.status_analysis.away_result.status_score + '%'">
{{info.status_analysis.away_result.status_score + "%"}}
<view v-show="info.status_analysis"
style="display: flex; margin-left: 30rpx; margin-right: 30rpx; margin-top: 30rpx;">
<text class="team_text" style="margin-right: 30rpx;">{{info.away_name}}</text>
<view style="display: flex; flex: 1;">
<view class="left-bar" :style="'width:' + info.status_analysis.away_result.status_score + '%'">
{{info.status_analysis.away_result.status_score + "%"}}
</view>
</view>
</view>
<text
style="color: #333333; font-size: 30rpx;">{{info.status_analysis.away_result.status_score + "分"}}</text>
<text
style="color: #333333; font-size: 30rpx;">{{info.status_analysis.away_result.status_score + "分"}}</text>
<text class="status_s_text">{{info.status_analysis.away_result.status_txt}} </text>
</view>
<text class="status_s_text">{{info.status_analysis.away_result.status_txt}} </text>
</view>
<view v-show="info.status_analysis" class="status_text_bg">
<text style="color: #777777; font-size: 30rpx;">{{info.status_analysis.away_result.result_value}}</text>
<view v-show="info.status_analysis" class="status_text_bg">
<text
style="color: #777777; font-size: 30rpx;">{{info.status_analysis.away_result.result_value}}</text>
<text
style="color: #04764E; font-size: 30rpx; margin-top: 16rpx;">{{info.status_analysis.pre_away_data}}</text>
</view>
<text
style="color: #04764E; font-size: 30rpx; margin-top: 16rpx;">{{info.status_analysis.pre_away_data}}</text>
</view>
</view>
</view>
</view>
......@@ -244,7 +257,7 @@
</script>
<style>
.charts-box {
.charts-box {
margin-top: 30rpx;
width: 100%;
height: 300px;
......
pages/index/index.vue
<template>
<view>
<v-tabs class="tab_c" v-model="current" :tabs="tabs" @change="changeTab"
line-height="8rpx" line-color="#04764E"
color="#AAAAAA" activeColor="#04764E" height="88rpx"></v-tabs>
color="#AAAAAA" activeColor="#04764E" height="88rpx"></v-tabs>
<view style="height: 100rpx; width: 100%;">
<text>站位组件</text>
</view>
<z-swiper style="padding-top: 100rpx;" ref="zSwiper" v-model="tabs" @slideChange="onSwiperChange"
<z-swiper ref="zSwiper" v-model="tabs" @slideChange="onSwiperChange"
:options="options">
<z-swiper-item v-for="(item, index) in tabs" :key="item" style="min-height: 90vh;">
......
支持 Markdown 格式
你添加了 0 人 到此讨论。请谨慎行事。
Finish editing this message first!