uni-app城市展示组件代码

以下是一个简单的 uni-app 城市展示组件的代码示例：

<template>
  <view class="city-list">
    <view class="city-item" v-for="(city, index) in cityList" :key="index">
      <view class="city-name">{{ city.name }}</view>
      <view class="city-temperature">{{ city.temperature }}℃</view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    cityList: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style>
.city-list {
  display: flex;
  flex-direction: column;
}

.city-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx;
  border-bottom: 1px solid #eee;
}

.city-name {
  font-size: 32rpx;
  font-weight: bold;
}

.city-temperature {
  font-size: 28rpx;
  color: #f00;
}
</style>

该组件传入一个 `cityList` 数组作为 props，每个元素包含一个城市名称和对应的温度。组件会根据传入的数据在页面上展示城市列表。