TianHeJianKang/pages/index/components/List.vue

<template>
	<view>
		<view class="box flexe">
			<view class="" style="font-size: 0;">
				<image class="img"
					src="https://img2.baidu.com/it/u=1277253023,1926890940&fm=253&fmt=auto&app=120&f=JPEG?w=744&h=500"
					mode=""></image>
			</view>
			<view class="rigth">
				<view class="title">
					店铺名称
				</view>
				<view class="weiZhhi sl1">
					店铺位置
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive
	} from 'vue'
	import {
		HTTP
	} from '@/api/http.js'
	import {
		onShow,
		onLoad
	} from '@dcloudio/uni-app'
	import {
		jieqiFn
	} from '@/config' //返回节气样式（a,b),a是节气名称，b是类型，1是返回背景颜色，2是返回边框颜色，3是返回字体颜色
</script>

<style lang="scss" scoped>
	.box {
		width: 686rpx;
		border: 1rpx solid #ff0000;
		padding: 20rpx;
		margin: 0 auto;

		//店铺封面图
		.img {

			width: 150rpx;
			height: 100rpx;
		}

		//店铺信息
		.rigth {
			margin-left: 16rpx;

			.title {
				font-weight: 600;
			}
				// 店铺位置
			.weiZhhi{
				color: #000;
			}
		}
	}
</style>