wx-rating-template/components/report/list.vue

42 lines
1.0 KiB
Vue

<!-- 列表项 -->
<template>
<view class="result-box" style="padding:20rpx 0">
<view class="uni-flex" style="justify-content: space-between;margin:0;padding:0rpx 40rpx" v-if="title!==''||unit!==''">
<text>{{title}}</text>
<text>{{unit}}</text>
<easy-select class="select" size='mini' v-if="isSelect"></easy-select>
</view>
<scroll-view scroll-x="true" style="font-weight: normal;">
<view class="uni-flex" v-for="(item,index) in data" :key='index'
:style="{padding:'0 30rpx',background: index%2 === 0||index===0? '#3D4679':'#374072'}">
<view v-for="(ele,i) in item" :key='i' class="uni-flex-data"
:style="{textAlign:i !== -1?'center':'left'}">
{{ele}}
</view>
</view>
</scroll-view>
</view>
</template>
<script>
export default{
props:{
data:[Array],
title: [String],
unit: [String],
isSelect:{
type:Boolean,
default:false
}
},
data(){
return {}
},
methods:{}
}
</script>
<style lang='scss' scoped>
@import "../../static/general.scss"
</style>