feat: mj for mobile page payout is ready

This commit is contained in:
RockYang
2024-01-30 18:34:01 +08:00
parent 9446bf5f98
commit 8f4d94f046
5 changed files with 230 additions and 84 deletions

View File

@@ -2,3 +2,49 @@
width: 100px;
text-align: right;
}
.mobile-mj .content .text-line {
padding: 6px;
font-size: 14px;
}
.mobile-mj .content .text-line .van-row .van-col .rate {
display: flex;
justify-content: center;
background-color: #f5f5f5;
padding: 5px 10px;
margin: 5px 0;
border-radius: 5px;
flex-flow: column;
}
.mobile-mj .content .text-line .van-row .van-col .rate .icon {
text-align: center;
}
.mobile-mj .content .text-line .van-row .van-col .rate .icon .van-image {
max-width: 20px;
}
.mobile-mj .content .text-line .van-row .van-col .rate .text {
text-align: center;
color: #555;
}
.mobile-mj .content .text-line .van-row .van-col .model {
display: flex;
justify-content: center;
background-color: #f5f5f5;
padding: 6px;
margin: 5px 0;
border-radius: 5px;
flex-flow: column;
}
.mobile-mj .content .text-line .van-row .van-col .model .icon {
text-align: center;
}
.mobile-mj .content .text-line .van-row .van-col .model .icon .van-image {
width: 100%;
height: 50px;
}
.mobile-mj .content .text-line .van-row .van-col .model .text {
text-align: center;
color: #555;
}
.mobile-mj .content .text-line .van-row .van-col .active {
background-color: #e5e5e5;
}

View File

@@ -4,5 +4,65 @@
width 100px
text-align right
}
.text-line {
padding 6px
font-size 14px
.van-row {
.van-col {
.rate {
display: flex;
justify-content center
background-color #f5f5f5
padding 5px 10px
margin 5px 0
border-radius 5px
flex-flow column
.icon {
text-align center
.van-image {
max-width 20px
}
}
.text {
text-align center
color #555555
}
}
.model {
display: flex;
justify-content center
background-color #f5f5f5
padding 6px
margin 5px 0
border-radius 5px
flex-flow column
.icon {
text-align center
.van-image {
width 100%
height 50px
}
}
.text {
text-align center
color #555555
}
}
.active {
background-color #e5e5e5
}
}
}
}
}
}