提交 d2c7ef3f 作者: ZhangLingKun

修复:导航测试

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