Skip to content

吴良建 / JinQiu

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

添加站位组件 

添加无分析内容页面显示
1 个父辈 db9ef5ca
内嵌 并排
正在显示 3 个修改的文件 包含 24 行增加 和 8 行删除
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 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 v-else >
<view class="charts-box"> <view class="charts-box">
<qiun-data-charts type="radar" :opts="opts" :chartData="chartData" :canvas2d="true" /> <qiun-data-charts type="radar" :opts="opts" :chartData="chartData" :canvas2d="true" />
</view> </view>
...@@ -60,7 +68,8 @@ ...@@ -60,7 +68,8 @@
<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">
</image>
</view> </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;">
...@@ -78,13 +87,15 @@ ...@@ -78,13 +87,15 @@
</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"
style="display: flex; margin-left: 30rpx; margin-right: 30rpx; margin-top: 30rpx;">
<text class="team_text" style="margin-right: 30rpx;">{{info.away_name}}</text> <text class="team_text" style="margin-right: 30rpx;">{{info.away_name}}</text>
<view style="display: flex; flex: 1;"> <view style="display: flex; flex: 1;">
<view class="left-bar" :style="'width:' + info.status_analysis.away_result.status_score + '%'"> <view class="left-bar" :style="'width:' + info.status_analysis.away_result.status_score + '%'">
...@@ -99,7 +110,8 @@ ...@@ -99,7 +110,8 @@
</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>
...@@ -108,6 +120,7 @@ ...@@ -108,6 +120,7 @@
</view> </view>
</view> </view>
</view>
</template> </template>
......
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>
<z-swiper style="padding-top: 100rpx;" ref="zSwiper" v-model="tabs" @slideChange="onSwiperChange" <view style="height: 100rpx; width: 100%;">
<text>站位组件</text>
</view>
<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!