Skip to content

吴良建 / JinQiu

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

添加站位组件 

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