@ -5,13 +5,13 @@
< view class = "view_100" :style ="{fontSize:item.content[0].size,color:item.content[0].colorvalue}" > { { item . content [ 0 ] . value } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[0].size,color:item.content[0].colorvalue}" > { { item . content [ 0 ] . value } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[1].size,color:item.content[1].colortext}" > { { item . content [ 1 ] . text } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[1].size,color:item.content[1].colortext}" > { { item . content [ 1 ] . text } } < / view >
< / view >
< / view >
< view v -else -if = " item.kind = = 2 " :key ="index" : class = "[(index+1)%3==0 ? '':'marginRight','kind','kind_two','breathe-blue']" : style = "{backgroundImage:'linear-gradient(to top right,'+item.background[0]+','+item.background+')' ,marginRight:(index+1)%3==0?'0rpx':'40rpx'}" >
< view v -else -if = " item.kind = = 2 " : class = "[(index+1)%3==0 ? '':'marginRight','kind','kind_two','breathe-blue']" : style = "{backgroundImage:'linear-gradient(to top right,'+item.background[0]+','+item.background+')' ,marginRight:(index+1)%3==0?'0rpx':'40rpx'}" >
< view v-for ="(content,i) in item.content" :key="i" class="two_1" >
< view v-for ="(content,i) in item.content" :key="i" class="two_1" >
< text :style ="{fontSize:content.size,color:content.colortext}" > { { content . text } } : < / text >
< text :style ="{fontSize:content.size,color:content.colortext}" > { { content . text } } : < / text >
< text :style ="{fontSize:content.size,color:content.colorvalue}" > { { content . value } } < / text >
< text :style ="{fontSize:content.size,color:content.colorvalue}" > { { content . value } } < / text >
< / view >
< / view >
< / view >
< / view >
< view v -else -if = " item.kind = = 3 " :key ="index" class = "kind kind_three breathe-blue" : style = "{backgroundImage:'linear-gradient(to top right,'+item.background[0]+','+item.background+')'}" >
< view v -else -if = " item.kind = = 3 " class = "kind kind_three breathe-blue" : style = "{backgroundImage:'linear-gradient(to top right,'+item.background[0]+','+item.background+')'}" >
< view class = "view_100" :style ="{fontSize:item.content[0].size,color:item.content[0].colorvalue}" > { { item . content [ 0 ] . value } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[0].size,color:item.content[0].colorvalue}" > { { item . content [ 0 ] . value } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[1].size,color:item.content[1].colortext}" > { { item . content [ 1 ] . text } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[1].size,color:item.content[1].colortext}" > { { item . content [ 1 ] . text } } < / view >
< view class = "three_3 view_100" >
< view class = "three_3 view_100" >
@ -21,17 +21,17 @@
< / view >
< / view >
< / view >
< / view >
< / view >
< / view >
< view v -else -if = " item.kind = = 4 " :key ="index" : class = "[(index+1)%3==0 ? '':'marginRight','kind','kind_four','breathe-blue']" : style = "{backgroundImage:'linear-gradient(to top right,'+item.background[0]+','+item.background[1]+')',marginRight:(index+1)%3==0?'0rpx':'40rpx'}" >
< view v -else -if = " item.kind = = 4 " : class = "[(index+1)%3==0 ? '':'marginRight','kind','kind_four','breathe-blue']" : style = "{backgroundImage:'linear-gradient(to top right,'+item.background[0]+','+item.background[1]+')',marginRight:(index+1)%3==0?'0rpx':'40rpx'}" >
< view class = "view_100" :style ="{fontSize:item.content[0].size,color:item.content[0].colortext}" > { { item . content [ 0 ] . text } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[0].size,color:item.content[0].colortext}" > { { item . content [ 0 ] . text } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[1].size,color:item.content[1].colorvalue}" > { { item . content [ 1 ] . value } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[1].size,color:item.content[1].colorvalue}" > { { item . content [ 1 ] . value } } < / view >
< view class = "four_3" :style ="{fontSize:item.content[2].size,color:item.content[2].colorvalue}" >
< view class = "four_3" :style ="{fontSize:item.content[2].size,color:item.content[2].colorvalue}" >
< text :style ="{fontSize:item.content[3].size,color:item.content[3].colorvalue}" > { { item . content [ 2 ] . text } } < / text >
< text :style ="{fontSize:item.content[3].size,color:item.content[3].colorvalue}" > { { item . content [ 2 ] . text } } < / text >
< li v-if ="item.content[3].text == 'up'" class="iconfont icon-up icon " :style="{color:item.content[3].colortext}"> < / li >
< li v-if ="item.content[3].text == 'up'" class="iconfont icon-up icon li_1 " :style="{color:item.content[3].colortext}"> < / li >
< li v -else class = "iconfont icon-down icon " :style ="{color:item.content[3].colortext}" > < / li >
< li v -else class = "iconfont icon-down icon li_1 " :style ="{color:item.content[3].colortext}" > < / li >
< text :style ="{fontSize:item.content[3].size,color:item.content[3].colorvalue}" > { { item . content [ 3 ] . value } } < / text >
< text :style ="{fontSize:item.content[3].size,color:item.content[3].colorvalue}" > { { item . content [ 3 ] . value } } < / text >
< / view >
< / view >
< / view >
< / view >
< view v -else -if = " item.kind = = 5 " :key ="index" : class = "[(index+1)%3==0 ? '':'marginRight','kind','kind_five','breathe-red']" : style = "{backgroundImage:'linear-gradient(to top right,'+item.background[0]+','+item.background[1]+')',marginRight:(index+1)%3==0?'0rpx':'40rpx'}" >
< view v -else -if = " item.kind = = 5 " : class = "[(index+1)%3==0 ? '':'marginRight','kind','kind_five','breathe-red']" : style = "{backgroundImage:'linear-gradient(to top right,'+item.background[0]+','+item.background[1]+')',marginRight:(index+1)%3==0?'0rpx':'40rpx'}" >
< view class = "view_100" :style ="{fontSize:item.content[0].size,color:item.content[0].colortext}" > { { item . content [ 0 ] . text } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[0].size,color:item.content[0].colortext}" > { { item . content [ 0 ] . text } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[1].size,color:item.content[1].colorvalue}" > { { item . content [ 1 ] . value } } < / view >
< view class = "view_100" :style ="{fontSize:item.content[1].size,color:item.content[1].colorvalue}" > { { item . content [ 1 ] . value } } < / view >
< view class = "five_3 view_100" >
< view class = "five_3 view_100" >
@ -119,7 +119,7 @@
border - radius : 10 rpx ;
border - radius : 10 rpx ;
. four _3 {
. four _3 {
display : flex ;
display : flex ;
li {
. li _1 {
list - style - type : none ;
list - style - type : none ;
}
}
. icon {
. icon {