红绿项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

475 lines
7.2 KiB

<template>
<view class="gamecont">
<view class="contone">
<view class="contone_item contone_item1">
Betting assistant (last 100 periods)
</view>
<view class="contone_item contone_item2">
<view class="miss">
missing
</view>
<view class="num_con">
<view class="num" @click="sendCond">
6
</view>
<view class="num">
3
</view>
<view class="num">
26
</view>
<view class="num">
7
</view>
<view class="num">
19
</view>
<view class="num">
9
</view>
<view class="num">
8
</view>
<view class="num">
12
</view>
<view class="num">
1
</view>
<view class="num">
0
</view>
</view>
</view>
<view class="contone_item contone_item2">
<view class="miss">
frequency
</view>
<view class="num_con">
<view class="num">
6
</view>
<view class="num">
3
</view>
<view class="num">
26
</view>
<view class="num">
7
</view>
<view class="num">
19
</view>
<view class="num">
9
</view>
<view class="num">
8
</view>
<view class="num">
12
</view>
<view class="num">
1
</view>
<view class="num">
0
</view>
</view>
</view>
</view>
<view class="conttwo">
<view class="contone_item contone_item2">
<view class="miss">
20210602234
</view>
<view class="num_con">
<view class="num2">
6
</view>
<view class="num2">
3
</view>
<view class="num2">
26
</view>
<view class="num2">
7
</view>
<view class="num2">
19
</view>
<view class="num2">
9
</view>
<view class="num2">
8
</view>
<view class="num2">
12
</view>
<view class="num2">
1
</view>
<view class="num2">
0
</view>
</view>
</view>
<view class="contone_item contone_item2">
<view class="miss">
20210602233
</view>
<view class="num_con">
<view class="num2">
6
</view>
<view class="num2">
3
</view>
<view class="num2">
26
</view>
<view class="num2">
7
</view>
<view class="num2">
19
</view>
<view class="num2 green">
9
</view>
<view class="num2">
8
</view>
<view class="num2">
12
</view>
<view class="num2">
1
</view>
<view class="num2">
0
</view>
</view>
</view>
<view class="contone_item contone_item2">
<view class="miss">
20210602232
</view>
<view class="num_con">
<view class="num2">
6
</view>
<view class="num2">
3
</view>
<view class="num2">
26
</view>
<view class="num2">
7
</view>
<view class="num2">
19
</view>
<view class="num2">
9
</view>
<view class="num2">
8
</view>
<view class="num2">
12
</view>
<view class="num2">
1
</view>
<view class="num2">
0
</view>
</view>
</view>
<view class="contone_item contone_item2">
<view class="miss">
20210602231
</view>
<view class="num_con">
<view class="num2">
6
</view>
<view class="num2">
3
</view>
<view class="num2">
26
</view>
<view class="num2">
7
</view>
<view class="num2">
19
</view>
<view class="num2">
9
</view>
<view class="num2">
8
</view>
<view class="num2">
12
</view>
<view class="num2">
1
</view>
<view class="num2">
0
</view>
</view>
</view>
<view class="contone_item contone_item2">
<view class="miss">
20210602230
</view>
<view class="num_con">
<view class="num2">
6
</view>
<view class="num2">
3
</view>
<view class="num2">
26
</view>
<view class="num2">
7
</view>
<view class="num2">
19
</view>
<view class="num2">
9
</view>
<view class="num2">
8
</view>
<view class="num2">
12
</view>
<view class="num2">
1
</view>
<view class="num2">
0
</view>
</view>
</view>
<view class="contone_item contone_item2">
<view class="miss">
20210602229
</view>
<view class="num_con">
<view class="num2 red">
6
</view>
<view class="num2">
3
</view>
<view class="num2">
26
</view>
<view class="num2">
7
</view>
<view class="num2">
19
</view>
<view class="num2">
9
</view>
<view class="num2">
8
</view>
<view class="num2">
12
</view>
<view class="num2">
1
</view>
<view class="num2">
0
</view>
</view>
</view>
<view class="contone_item contone_item2">
<view class="miss">
20210602228
</view>
<view class="num_con">
<view class="num2">
6
</view>
<view class="num2 bg_jb1">
3
</view>
<view class="num2">
26
</view>
<view class="num2">
7
</view>
<view class="num2">
19
</view>
<view class="num2">
9
</view>
<view class="num2">
8
</view>
<view class="num2">
12
</view>
<view class="num2">
1
</view>
<view class="num2 bg_jb1">
0
</view>
</view>
</view>
</view>
<cont class="test"></cont>
<view class="morejia">
<p class="">More</p>
<image src="../../static/color/loading_icon_ins@3x(20).png" mode=""></image>
</view>
</view>
</template>
<script>
import cont from "../cont/cont.vue"
const COMPONENT_NAME = 'gamecont'
export default {
name: COMPONENT_NAME,
data() {
return {
}
},
computed: {
},
mounted() {
},
methods: {
sendCond(){
this.$emit("send",true);
}
},
}
</script>
<style>
.gamecont{
position: relative;
}
.gamecont .test{
position: fixed;
right: 0;
top: 75%;
}
.num2{
width: 40rpx;
line-height: 40rpx;
text-align: center;
font-size: 24rpx;
color: #303133;
border: 2rpx solid #EDEFF2;
border-radius: 50%;
}
.num{
width: 40rpx;
line-height: 32rpx;
text-align: center;
font-size: 28rpx;
color: #303133;
}
.num_con{
width: 514rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.miss{
width: 236rpx;
color: #606266;
font-size: 28rpx;
text-transform: capitalize;
}
.contone_item2{
display: flex;
justify-content: space-between;
}
.gamecont{
}
.contone{
background-color: #F5F7FA;
padding: 0 36rpx;
}
.conttwo{
padding: 0 36rpx;
}
.contone_item{
line-height: 72rpx;
}
.contone_item1{
font-size: 24rpx;
color: #909399;
}
.morejia{
display: table;
width: auto;
margin: 0 auto;
padding-top: 48rpx;
padding-bottom: 62rpx;
}
.morejia p{
font-size: 28rpx;
color: #954DE3;
text-align: center;
}
.morejia image{
display: block;
width: 24rpx;
height: 24rpx;
margin: 0 auto;
}
.green{
background-color: #00B977FF !important;
color: #fff !important;
}
.red{
background-color: #F25B5BFF !important;
color: #fff !important;
}
.bg_jb1{
background-image: linear-gradient(-30deg, #954DE3 50% , #F25B5B 50% );
color: #fff;
}
.bg_jb2{
background-image: linear-gradient(-30deg,#954DE3 50% , #00B977 50% );
color: #fff;
}
</style>