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.
|
|
<template> <view class="box"> <view class="img"> <image src="@/static/images/logo.png" mode=""></image> </view> <view class="textCon"> <view class="name">江西海正驾校</view> <view class="starBox"> <u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="4" disabled></u-rate> <view class="num">4.9分</view> </view> <view class="credit">行业信用AA</view> <view class="adr">距您1000.99公里</view> </view> <view class="pozPhone"> <image src="@/static/images/index/telephone.png" mode=""></image> </view> </view> </template>
<script> </script>
<style lang="scss" scoped> .box { height: 208rpx; background: #FFFFFF; border-radius: 16rpx; padding: 24rpx; position: relative; display: flex; margin-bottom: 20rpx; } .img { width: 204rpx; height: 140rpx; background: #FFFFFF; } .textCon { flex: 1; font-size: 24rpx; padding: 0 0 0 36rpx; .name { font-size: 32rpx; color: #363A44; font-weight: 600; } .starBox { display: flex; padding: 6rpx 0 6rpx 0; .num { color: $themC; } } .credit { color: #1989FA; margin-bottom: 4rpx; } .adr { color: #363A44; } } .pozPhone { position: absolute; top: 50%; right: 20rpx; width: 72rpx; height: 72rpx; transform: translateY(-50%); } </style>
|