fix

virgo.wzfrontend/yui_wx/App.vue

@@ -13,6 +13,8 @@
 </script>
 
 <style lang="scss">
+	@import "@/static/font/iconfont.css";
+
 	// 设置整个项目的背景色
 	page {
 		color: $uni-main-color;

virgo.wzfrontend/yui_wx/components/house/houseItems.vue

@@ -0,0 +1,123 @@
+<template>
+	<view class="house-items">
+		<view class="house-image">
+			<image class="image" :src="imageUrl(house.showPicture)" mode="aspectFill">
+			</image>
+		</view>
+		<view class="house-content">
+			<view class="title">{{house.name}}</view>
+			<view class="space">
+				{{house.projectName}}/{{house.projectItemName}}/{{house.projectItemTargetName}}/{{house.roomNumber}}
+			</view>
+			<view class="tag">
+				<text style="margin-right: 6rpx;">{{house.area}}m²</text>
+				<text v-for="(tag,index) in  house.tagList" :key="index"> | {{tag.name}}</text>
+			</view>
+			<view class="pirce">
+				<text class="number">{{house.price}}</text>
+				<text class="label">/月</text>
+			</view>
+			<view class="house-btn">
+				查看房源
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			house: {
+				type: Object,
+				default: () => {
+					return {}
+				}
+			},
+		},
+		data() {
+			return {}
+		},
+		methods: {
+			imageUrl(data) {
+				if (!data) return 'https://assets.api.uizard.io/api/cdn/stream/c05650d2-192b-4a56-ae97-05638f53804c.png';
+				return JSON.parse(data)[0].url;
+			}
+		},
+	}
+</script>
+
+<style lang="scss">
+	.house-items {
+		width: 100%;
+		padding: 30rpx;
+		background: #fff;
+		border-radius: 16rpx;
+		box-sizing: border-box;
+		position: relative;
+		box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
+		margin-bottom: 30rpx;
+
+		.house-level {
+			position: absolute;
+			top: 50rpx;
+			right: 50rpx;
+			color: $uni-warning;
+			font-weight: bold;
+			background: rgba(255, 255, 255, 0.7);
+			width: 80rpx;
+			text-align: center;
+			height: 40rpx;
+			line-height: 40rpx;
+			border-radius: 40rpx;
+		}
+
+		.house-image {
+			height: 300rpx;
+			width: 100%;
+			overflow: hidden;
+			border-radius: 8px;
+		}
+
+		.title {
+			font-size: 32rpx;
+			font-weight: 500;
+			padding: 20rpx 0 10rpx 0;
+		}
+
+		.space {
+			font-weight: 300;
+			color: $uni-secondary-color;
+		}
+
+		.tag {
+			font-size: 24rpx;
+			font-weight: 300;
+			color: $uni-secondary-color;
+			padding: 12rpx 0;
+		}
+
+		.pirce {
+			color: $uni-primary;
+
+			.number {
+				font-weight: 600;
+				font-size: 48rpx;
+			}
+
+			.label {
+				font-size: 24rpx;
+			}
+		}
+
+		.house-btn {
+			background: $uni-primary;
+			height: 68rpx;
+			text-align: center;
+			line-height: 68rpx;
+			color: #ffffff;
+			border-radius: 68rpx;
+			margin-top: 30rpx;
+		}
+
+	}
+</style>

virgo.wzfrontend/yui_wx/pages.json

