学员端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

59 lines
1.0 KiB

<template>
<view class="card">
<view class="flex-b">
<view class="left_text">
<view class="adr ">江西省江西市江西区某某镇尚坤丁兰国际1190号820</view>
<view class="distance">距您100km</view>
</view>
<view class="mapEntry">
<view class="icon">
<image src="@/static/images/index/mapIcon.png" mode=""></image>
</view>
<view class="text">地图导航</view>
</view>
</view>
</view>
</template>
<script>
</script>
<style lang="scss" scoped>
.card {
padding: 24rpx;
.flex-b {
align-items: center;
.left_text {
flex: 1;
.adr {
font-size: 28rpx;
color: #333333;
font-weight: 500;
}
.distance {
margin-top: 24rpx;
color: #686B73;
font-size: 24rpx;
}
}
.mapEntry {
width: 130rpx;
display: flex;
flex-direction: column;
align-items: center;
.icon {
width: 32rpx;
height: 32rpx;
}
.text {
font-size: 24rpx;
margin-top: 10rpx;
color: $themC;
}
}
}
}
</style>