项目日志:11.21合并

components/hch-position/hch-position.vue

@@ -0,0 +1,276 @@
+<template>
+	<view class="content">
+		<view class="page-body" style="height: 100%;" >
+			<view class="page-section page-section-gap" style="height: 100%;">
+				<map id="myMap" style="width: 100%; height: 100%;" :latitude="latitude" :longitude="longitude"
+					:markers="markers" show-location enable-scroll @tap="bindtap" @callouttap="callouttap"
+					@regionchange="regionchange" @updated="updated">
+				</map>
+			</view>
+			<view class="store-tips">
+				
+				<!-- <cover-view class="store-des-box" v-if="storeFlag" @tap="storeDesEvn">
+					<cover-image class="store-img" src="/static/icon/1.jpg"></cover-image>
+					<cover-view class="store-des">
+						<cover-view class="store-name">{{store.name}}</cover-view>
+						<cover-view class="store-address">地址:{{store.address}}</cover-view>
+						<cover-view class="store-tel">电话:{{store.tel}}</cover-view>
+					</cover-view>
+				</cover-view> -->
+				<!-- <cover-image v-if="storeAdFlag" class="store-ad" src="/static/icon/ad.jpg"></cover-image>
+				<cover-image v-if="storeAdFlag" class="store-clear" @tap="hideAd" src="/static/icon/clear.png"> -->
+				</cover-image>
+			</view>
+			<cover-view class="near-num">距离最近的门店{{distanceL}}千米</cover-view>
+			<cover-image class="address-icon" src="../../static/icon/navigation.png"></cover-image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			storeData: {
+				type: Array,
+				default: [{
+						id: 1,
+						name: "门店1号",
+						address: "厦门市思明区汇景商业广场XXX1号",
+						tel: "12345678900"
+					},
+					{
+						id: 2,
+						name: "门店2号",
+						address: "厦门市思明区汇景商业广场XXX2号",
+						tel: "12345678900"
+					}
+				]
+			},
+			markers: {
+				type: Array,
+				default: [{
+						id: 1,
+						latitude: 24.4483294023427,
+						longitude: 118.08479034393311,
+						// iconPath: "../../static/icon/门店.png",
+						callout: {
+							content: "门店1号店",
+							borderRadius: 10,
+							padding: 5,
+							display: "ALWAYS"
+						}
+					},
+					{
+						id: 2,
+						latitude: 24.4558,
+						longitude: 118.12266,
+						// iconPath: "../../static/icon/门店.png",
+						callout: {
+							content: "门店2号店",
+							borderRadius: 10,
+							padding: 10,
+							display: "ALWAYS"
+						}
+					}
+				]
+			}
+		},
+		onLoad() {
+			// this.updated()
+		},
+		
+		data() {
+			return {
+				store: {},
+				storeFlag: false,
+				storeAdFlag: false,
+				distanceL: 0, //附近店门的距离
+				latitude: 39.909,
+				longitude: 116.39742,
+				controls: []
+			}
+		},
+		methods: {
+			// 点击了门店信息
+			storeDesEvn() {
+				uni.showToast({
+					title: "自己自定义跳门店详情页介绍",
+					duration: 2000,
+					icon: "none"
+				})
+			},
+			// 点击气泡
+			callouttap(e) {
+				this.storeFlag = true
+				this.storeAdFlag = false
+				for (let i = 0; i < this.storeData.length; i++) {
+					const ele = this.storeData[i]
+					if (ele.id == e.markerId) {
+						this.store = ele
+						break
+					}
+				}
+			},
+			// 点击地图
+			bindtap(id) {
+				this.storeFlag = false
+				// this.storeAdFlag=true;
+			},
+			// 隐藏广告图片
+			hideAd() {
+				this.storeAdFlag = false
+			},
+			updated() {
+				let _this = this
+				uni.getLocation({
+					type: "gcj02", //返回可以用于wx.openLocation的经纬度
+					success: function(res) {
+						_this.latitude = res.latitude
+						_this.longitude = res.longitude
+						_this.nearDistance(_this.markers, _this.latitude, _this.longitude)
+					},
+					fail: function(res) {
+						console.log(res)
+					}
+				})
+			},
+			// 改变视野时改变经纬度
+			regionchange(e) {
+				let _this = this
+				// 使用 wx.createMapContext 获取 map 上下文 this必须要写 不然没办法得到回调！！！！。
+				var mapCtx = uni.createMapContext("myMap", this)
+				mapCtx.getCenterLocation({
+					success: function(res) {
+						_this.centerLatitude = res.latitude
+						_this.centerLongitude = res.longitude
+						_this.nearDistance(
+							_this.markers,
+							_this.centerLatitude,
+							_this.centerLongitude
+						)
+					},
+					fail: function(res) {
+						console.log(res)
+					}
+				}) //获取当前地图的中心经纬度
+			},
+			// 两点间距离
+			distance(la1, lo1, la2, lo2) {
+				var La1 = (la1 * Math.PI) / 180.0
+				var La2 = (la2 * Math.PI) / 180.0
+				var La3 = La1 - La2
+				var Lb3 = (lo1 * Math.PI) / 180.0 - (lo2 * Math.PI) / 180.0
+				var s =
+					2 *
+					Math.asin(
+						Math.sqrt(
+							Math.pow(Math.sin(La3 / 2), 2) +
+							Math.cos(La1) * Math.cos(La2) * Math.pow(Math.sin(Lb3 / 2), 2)
+						)
+					)
+				s = s * 6378.137 //地球半径
+				s = Math.round(s * 10000) / 10000
+				return s
+			},
+			// 计算最近的距离
+			nearDistance(array, centerLatitude, centerLongitude) {
+				let temp = []
+				for (let i = 0, l = array.length; i < l; i++) {
+					const element = array[i]
+					let d = this.distance(
+						element.latitude,
+						element.longitude,
+						centerLatitude,
+						centerLongitude
+					)
+					temp.push(d)
+				}
+				this.distanceL = Math.min.apply(null, temp)
+			}
+		},
+		onShow() {},
+		onReady() {}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		text-align: center;
+		height: 100%;
+	}
+
+	.page-section {
+		z-index: 0;
+	}
+
+	.store-tips {
+		width: 600rpx;
+		height: 100rpx;
+		margin: 10rpx auto;
+		border-radius: 10rpx;
+		position: absolute;
+		top: 10rpx;
+		left: 50%;
+		transform: translate(-50%, 0);
+		z-index: 2;
+		overflow: hidden;
+
+		.store-des-box {
+			background: #fff;
+		}
+
+		.store-img {
+			width: 80rpx;
+			height: 80rpx;
+			border-radius: 10rpx;
+			margin: 10rpx;
+			float: left;
+		}
+
+		.store-des {
+			padding-top: 8rpx;
+			float: left;
+			line-height: 1;
+			font-size: 22rpx;
+			color: #666;
+			padding-left: 20rpx;
+
+			.store-name {
+				font-weight: 600;
+				color: deeppink;
+			}
+		}
+
+		.store-clear {
+			width: 30rpx;
+			height: 30rpx;
+			position: absolute;
+			top: 7rpx;
+			right: 7rpx;
+			margin: 30rpx;
+		}
+	}
+
+	.address-icon {
+		width: 38rpx;
+		height: 40rpx;
+		position: absolute;
+		top: 22%;
+		left: 50%;
+		z-index: 2;
+		margin-bottom: -20rpx;
+		margin-left: -20rpx;
+	}
+
+	.near-num {
+		padding: 10rpx 20rpx;
+		border-radius: 10rpx;
+		position: absolute;
+		top: 17%;
+		left: 50%;
+		z-index: 2;
+		font-size: 24rpx;
+		background: #fff;
+		transform: translate(-50%, 0);
+	}
+</style>