@@ -1,5 +1,10 @@
 {
 	"pages": [{
+			"path": "pages/project/project",
+			"style": {
+				"navigationBarTitleText": "项目详情"
+			}
+		}, {
 			"path": "pages/highseas/highseas",
 			"style": {
 				"navigationStyle": "custom",

virgo.wzfrontend/yui_wx/pages/project/project.vue

@@ -0,0 +1,233 @@
+<template>
+	<view class="project-detail">
+		<swiper class="swiper" circular :indicator-dots="true">
+			<swiper-item>
+				<image class="image"
+					src="https://assets.api.uizard.io/api/cdn/stream/0ba939e8-082b-42f9-a314-be3e195b3b25.png"
+					mode="aspectFill">
+				</image>
+			</swiper-item>
+			<swiper-item>
+				<image class="image"
+					src="https://assets.api.uizard.io/api/cdn/stream/0ba939e8-082b-42f9-a314-be3e195b3b25.png"
+					mode="aspectFill">
+				</image>
+			</swiper-item>
+			<swiper-item>
+				<image class="image"
+					src="https://assets.api.uizard.io/api/cdn/stream/0ba939e8-082b-42f9-a314-be3e195b3b25.png"
+					mode="aspectFill">
+				</image>
+			</swiper-item>
+		</swiper>
+		<view class="project-title">
+			<view class="project-name">维绿大厦项目</view>
+			<view class="project-label">距离您2km</view>
+			<uni-icons class="wx-icon" type="weixin" size="38" color="#43b156"></uni-icons>
+		</view>
+		<view class="project-label project-article">
+			维绿大厦位于武进区，交通便利，环境优美，周围公园便于锻炼。
+		</view>
+		<view class="project-content">
+			<view class="content-title">地理位置</view>
+			<view class="content-map">
+				<map id="map" class="map" :show-location="true" :latitude="latitude" :longitude="longitude"></map>
+			</view>
+			<view class="content-title">配套设施</view>
+			<view class="content-device">
+				<view class="device-item">
+					<uni-icons class="device-icon" custom-prefix="iconfont" type="icon-gongyuan" size="16"></uni-icons>
+					<text class="device-label">公园环境</text>
+				</view>
+				<view class="device-item">
+					<uni-icons class="device-icon" custom-prefix="iconfont" type="icon-jiaotong" size="18"></uni-icons>
+					<text class="device-label">交通便利</text>
+				</view>
+				<view class="device-item">
+					<uni-icons class="device-icon" custom-prefix="iconfont" type="icon-tubiao_-" size="18"></uni-icons>
+					<text class="device-label">医疗完善</text>
+				</view>
+				<view class="device-item">
+					<uni-icons class="device-icon" custom-prefix="iconfont" type="icon-wifi" size="16"></uni-icons>
+					<text class="device-label">免费wifi</text>
+				</view>
+				<view class="device-item">
+					<uni-icons class="device-icon" custom-prefix="iconfont" type="icon-zhishiku" size="16"></uni-icons>
+					<text class="device-label">幼儿教育</text>
+				</view>
+				<view class="device-item">
+					<uni-icons class="device-icon" custom-prefix="iconfont" type="icon-gouwu" size="18"></uni-icons>
+					<text class="device-label">便捷购物</text>
+				</view>
+			</view>
+			<view class="content-title">房源列表</view>
+			<view class="house-list">
+				<house-items v-for="(item,index) in list" :house="item" :key="item.id"></house-items>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		getOpenHouseListByPage
+	} from '@/request/api/house.js'
+	import houseItems from "@/components/house/houseItems.vue";
+	export default {
+		data() {
+			return {
+				latitude: 27.973361,
+				longitude: 120.658992,
+				list: []
+			}
+		},
+		onLoad(body) {
+			console.log(body);
+			this.init();
+		},
+		onReady() {
+			this._mapContext = uni.createMapContext("map", this);
+			this.addMarkers();
+		},
+		components: {
+			houseItems
+		},
+		methods: {
+			init() {
+				getOpenHouseListByPage({
+					currPage: 1,
+					pageSize: 10
+				}).then(res => {
+					if (res.code === 200) {
+						this.list = this.list.concat(res.data.dataList); //追加新数据
+					}
+				})
+			},
+			addMarkers() {
+				const positions = [{
+					latitude: 23.099994,
+					longitude: 113.324520,
+				}]
+
+				const markers = []
+
+				positions.forEach((p, i) => {
+					console.log(i)
+					markers.push(
+						Object.assign({}, {
+							id: i + 1,
+							width: 50,
+							height: 50,
+							joinCluster: true, // 指定了该参数才会参与聚合
+						}, p)
+					)
+				})
+				this._mapContext.addMarkers({
+					markers,
+					clear: false,
+					complete(res) {
+						console.log('addMarkers', res)
+					}
+				})
+			}
+		},
+	}
+</script>
+
+<style lang="scss">
+	.project-detail {
+		background: #fff;
+		padding-bottom: 60rpx;
+
+		.swiper {
+			height: 400rpx;
+
+			.image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.project-label {
+			font-size: 24rpx;
+			color: $uni-secondary-color;
+			font-weight: 300;
+
+		}
+
+		.project-article {
+			font-size: 28rpx;
+			padding: 0 30rpx;
+		}
+
+		.project-title {
+			padding: 40rpx 130rpx 30rpx 30rpx;
+			position: relative;
+
+			.project-name {
+				font-size: 36rpx;
+				font-weight: 500;
+			}
+
+			.project-label {
+				margin-top: 6rpx;
+			}
+
+			.wx-icon {
+				position: absolute;
+				top: 0;
+				right: 30rpx;
+				transform: translateY(50%);
+			}
+		}
+
+		.content-map {
+			width: 100%;
+			height: 360rpx;
+			border-radius: 16rpx;
+			overflow: hidden;
+			display: flex;
+
+			.map {
+				flex: 1;
+				height: 100%;
+				border-radius: 16rpx;
+			}
+		}
+
+		.project-content {
+			padding: 0 30rpx;
+			box-sizing: border-box;
+
+			.content-title {
+				font-size: 32rpx;
+				font-weight: 500;
+				margin: 30rpx 0;
+			}
+
+			.content-device {
+				display: flex;
+				flex-wrap: wrap;
+
+				.device-item {
+					width: 50%;
+					display: flex;
+					align-items: center;
+					margin-bottom: 20rpx;
+
+					.device-label {
+						flex: 1;
+						width: 0;
+						color: $uni-secondary-color;
+						font-weight: 200;
+						margin-left: 10rpx;
+					}
+
+					.device-icon {
+						color: $uni-base-color;
+					}
+				}
+			}
+		}
+	}
+</style>

virgo.wzfrontend/yui_wx/static/font/iconfont.css

@@ -0,0 +1,41 @@
+@font-face {
+	font-family: "iconfont";
+	/* Project id 4636045 */
+	src: url('/static/font/iconfont.ttf?t=1722234699227') format('truetype');
+}
+
+.iconfont {
+	font-family: "iconfont" !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-gouwu:before {
+	content: "\e7ed";
+}
+
+.icon-zhishiku:before {
+	content: "\e684";
+}
+
+.icon-tubiao_-:before {
+	content: "\e6ff";
+}
+
+.icon-wifi:before {
+	content: "\ec81";
+}
+
+.icon-yunzhineng:before {
+	content: "\e696";
+}
+
+.icon-jiaotong:before {
+	content: "\e634";
+}
+
+.icon-gongyuan:before {
+	content: "\e617";
+}

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/app.json

@@ -1,5 +1,6 @@
 {
   "pages": [
+    "pages/project/project",
     "pages/highseas/highseas",
     "pages/index/index",
     "pages/login/login",

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/components/house/houseItems.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/components/house/houseItems.wxss

@@ -0,0 +1,72 @@
+@charset "UTF-8";
+/* 需要放到文件最上面 */
+/* 水平间距 */
+/* 水平间距 */
+/*
+ 以下变量是默认值，如不需要修改可以不用给下面的变量重新赋值
+ */
+/* 水平间距 */
+.house-items {
+  width: 100%;
+  padding: 30rpx;
+  background: #fff;
+  border-radius: 16rpx;
+  box-sizing: border-box;
+  position: relative;
+  box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
+  margin-bottom: 30rpx;
+}
+.house-items .house-level {
+  position: absolute;
+  top: 50rpx;
+  right: 50rpx;
+  color: #fa8c16;
+  font-weight: bold;
+  background: rgba(255, 255, 255, 0.7);
+  width: 80rpx;
+  text-align: center;
+  height: 40rpx;
+  line-height: 40rpx;
+  border-radius: 40rpx;
+}
+.house-items .house-image {
+  height: 300rpx;
+  width: 100%;
+  overflow: hidden;
+  border-radius: 8px;
+}
+.house-items .title {
+  font-size: 32rpx;
+  font-weight: 500;
+  padding: 20rpx 0 10rpx 0;
+}
+.house-items .space {
+  font-weight: 300;
+  color: #8c8c8c;
+}
+.house-items .tag {
+  font-size: 24rpx;
+  font-weight: 300;
+  color: #8c8c8c;
+  padding: 12rpx 0;
+}
+.house-items .pirce {
+  color: #08979c;
+}
+.house-items .pirce .number {
+  font-weight: 600;
+  font-size: 48rpx;
+}
+.house-items .pirce .label {
+  font-size: 24rpx;
+}
+.house-items .house-btn {
+  background: #08979c;
+  height: 68rpx;
+  text-align: center;
+  line-height: 68rpx;
+  color: #ffffff;
+  border-radius: 68rpx;
+  margin-top: 30rpx;
+}
+

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/pages/project/project.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarTitleText": "项目详情",
+  "usingComponents": {
+    "uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons",
+    "house-items": "/components/house/houseItems"
+  }
+}

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/pages/project/project.wxss

@@ -0,0 +1,88 @@
+@charset "UTF-8";
+/* 需要放到文件最上面 */
+/* 水平间距 */
+/* 水平间距 */
+/*
+ 以下变量是默认值，如不需要修改可以不用给下面的变量重新赋值
+ */
+/* 水平间距 */
+.project-detail {
+  background: #fff;
+  padding-bottom: 60rpx;
+}
+.project-detail .swiper {
+  height: 400rpx;
+}
+.project-detail .swiper .image {
+  width: 100%;
+  height: 100%;
+}
+.project-detail .project-label {
+  font-size: 24rpx;
+  color: #8c8c8c;
+  font-weight: 300;
+}
+.project-detail .project-article {
+  font-size: 28rpx;
+  padding: 0 30rpx;
+}
+.project-detail .project-title {
+  padding: 40rpx 130rpx 30rpx 30rpx;
+  position: relative;
+}
+.project-detail .project-title .project-name {
+  font-size: 36rpx;
+  font-weight: 500;
+}
+.project-detail .project-title .project-label {
+  margin-top: 6rpx;
+}
+.project-detail .project-title .wx-icon {
+  position: absolute;
+  top: 0;
+  right: 30rpx;
+  -webkit-transform: translateY(50%);
+          transform: translateY(50%);
+}
+.project-detail .content-map {
+  width: 100%;
+  height: 360rpx;
+  border-radius: 16rpx;
+  overflow: hidden;
+  display: flex;
+}
+.project-detail .content-map .map {
+  flex: 1;
+  height: 100%;
+  border-radius: 16rpx;
+}
+.project-detail .project-content {
+  padding: 0 30rpx;
+  box-sizing: border-box;
+}
+.project-detail .project-content .content-title {
+  font-size: 32rpx;
+  font-weight: 500;
+  margin: 30rpx 0;
+}
+.project-detail .project-content .content-device {
+  display: flex;
+  flex-wrap: wrap;
+}
+.project-detail .project-content .content-device .device-item {
+  width: 50%;
+  display: flex;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+.project-detail .project-content .content-device .device-item .device-label {
+  flex: 1;
+  width: 0;
+  color: #8c8c8c;
+  font-weight: 200;
+  margin-left: 10rpx;
+}
+.project-detail .project-content .content-device .device-item .device-icon {
+  color: #434343;
+}
+

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/project.config.json

@@ -21,17 +21,7 @@
   "libVersion": "3.5.1",
   "appid": "wx3c006d364161d240",
   "projectname": "yui_wx",
-  "condition": {
-    "miniprogram": {
-      "list": [
-        {
-          "name": "pages/searchlist/searchlist",
-          "pathName": "pages/searchlist/searchlist",
-          "query": ""
-        }
-      ]
-    }
-  },
+  "condition": {},
   "editorSetting": {
     "tabIndent": "insertSpaces",
     "tabSize": 2

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/static/font/iconfont.css

@@ -0,0 +1,41 @@
+@font-face {
+	font-family: "iconfont";
+	/* Project id 4636045 */
+	src: url('/static/font/iconfont.ttf?t=1722234699227') format('truetype');
+}
+
+.iconfont {
+	font-family: "iconfont" !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-gouwu:before {
+	content: "\e7ed";
+}
+
+.icon-zhishiku:before {
+	content: "\e684";
+}
+
+.icon-tubiao_-:before {
+	content: "\e6ff";
+}
+
+.icon-wifi:before {
+	content: "\ec81";
+}
+
+.icon-yunzhineng:before {
+	content: "\e696";
+}
+
+.icon-jiaotong:before {
+	content: "\e634";
+}
+
+.icon-gongyuan:before {
+	content: "\e617";
+}