提交 d2c7ef3f 作者: ZhangLingKun

修复:导航测试

上级 f17c75a8
...@@ -21,4 +21,6 @@ onHide(() => { ...@@ -21,4 +21,6 @@ onHide(() => {
<style lang="scss"> <style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */ /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import 'uview-plus/theme.scss'; @import 'uview-plus/theme.scss';
//动画
@import '@/static/style/animate.css';
</style> </style>
<template> <template>
<view class="network-list"> <view class="network-list animate__animated animate__fadeIn">
<scroll-view v-if="!isclick" class="list-view" scroll-y> <scroll-view v-if="!isclick" class="list-view" scroll-y>
<view v-for="(i, j) in list" :key="j" class="list-item" @click="handleSelect(j)"> <view v-for="(i, j) in list" :key="j" class="list-item" @click="handleSelect(j)">
<image class="item-image" :src="i.brandLogo" mode="widthFix" /> <image class="item-image" :src="i.brandLogo" mode="widthFix" />
...@@ -35,13 +35,9 @@ ...@@ -35,13 +35,9 @@
<view class="item-distance">据你{{ i.distance }}km </view> <view class="item-distance">据你{{ i.distance }}km </view>
</view> </view>
</scroll-view> </scroll-view>
<scroll-view v-else class="list-view-click" scroll-y> <scroll-view v-else class="list-view-click animate__animated animate__slideInRight" scroll-y>
<view v-for="(i, j) in list" :key="j" class="list-item" @click="handleSelect(j)"> <view v-for="(i, j) in list" :key="j" class="list-item" @click="handleSelect(j)">
<image <image class="item-image" :src="i.brandLogo" mode="widthFix" />
class="item-image"
src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/e9381486ae2144058e2743f3a92178ce_mergeImage.png"
mode="widthFix"
/>
<view class="item-content"> <view class="item-content">
<view class="content-title">{{ i.companyName }}</view> <view class="content-title">{{ i.companyName }}</view>
<view class="serve"> <view class="serve">
...@@ -95,14 +91,16 @@ onMounted(() => { ...@@ -95,14 +91,16 @@ onMounted(() => {
.network-list { .network-list {
position: fixed; position: fixed;
// top: calc(100vh - 704rpx + 110rpx); // top: calc(100vh - 704rpx + 110rpx);
bottom: 44rpx; //bottom: 44rpx;
bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 20; z-index: 20;
.list-view { .list-view {
height: calc(100vh - 156rpx - 110rpx - (100vh - 504rpx)); //height: calc(100vh - 156rpx - 110rpx - (100vh - 504rpx));
// 屏幕高度 - 底部 - 搜索 - 地图 // 屏幕高度 - 底部 - 搜索 - 地图
height: 424rpx; //height: 424rpx;
height: 464rpx;
overflow-y: auto; overflow-y: auto;
//background-color: lightpink; //background-color: lightpink;
background-color: #fff; background-color: #fff;
...@@ -142,6 +140,7 @@ onMounted(() => { ...@@ -142,6 +140,7 @@ onMounted(() => {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-bottom: 16rpx;
} }
.serve { .serve {
display: flex; display: flex;
...@@ -153,7 +152,7 @@ onMounted(() => { ...@@ -153,7 +152,7 @@ onMounted(() => {
height: 32rpx; height: 32rpx;
padding: 0 6rpx; padding: 0 6rpx;
line-height: 28rpx; line-height: 28rpx;
height: 28rpx; //height: 28rpx;
background: linear-gradient(270deg, #fff1ec 0%, #ffffff 54%, #ffe5db 100%); background: linear-gradient(270deg, #fff1ec 0%, #ffffff 54%, #ffe5db 100%);
border-radius: 4rpx; border-radius: 4rpx;
border: 1rpx solid #ffb099; border: 1rpx solid #ffb099;
...@@ -205,7 +204,7 @@ onMounted(() => { ...@@ -205,7 +204,7 @@ onMounted(() => {
.item-distance { .item-distance {
position: absolute; position: absolute;
right: 22rpx; right: 22rpx;
top: 38rpx; top: 18rpx;
// width: 90rpx; // width: 90rpx;
height: 28rpx; height: 28rpx;
font-size: 20rpx; font-size: 20rpx;
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<text>列表</text> <text>列表</text>
</view> </view>
<!-- 入驻飞享云 --> <!-- 入驻飞享云 -->
<view v-if="!isclick" class="network-enter"> <view v-if="!isclick" class="network-enter animate__animated animate__slideInUp">
<view class="network-enter-super"> <view class="network-enter-super">
<image src="../../static/img/supermen.png" mode="widthFix" /> <image src="../../static/img/supermen.png" mode="widthFix" />
</view> </view>
...@@ -243,7 +243,7 @@ import weChatSDK from 'z-weixin-ts' ...@@ -243,7 +243,7 @@ import weChatSDK from 'z-weixin-ts'
openInfo(obj) { openInfo(obj) {
// 构建信息窗体中显示的内容 // 构建信息窗体中显示的内容
const domStr = ` const domStr = `
<div class="map-open-info"> <div class="map-open-info animate__animated animate__fadeIn">
<div class="info-left"> <div class="info-left">
<div class="park-name"> <div class="park-name">
${obj.companyName || '-'} ${obj.companyName || '-'}
...@@ -266,7 +266,7 @@ import weChatSDK from 'z-weixin-ts' ...@@ -266,7 +266,7 @@ import weChatSDK from 'z-weixin-ts'
infoWindow.open(this.map, obj.position); infoWindow.open(this.map, obj.position);
const navigate = document.querySelector('.navigate'); const navigate = document.querySelector('.navigate');
navigate.onclick = () => { navigate.onclick = () => {
uni.openLocation({ weChatSDK.miniProgram.openLocation({
latitude: obj.lat, latitude: obj.lat,
longitude: obj.lon, longitude: obj.lon,
name: obj.companyName, name: obj.companyName,
...@@ -285,7 +285,7 @@ import weChatSDK from 'z-weixin-ts' ...@@ -285,7 +285,7 @@ import weChatSDK from 'z-weixin-ts'
}, },
// 设置中心点 // 设置中心点
setCenterPoint(e){ setCenterPoint(e){
console.log('执行到此处 --->',e) console.log('执行到此处 --->',e,this.currentTypeIndex)
this.map.setCenter([e.lon, e.lat]) this.map.setCenter([e.lon, e.lat])
this.openInfo({position:[e.lon, e.lat],...e}); this.openInfo({position:[e.lon, e.lat],...e});
}, },
...@@ -394,7 +394,7 @@ import weChatSDK from 'z-weixin-ts' ...@@ -394,7 +394,7 @@ import weChatSDK from 'z-weixin-ts'
} }
.network-enter { .network-enter {
position: fixed; position: fixed;
bottom: calc(424rpx + 44rpx); bottom: calc(424rpx + 40rpx);
left: 0; left: 0;
width: 100%; width: 100%;
height: 238rpx; height: 238rpx;
...@@ -422,20 +422,20 @@ import weChatSDK from 'z-weixin-ts' ...@@ -422,20 +422,20 @@ import weChatSDK from 'z-weixin-ts'
} }
text { text {
display: block; display: block;
width: 318rpx; width: 338rpx;
height: 42rpx; height: 42rpx;
line-height: 42rpx; line-height: 42rpx;
font-size: 30rpx; font-size: 30rpx;
margin-top: 10rpx; margin-top: 10rpx;
font-family: PingFangSC-Medium, PingFang SC; //font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
} }
} }
.network-enter-willjoin { .network-enter-willjoin {
padding-top: 22rpx; padding-top: 32rpx;
margin-left: 82rpx; margin-left: 82rpx;
animation: scale-animation 0.638s infinite; animation: scale-animation 2.638s infinite;
margin-right: 30rpx; margin-right: 30rpx;
image { image {
width: 198rpx; width: 198rpx;
...@@ -445,10 +445,10 @@ import weChatSDK from 'z-weixin-ts' ...@@ -445,10 +445,10 @@ import weChatSDK from 'z-weixin-ts'
} }
.network-type { .network-type {
position: fixed; position: fixed;
bottom: calc(424rpx + 44rpx); bottom: calc(424rpx + 40rpx);
left: 0; left: 0;
width: 100%; width: 100%;
height: 104rpx; height: 86rpx;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #ffffff 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #ffffff 100%);
// box-shadow: 0rpx -8rpx 16rpx 0rpx rgba(219, 45, 0, 0.5); // box-shadow: 0rpx -8rpx 16rpx 0rpx rgba(219, 45, 0, 0.5);
border-radius: 48rpx 48rpx 0rpx 0rpx; border-radius: 48rpx 48rpx 0rpx 0rpx;
...@@ -470,7 +470,8 @@ import weChatSDK from 'z-weixin-ts' ...@@ -470,7 +470,8 @@ import weChatSDK from 'z-weixin-ts'
// box-shadow: 4rpx 8rpx 12rpx 0 rgba(135, 135, 135, 0.17); // box-shadow: 4rpx 8rpx 12rpx 0 rgba(135, 135, 135, 0.17);
} }
.item-active { .item-active {
line-height: 34rpx; //line-height: 34rpx;
font-size: 30rpx;
font-weight: 600; font-weight: 600;
color: #000000; color: #000000;
position: relative; position: relative;
...@@ -483,7 +484,7 @@ import weChatSDK from 'z-weixin-ts' ...@@ -483,7 +484,7 @@ import weChatSDK from 'z-weixin-ts'
background: #ff5321; background: #ff5321;
border-radius: 5rpx; border-radius: 5rpx;
position: absolute; position: absolute;
top: 64rpx; top: 54rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论