Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
H
h5
概览
概览
详情
活动
周期分析
版本库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
iuav
h5
Commits
d2c7ef3f
提交
d2c7ef3f
authored
10月 30, 2023
作者:
ZhangLingKun
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修复:导航测试
上级
f17c75a8
全部展开
显示空白字符变更
内嵌
并排
正在显示
4 个修改的文件
包含
27 行增加
和
25 行删除
+27
-25
App.vue
src/App.vue
+2
-0
index.vue
src/pages/index/comp/network-list/index.vue
+11
-12
index.vue
src/pages/index/index.vue
+14
-13
animate.css
src/static/style/animate.css
+0
-0
没有找到文件。
src/App.vue
浏览文件 @
d2c7ef3f
...
@@ -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
>
src/pages/index/comp/network-list/index.vue
浏览文件 @
d2c7ef3f
<
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
-
704
rpx
+
110
rpx
);
//
top
:
calc
(
100vh
-
704
rpx
+
110
rpx
);
bottom
:
44
rpx
;
//
bottom
:
44
rpx
;
bottom
:
0
;
left
:
0
;
left
:
0
;
width
:
100%
;
width
:
100%
;
z-index
:
20
;
z-index
:
20
;
.list-view
{
.list-view
{
height
:
calc
(
100vh
-
156
rpx
-
110
rpx
-
(
100vh
-
504
rpx
));
//
height
:
calc
(
100vh
-
156
rpx
-
110
rpx
-
(
100vh
-
504
rpx
));
//
屏幕高度
-
底部
-
搜索
-
地图
//
屏幕高度
-
底部
-
搜索
-
地图
height
:
424
rpx
;
//
height
:
424
rpx
;
height
:
464
rpx
;
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
:
16
rpx
;
}
}
.serve
{
.serve
{
display
:
flex
;
display
:
flex
;
...
@@ -153,7 +152,7 @@ onMounted(() => {
...
@@ -153,7 +152,7 @@ onMounted(() => {
height
:
32
rpx
;
height
:
32
rpx
;
padding
:
0
6
rpx
;
padding
:
0
6
rpx
;
line-height
:
28
rpx
;
line-height
:
28
rpx
;
height
:
28
rpx
;
//
height
:
28
rpx
;
background
:
linear-gradient
(
270deg
,
#fff1ec
0%
,
#ffffff
54%
,
#ffe5db
100%
);
background
:
linear-gradient
(
270deg
,
#fff1ec
0%
,
#ffffff
54%
,
#ffe5db
100%
);
border-radius
:
4
rpx
;
border-radius
:
4
rpx
;
border
:
1
rpx
solid
#ffb099
;
border
:
1
rpx
solid
#ffb099
;
...
@@ -205,7 +204,7 @@ onMounted(() => {
...
@@ -205,7 +204,7 @@ onMounted(() => {
.item-distance
{
.item-distance
{
position
:
absolute
;
position
:
absolute
;
right
:
22
rpx
;
right
:
22
rpx
;
top
:
3
8
rpx
;
top
:
1
8
rpx
;
//
width
:
90
rpx
;
//
width
:
90
rpx
;
height
:
28
rpx
;
height
:
28
rpx
;
font-size
:
20
rpx
;
font-size
:
20
rpx
;
...
...
src/pages/index/index.vue
浏览文件 @
d2c7ef3f
...
@@ -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
(
424
rpx
+
4
4
rpx
);
bottom
:
calc
(
424
rpx
+
4
0
rpx
);
left
:
0
;
left
:
0
;
width
:
100%
;
width
:
100%
;
height
:
238
rpx
;
height
:
238
rpx
;
...
@@ -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
:
3
1
8
rpx
;
width
:
3
3
8
rpx
;
height
:
42
rpx
;
height
:
42
rpx
;
line-height
:
42
rpx
;
line-height
:
42
rpx
;
font-size
:
30
rpx
;
font-size
:
30
rpx
;
margin-top
:
10
rpx
;
margin-top
:
10
rpx
;
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
:
2
2
rpx
;
padding-top
:
3
2
rpx
;
margin-left
:
82
rpx
;
margin-left
:
82
rpx
;
animation
:
scale-animation
0
.638s
infinite
;
animation
:
scale-animation
2
.638s
infinite
;
margin-right
:
30
rpx
;
margin-right
:
30
rpx
;
image
{
image
{
width
:
198
rpx
;
width
:
198
rpx
;
...
@@ -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
(
424
rpx
+
4
4
rpx
);
bottom
:
calc
(
424
rpx
+
4
0
rpx
);
left
:
0
;
left
:
0
;
width
:
100%
;
width
:
100%
;
height
:
104
rpx
;
height
:
86
rpx
;
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
:
0
rpx
-8
rpx
16
rpx
0
rpx
rgba
(
219
,
45
,
0
,
0.5
);
//
box-shadow
:
0
rpx
-8
rpx
16
rpx
0
rpx
rgba
(
219
,
45
,
0
,
0.5
);
border-radius
:
48
rpx
48
rpx
0
rpx
0
rpx
;
border-radius
:
48
rpx
48
rpx
0
rpx
0
rpx
;
...
@@ -470,7 +470,8 @@ import weChatSDK from 'z-weixin-ts'
...
@@ -470,7 +470,8 @@ import weChatSDK from 'z-weixin-ts'
//
box-shadow
:
4
rpx
8
rpx
12
rpx
0
rgba
(
135
,
135
,
135
,
0.17
);
//
box-shadow
:
4
rpx
8
rpx
12
rpx
0
rgba
(
135
,
135
,
135
,
0.17
);
}
}
.item-active
{
.item-active
{
line-height
:
34
rpx
;
//
line-height
:
34
rpx
;
font-size
:
30
rpx
;
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
:
5
rpx
;
border-radius
:
5
rpx
;
position
:
absolute
;
position
:
absolute
;
top
:
6
4
rpx
;
top
:
5
4
rpx
;
left
:
50%
;
left
:
50%
;
transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
);
}
}
...
...
src/static/style/animate.css
0 → 100644
浏览文件 @
d2c7ef3f
差异被折叠。
点击展开。
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论