caimei-applets-mcare/components/uni-grade/uni-grade.vue

<template>
	<view class="grade" :style="{marginTop:margin+'rpx'}">
		<text class="grade-text">￥</text>
		<image :src="staticUrl + 'icon-grade'+grade+'@2x.png'" mode=""></image>
	</view>
</template>

<script>
	export default{
		name:"grade",
		props:{
			grade:{	//等级
				type: Number,
			},
			margin:{
				type:Number,
				default:12
			}
		},
		data() {
			return {
				staticUrl:this.global.staticUrl
			};
		},
		created() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	.grade{
		width: 200rpx;
		height: 36rpx;
		float: left;
		.grade-text{
			display: inline-block;
			float: left;
			line-height: 36rpx;
			font-size: 24rpx;
			color: #666;
		}
		image{
			width: 118rpx;
			height: 36rpx;
			display: inline-block;
			float: left;
		}
	}
</style>