manifest.json

@@ -57,11 +57,11 @@
         },
         "usingComponents" : true
     },
-    // "permission" : {
-    //     "scope.userLocation" : {
-    //         "desc" : "获取位置，推荐精彩信息111"
-    //     }
-    // },
+    "permission" : {
+        "scope.userLocation" : {
+            "desc" : "获取位置，推荐精彩信息"
+        }
+    },
     // "requiredPrivateInfos": [
     // 	"getLocation"
     // ]

pages.json

@@ -1,8 +1,15 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 
+		{
+			"path": "pages/map/map",
+			"style": {
+				"navigationBarTitleText": "IHG地图",
+				"enablePullDownRefresh": false
+			}
+
+		},
 
-		
 		{
 			"path": "pages/index/index",
 			"style": {
@@ -70,14 +77,7 @@
 			}
 
 		},
-		{
-			"path": "pages/map/map",
-			"style": {
-				"navigationBarTitleText": "IHG地图",
-				"enablePullDownRefresh": false
-			}
-		
-		},
+
 
 
 		{

pages/map/map.vue

@@ -2,58 +2,287 @@
 	<view class="map">
 		<!-- 查询 -->
 		<view class="search">
-			<view class="search-loupe">
-				<image style="width: 32rpx;height: 32rpx;" src="/static/icon/search02.png" mode=""></image>
+			<view class="search-top" style="padding: 16rpx 30rpx 0rpx;margin-bottom: 20rpx;">
+				<view class="search-loupe" @click="isopenSearch = !isopenSearch">
+					<image style="width: 32rpx;height: 32rpx;" src="/static/icon/search02.png" mode=""></image>
+				</view>
+				<view class="search-area-all">
+					<view :class="isSelectArea?'search-area':'search-areaClick'" @click="openArea">
+						<text>地区</text>
+						<image v-if="isSelectArea" style="width: 16rpx;height: 10rpx;" src="/static/icon/down01.png"
+							mode="">
+						</image>
+						<image v-if="!isSelectArea" style="width: 16rpx;height: 10rpx;" src="/static/icon/up01.png"
+							mode="">
+						</image>
+					</view>
+					<view :class="isSelectBrand?'search-area':'search-areaClick'" @click="openBrand">
+						<text>品牌</text>
+						<image v-if="isSelectBrand" style="width: 16rpx;height: 10rpx;" src="/static/icon/down01.png"
+							mode="">
+						</image>
+						<image v-if="!isSelectBrand" style="width: 16rpx;height: 10rpx;" src="/static/icon/up01.png"
+							mode="">
+						</image>
+					</view>
+					<view class="search-area" :class="isSelectSift?'search-area':'search-areaClick'" @click="openSift">
+						<text>更多筛选</text>
+						<image v-if="isSelectSift" style="width: 16rpx;height: 10rpx;" src="/static/icon/down01.png"
+							mode="">
+						</image>
+						<image v-if="!isSelectSift" style="width: 16rpx;height: 10rpx;" src="/static/icon/up01.png"
+							mode="">
+						</image>
+					</view>
+				</view>
+				<image style=" flex: none; width: 52rpx;height: 46rpx;" src="/static/icon/vip.png" mode=""></image>
+			</view>
+			<view class="search-detail" v-if="isopenSearch">
+				<u-input placeholder="输入酒店/城市名称搜索酒店" border='none'>
+					<template slot="suffix" style='margin-right:40rpx;'>
+						<u-image :showLoading="true" :showError='true' src="/static/icon/search.png" width="40rpx"
+							height="32rpx"></u-image>
+					</template>
+				</u-input>
+			</view>
+			<!-- 选择地区 -->
+			<view class="search-detail" v-if="!isSelectArea">
+				<view class="search-detail-area">
+					<view class="areaTitle" v-for="(item,index) in areaList" :key="index" @click="checked(index)">
+						<view :class="{'active-area':isActive === index}">
+							{{item.title}}
+						</view>
+					</view>
+				</view>
+				<view class="search-detail-btn">
+					<view class="search-detail-btn-left">
+						<text>取消</text>
+					</view>
+					<view class="search-detail-btn-right">
+						<text>确认</text>
+					</view>
+				</view>
 			</view>
-			<view class="search-area-all">
-				<view class="search-area">
-					<text>地区</text>
-					<image style="width: 16.67rpx;height: 10rpx;" src="/static/icon/down01.png" mode=""></image>
+			<!-- 选择品牌-->
+			<view class="search-detail" v-if="!isSelectBrand">
+				<view class="search-detail-area">
+					<view class="areaTitle" v-for="(item,index) in brandList" :key="index" @click="checked(index)">
+						<view :class="{'active-area':isActive === index}">
+							{{item.title}}
+						</view>
+					</view>
 				</view>
-				<view class="search-area">
-					<text>品牌</text>
-					<image style="width: 17rpx;height: 10rpx;" src="/static/icon/down01.png" mode=""></image>
+				<view class="search-detail-btn">
+					<view class="search-detail-btn-left">
+						<text>取消</text>
+					</view>
+					<view class="search-detail-btn-right">
+						<text>确认</text>
+					</view>
 				</view>
-				<view class="search-area">
-					<text>更多筛选</text>
-					<image style="width: 16.67rpx;height: 10rpx;" src="/static/icon/down01.png" mode=""></image>
+			</view>
+			<!-- 筛选-->
+			<view class="search-detail" v-if="!isSelectSift" >
+				<view class="partner">
+					<view class="partner-top" @click="selectPartner">
+						<text>合作伙伴</text>
+						<image  v-if="isPartner" style=" width: 20rpx; height: 12rpx; " src="/static/icon/up02.png" mode=""></image>
+						<image  v-if="!isPartner" style=" width: 20rpx; height: 12rpx; " src="/static/icon/down02.png" mode=""></image>
+					</view>
+					<view class="partner-main" v-if="isPartner">
+						<uni-data-checkbox multiple v-model="value" :localdata="partner" @change="change">
+						</uni-data-checkbox>
+					</view>
+					
+					<view class="partner-top" style="border-top: none;" @click="selectJoin">
+						<text>加盟品牌</text>
+						<image  v-if="isJoin" style=" width: 20rpx; height: 12rpx; " src="/static/icon/up02.png" mode=""></image>
+						<image  v-if="!isJoin" style=" width: 20rpx; height: 12rpx; " src="/static/icon/down02.png" mode=""></image>
+					</view>
+					<view class="partner-main" v-if="isJoin">
+						<uni-data-checkbox multiple v-model="value" :localdata="partner" @change="change">
+						</uni-data-checkbox>
+					</view>
+					
+					<view class="search-detail-btn">
+						<view class="search-detail-btn-left">
+							<text>取消</text>
+						</view>
+						<view class="search-detail-btn-right">
+							<text>确认</text>
+						</view>
+					</view>
 				</view>
+
 			</view>
-			<image style=" flex: none; width: 52rpx;height: 46rpx;" src="/static/icon/vip.png" mode=""></image>
+
 		</view>
-		
 		<view class="address">
-			<!-- 1111111111111111111111111111111 -->
+			<view style="height:1232rpx;">
+				<hch-position></hch-position>
+			</view>
+
+			<view class="address-nav">
+				<view class="address-detail" v-for="item in 3">
+					<image src="/static/icon/Kudosbg.png" class="wait-img"></image>
+					<view class="address-detail-main">
+						<view class="address-detail-main-left">
+							<text class="title">IHG酒店</text>
+							<view class="content">
+								<text>豪华型</text>
+							</view>
+							<view class="bottom">
+								<text class="bottom-left">￥</text>
+								<text class="bottom-right">238起</text>
+							</view>
+						</view>
+						<view class="address-detail-main-right">
+							<text>预订</text>
+						</view>
+					</view>
+					<view class="address-detail-position">
+						<image style="width: 18rpx;height: 22rpx;" src="/static/icon/address02.png" mode=""></image>
+						<text style="margin-left:4rpx ;">3.3km</text>
+					</view>
+				</view>
+			</view>
+
 		</view>
-		
-		
-		
-		
-		
-		
-		
-		
+		<view style="height: 110rpx;"></view>
 		<tab-bar></tab-bar>
 	</view>
 </template>
 
 <script>
 	import TabBar from '../../components/TabBar/tabbar.vue'
+	import HchPosition from '../../components/hch-position/hch-position.vue'
 	export default {
 		components: {
-			TabBar
+			TabBar,
+			HchPosition
 		},
 		data() {
 			return {
-				
-			};
+				value: [0],
+				//合作伙伴
+				partner: [{
+					text: '足球',
+					value: 0
+				}, {
+					text: '篮球',
+					value: 1
+				}, {
+					text: '游泳',
+					value: 2
+				},{
+					text: '游泳',
+					value: 3
+				},{
+					text: '游泳',
+					value: 4
+				},{
+					text: '游泳',
+					value: 5
+				},{
+					text: '游泳',
+					value: 6
+				},{
+					text: '游泳',
+					value: 7
+				},],
+
+				//品牌
+				brandList: [{
+					title: '谷歌'
+				}, {
+					title: '微软'
+				}, {
+					title: 'iphone'
+				}, {
+					title: '新希望'
+				}, {
+					title: '三江重工'
+				}, {
+					title: 'JavaScript'
+				}],
+				//地区
+				areaList: [{
+					title: '重庆'
+				}, {
+					title: '成都'
+				}, {
+					title: '绵阳'
+				}, {
+					title: '广汉'
+				}, {
+					title: '内江'
+				}, {
+					title: '宜宾'
+				}, {
+					title: '大理'
+				}, {
+					title: '自贡'
+				}, {
+					title: '贵州'
+				}, {
+					title: '泸州'
+				}],
+				//激活指定table菜单
+				isActive: 0,
+				//展开搜索
+				isopenSearch: false,
+				//选择地区
+				isSelectArea: true,
+				//选择品牌
+				isSelectBrand: true,
+				//刷选
+				isSelectSift: true,
+				//是否展示合作伙伴
+				isPartner:false,
+				//是否展示加盟品牌
+				isJoin:false,
+
+			}
+		},
+		methods: {
+			//是否展示加盟品牌
+			selectJoin(){
+				this.isJoin = !this.isJoin
+			},
+			//是否展示合作伙伴
+			selectPartner(){
+				this.isPartner = !this.isPartner
+			},
+			//合作伙伴刷选
+			change(e) {
+				console.log('e:', e);
+			},
+			//菜单index切换
+			checked(index) {
+				this.isActive = index
+			},
+			//展开地区选择
+			openArea() {
+				console.log(111);
+				this.isSelectArea = !this.isSelectArea
+			},
+			//展开品牌选择
+			openBrand() {
+				this.isSelectBrand = !this.isSelectBrand
+			},
+			//展开筛选选择
+			openSift() {
+				this.isSelectSift = !this.isSelectSift
+			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
-	
-	
+	page {
+		height: 100%;
+	}
+
 	.map {
 		height: 100%;
 		background-color: #f9f9f9;
@@ -61,17 +290,180 @@
 		flex-direction: column;
 	}
 
-	.search{
+	.search-detail {
+		width: 100%;
+		position: absolute;
+		top: 88rpx;
+		z-index: 999 !important;
+		background-color: #ffffff;
+		box-shadow: 0px 12rpx 16rpx 0px rgba(220, 222, 229, 0.4);
+		padding: 20rpx 30rpx 20rpx;
+
+		.partner {
+			.partner-top {
+				height: 88rpx;
+				border-top: 2rpx solid #F0F0F0;
+				border-bottom: 2rpx solid #F0F0F0;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				color: #333;
+				font-size: 28rpx;
+			}
+
+			.partner-main {
+				margin-top: 32rpx;
+				
+				::v-deep .uni-data-checklist .checklist-group .checklist-box {
+					width: 26%;
+				}
+				
+				::v-deep .uni-data-checklist .checklist-group .checklist-box .checkbox__inner {
+					width: 48rpx;
+					height: 48rpx;
+				}
+
+				::v-deep .uni-data-checklist .checklist-group .checklist-box .checkbox__inner .checkbox__inner-icon {
+					top: 6rpx !important;
+					left: 17rpx !important;
+					height: 24rpx !important;
+					width: 15rpx !important;
+					border-right-color: #ff6200;
+					border-bottom-color: #ff6200;
+				}
+
+				::v-deep .uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checklist-text {
+					color: #666 !important;
+					font-size: 24rpx !important;
+				}
+
+				::v-deep .checklist-text {
+					font-size: 24rpx !important;
+				}
+
+				::v-deep .uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checkbox__inner {
+					border-color: #EDEDED !important;
+					background-color: #ffffff;
+				}
+			}
+		}
+
+		.search-detail-area {
+			width: 100%;
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: flex-start;
+			align-items: center;
+
+			.areaTitle {
+				width: 156rpx;
+				height: 56rpx;
+				background: #FFFFFF;
+				border: 2rpx solid #EDEDED;
+				border-radius: 28rpx;
+				font-size: 28rpx;
+				color: #666;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin-right: 20rpx;
+				margin-bottom: 18rpx;
+
+				&:nth-child(4n) {
+					margin-right: 0;
+				}
+			}
+
+			// .areaTitle-item {
+			// 	width: 156rpx;
+			// 	height: 56rpx;
+			// 	background-color: #F1F1F1;
+			// 	border-radius: 26rpx;
+			// 	font-size: 24rpx;
+			// 	color: #999;
+			// 	display: flex;
+			// 	justify-content: center;
+			// 	align-items: center;
+			// }
+			.active-area {
+				width: 156rpx;
+				height: 56rpx;
+				border-radius: 28rpx;
+				background-color: #FF6200;
+				color: #fff;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+		}
+
+		.search-detail-btn {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin: 38rpx 0 20rpx;
+
+			.search-detail-btn-left {
+				flex: 1;
+				height: 76rpx;
+				background: rgba(237, 237, 237, .55);
+				border-radius: 8rpx;
+				color: #999999;
+				font-size: 30rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				font-weight: bold;
+
+			}
+
+			.search-detail-btn-right {
+				flex: 1;
+				height: 76rpx;
+				background: linear-gradient(270deg, #FF6200 0%, #FF9342 100%);
+				border-radius: 8rpx;
+				color: #FFFFFF;
+				font-size: 30rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin-left: 22rpx;
+				font-weight: bold;
+			}
+
+		}
+
+		::v-deep .u-input {
+			width: 690rpx !important;
+			height: 68rpx !important;
+			background: #F1F1F1;
+			border-radius: 74rpx;
+		}
+
+		::v-deep .u-input__content__field-wrapper {
+			padding-left: 36rpx;
+		}
+	}
+
+
+	.search-top {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.search {
+		position: relative;
 		flex: none;
 		width: 100%;
-		height: 88rpx;
 		background: #FFFFFF;
-		box-shadow: 0px 12rpx 16rpx 0px rgba(220,222,229,0.4);
-		padding:16rpx 30rpx 12rpx ;
+		box-shadow: 0px 12rpx 16rpx 0px rgba(220, 222, 229, 0.4);
 		display: flex;
-		align-items: center;
+		flex-direction: column;
+		align-items: inherit;
 		justify-content: space-between;
-		.search-loupe{
+
+		.search-loupe {
 			flex: none;
 			width: 60rpx;
 			height: 60rpx;
@@ -83,12 +475,33 @@
 			justify-content: center;
 			margin-right: 16rpx;
 		}
-		.search-area-all{
+
+		.search-area-all {
 			flex: 1;
 			display: flex;
 			align-items: center;
 			justify-content: flex-start;
-			.search-area{
+
+			.search-areaClick {
+				padding: 12rpx 22rpx;
+				height: 52rpx;
+				background: #FFFFFF;
+				border-radius: 26rpx;
+				border: 2rpx solid #FF6200;
+				font-weight: 500;
+				color: #FF6200;
+				font-size: 28rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin-right: 16rpx;
+
+				text {
+					margin-right: 8rpx;
+				}
+			}
+
+			.search-area {
 				padding: 12rpx 22rpx;
 				height: 52rpx;
 				background: #FFFFFF;
@@ -101,18 +514,132 @@
 				align-items: center;
 				justify-content: center;
 				margin-right: 16rpx;
-				text{
+
+				text {
 					margin-right: 8rpx;
 				}
 			}
 		}
-		
+
 	}
-	.address{
-		flex: 1;
-		height: 200px;
-		background-color: deeppink;
+
+	.address-nav {
+		position: absolute;
+		width: 100%;
+		bottom: 34rpx;
+		padding: 0 16rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		overflow-x: scroll;
+
 	}
-	
 
+	.address {
+		flex: 1;
+		position: relative;
+
+		.address-detail {
+			position: relative;
+			flex: none;
+			width: 496rpx;
+			height: 318rpx;
+			background: #000;
+			box-shadow: 0px 4rpx 8rpx 0px rgba(0, 0, 0, 0.08);
+			border-radius: 10rpx;
+			margin-right: 16rpx;
+
+			&:last-child {
+				margin-right: 0rpx;
+			}
+
+			.wait-img {
+				width: 100%;
+				height: 100%;
+				opacity: 0.7;
+				filter: alpha(opacity=60);
+			}
+
+			.address-detail-main {
+				position: absolute;
+				left: 0;
+				bottom: 30rpx;
+				width: 100%;
+				display: flex;
+				align-items: flex-end;
+				justify-content: space-between;
+
+				.address-detail-main-left {
+					position: absolute;
+					left: 20rpx;
+
+					.title {
+						font-size: 32rpx;
+						font-weight: bold;
+						color: #FFFFFF;
+					}
+
+					.content {
+						margin: 12rpx 0 20rpx;
+						width: 92rpx;
+						height: 34rpx;
+						background: rgba(142, 160, 166, .6);
+						border-radius: 17rpx;
+						color: #ffffff;
+						font-size: 22rpx;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+					}
+
+					.bottom {
+						display: flex;
+						align-items: center;
+						justify-content: flex-start;
+
+						.bottom-left {
+							font-size: 24rpx;
+							font-weight: bold;
+							color: #ffffff;
+							margin-right: 6rpx;
+						}
+
+						.bottom-right {
+							font-size: 32rpx;
+							font-weight: bold;
+							color: #ffffff;
+						}
+					}
+				}
+
+				.address-detail-main-right {
+					position: absolute;
+					right: 24rpx;
+					width: 120rpx;
+					height: 44rpx;
+					background: #FF6300;
+					box-shadow: 0px 4rpx 8rpx 0px rgba(0, 0, 0, 0.08);
+					border-radius: 22rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					color: #ffffff;
+					font-size: 28rpx;
+				}
+
+			}
+
+			.address-detail-position {
+				position: absolute;
+				top: 22rpx;
+				right: 24rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				font-weight: 500;
+				color: #FFFFFF;
+				font-size: 20rpx;
+			}
+		}
+	}
 </style>

unpackage/dist/dev/mp-weixin/app.json

@@ -1,5 +1,6 @@
 {
   "pages": [
+    "pages/map/map",
     "pages/index/index",
     "pages/index/active-list/index",
     "pages/index/active-detail/index",
@@ -8,7 +9,6 @@
     "pages/goods/goods-detail/index",
     "pages/goods/goods-hotel/index",
     "pages/goods/goods-lucky/index",
-    "pages/map/map",
     "pages/msg/msg",
     "pages/login/login",
     "pages/login/youyue",

unpackage/dist/dev/mp-weixin/components/SwiperBox/index.json

@@ -1,7 +1,7 @@
 {
+  "component": true,
   "usingComponents": {
     "u-loading-icon": "/node-modules/uview-ui/components/u-loading-icon/u-loading-icon",
     "u-swiper": "/node-modules/uview-ui/components/u-swiper/u-swiper"
-  },
-  "component": true
+  }
 }

unpackage/dist/dev/mp-weixin/components/TabBar/tabbar.json

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

unpackage/dist/dev/mp-weixin/components/hch-position/hch-position.json

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

unpackage/dist/dev/mp-weixin/components/hch-position/hch-position.wxml

@@ -0,0 +1 @@
+<view class="content data-v-0d276fb8"><view class="page-body data-v-0d276fb8" style="height:100%;"><view class="page-section page-section-gap data-v-0d276fb8" style="height:100%;"><map style="width:100%;height:100%;" id="myMap" latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}" show-location="{{true}}" enable-scroll="{{true}}" data-event-opts="{{[['tap',[['bindtap',['$event']]]],['callouttap',[['callouttap',['$event']]]],['regionchange',[['regionchange',['$event']]]],['updated',[['updated',['$event']]]]]}}" bindtap="__e" bindcallouttap="__e" bindregionchange="__e" bindupdated="__e" class="data-v-0d276fb8"></map></view><view class="store-tips data-v-0d276fb8"></view><cover-view class="near-num data-v-0d276fb8">{{"距离最近的门店"+distanceL+"千米"}}</cover-view><cover-image class="address-icon data-v-0d276fb8" src="../../static/icon/navigation.png"></cover-image></view></view>

unpackage/dist/dev/mp-weixin/components/hch-position/hch-position.wxss

@@ -0,0 +1,99 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.content.data-v-0d276fb8 {
+  text-align: center;
+  height: 100%;
+}
+.page-section.data-v-0d276fb8 {
+  z-index: 0;
+}
+.store-tips.data-v-0d276fb8 {
+  width: 600rpx;
+  height: 100rpx;
+  margin: 10rpx auto;
+  border-radius: 10rpx;
+  position: absolute;
+  top: 10rpx;
+  left: 50%;
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
+  z-index: 2;
+  overflow: hidden;
+}
+.store-tips .store-des-box.data-v-0d276fb8 {
+  background: #fff;
+}
+.store-tips .store-img.data-v-0d276fb8 {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 10rpx;
+  margin: 10rpx;
+  float: left;
+}
+.store-tips .store-des.data-v-0d276fb8 {
+  padding-top: 8rpx;
+  float: left;
+  line-height: 1;
+  font-size: 22rpx;
+  color: #666;
+  padding-left: 20rpx;
+}
+.store-tips .store-des .store-name.data-v-0d276fb8 {
+  font-weight: 600;
+  color: deeppink;
+}
+.store-tips .store-clear.data-v-0d276fb8 {
+  width: 30rpx;
+  height: 30rpx;
+  position: absolute;
+  top: 7rpx;
+  right: 7rpx;
+  margin: 30rpx;
+}
+.address-icon.data-v-0d276fb8 {
+  width: 38rpx;
+  height: 40rpx;
+  position: absolute;
+  top: 22%;
+  left: 50%;
+  z-index: 2;
+  margin-bottom: -20rpx;
+  margin-left: -20rpx;
+}
+.near-num.data-v-0d276fb8 {
+  padding: 10rpx 20rpx;
+  border-radius: 10rpx;
+  position: absolute;
+  top: 17%;
+  left: 50%;
+  z-index: 2;
+  font-size: 24rpx;
+  background: #fff;
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
+}
+

unpackage/dist/dev/mp-weixin/components/q-turntable/q-turntable.js

@@ -1,6 +1,6 @@
 (global["webpackJsonp"] = global["webpackJsonp"] || []).push([["components/q-turntable/q-turntable"],{
 
-/***/ 413:
+/***/ 485:
 /*!*************************************************************************!*\
   !*** D:/vscode-demo/IHG/IHG/IHG/components/q-turntable/q-turntable.vue ***!
   \*************************************************************************/
@@ -9,10 +9,10 @@
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _q_turntable_vue_vue_type_template_id_2e5c8c30___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./q-turntable.vue?vue&type=template&id=2e5c8c30& */ 414);
-/* harmony import */ var _q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./q-turntable.vue?vue&type=script&lang=js& */ 416);
+/* harmony import */ var _q_turntable_vue_vue_type_template_id_2e5c8c30___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./q-turntable.vue?vue&type=template&id=2e5c8c30& */ 486);
+/* harmony import */ var _q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./q-turntable.vue?vue&type=script&lang=js& */ 488);
 /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var _q_turntable_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./q-turntable.vue?vue&type=style&index=0&lang=css& */ 418);
+/* harmony import */ var _q_turntable_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./q-turntable.vue?vue&type=style&index=0&lang=css& */ 490);
 /* harmony import */ var _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js */ 11);
 
 var renderjs
@@ -41,7 +41,7 @@ component.options.__file = "components/q-turntable/q-turntable.vue"
 
 /***/ }),
 
-/***/ 414:
+/***/ 486:
 /*!********************************************************************************************************!*\
   !*** D:/vscode-demo/IHG/IHG/IHG/components/q-turntable/q-turntable.vue?vue&type=template&id=2e5c8c30& ***!
   \********************************************************************************************************/
@@ -50,7 +50,7 @@ component.options.__file = "components/q-turntable/q-turntable.vue"
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_template_id_2e5c8c30___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./q-turntable.vue?vue&type=template&id=2e5c8c30& */ 415);
+/* harmony import */ var _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_template_id_2e5c8c30___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./q-turntable.vue?vue&type=template&id=2e5c8c30& */ 487);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_template_id_2e5c8c30___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_template_id_2e5c8c30___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
@@ -63,7 +63,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 415:
+/***/ 487:
 /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/vscode-demo/IHG/IHG/IHG/components/q-turntable/q-turntable.vue?vue&type=template&id=2e5c8c30& ***!
   \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -90,7 +90,7 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ 416:
+/***/ 488:
 /*!**************************************************************************************************!*\
   !*** D:/vscode-demo/IHG/IHG/IHG/components/q-turntable/q-turntable.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************/
@@ -99,14 +99,14 @@ render._withStripped = true
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./q-turntable.vue?vue&type=script&lang=js& */ 417);
+/* harmony import */ var _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./q-turntable.vue?vue&type=script&lang=js& */ 489);
 /* harmony import */ var _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__);
 /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  /* harmony default export */ __webpack_exports__["default"] = (_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ 417:
+/***/ 489:
 /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/vscode-demo/IHG/IHG/IHG/components/q-turntable/q-turntable.vue?vue&type=script&lang=js& ***!
   \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -205,7 +205,7 @@ var _default =
 
 /***/ }),
 
-/***/ 418:
+/***/ 490:
 /*!**********************************************************************************************************!*\
   !*** D:/vscode-demo/IHG/IHG/IHG/components/q-turntable/q-turntable.vue?vue&type=style&index=0&lang=css& ***!
   \**********************************************************************************************************/
@@ -214,14 +214,14 @@ var _default =
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--6-oneOf-1-2!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src??ref--6-oneOf-1-3!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./q-turntable.vue?vue&type=style&index=0&lang=css& */ 419);
+/* harmony import */ var _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--6-oneOf-1-2!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src??ref--6-oneOf-1-3!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../HbuilderX/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./q-turntable.vue?vue&type=style&index=0&lang=css& */ 491);
 /* harmony import */ var _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
 /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  /* harmony default export */ __webpack_exports__["default"] = (_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HbuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_q_turntable_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ 419:
+/***/ 491:
 /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--6-oneOf-1-2!./node_modules/postcss-loader/src??ref--6-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/vscode-demo/IHG/IHG/IHG/components/q-turntable/q-turntable.vue?vue&type=style&index=0&lang=css& ***!
   \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -240,7 +240,7 @@ __webpack_require__.r(__webpack_exports__);
     'components/q-turntable/q-turntable-create-component',
     {
         'components/q-turntable/q-turntable-create-component':(function(module, exports, __webpack_require__){
-            __webpack_require__('1')['createComponent'](__webpack_require__(413))
+            __webpack_require__('1')['createComponent'](__webpack_require__(485))
         })
     },
     [['components/q-turntable/q-turntable-create-component']]

unpackage/dist/dev/mp-weixin/components/q-turntable/q-turntable.json

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