qingyuyiliao/pages/mine/card_detail.vue

<template>
	<view class="card-detail">
		<view class="detail-top">
			<view class="text">
			<text class="name">站点名称:</text>	氢予中国
			</view>
			<view class="text">
			 <text class="name">联系电话:</text>13203706613
			</view>
			<view class="text">
				<text class="name">吸氢剩余时间:</text>260分钟
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.detail-top{
		padding: 30rpx;
		margin: 30rpx;
		color: #FFFFFF;
		border-radius:12rpx;
		background-image: linear-gradient(to right,#027675,#3bba91);
		.text{
			line-height: 50rpx;
			font-size: 28rpx;
			.name{
				display: inline-block;
				margin-right: 20rpx;
			}
		}
	}
</style>