Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
H
h5
概览
概览
详情
活动
周期分析
版本库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
iuav
h5
Commits
55d4d835
提交
55d4d835
authored
10月 30, 2023
作者:
ZhangLingKun
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'develop'
上级
308c37d7
051014af
全部展开
显示空白字符变更
内嵌
并排
正在显示
5 个修改的文件
包含
55 行增加
和
32 行删除
+55
-32
kustomization.yaml
kustomization/overlays/dev/kustomization.yaml
+1
-1
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
+41
-19
animate.css
src/static/style/animate.css
+0
-0
没有找到文件。
kustomization/overlays/dev/kustomization.yaml
浏览文件 @
55d4d835
...
...
@@ -13,4 +13,4 @@ patches:
images
:
-
name
:
REGISTRY/NAMESPACE/IMAGE:TAG
newName
:
mmc-registry.cn-shenzhen.cr.aliyuncs.com/sharefly-dev/h5
newTag
:
fd29e8b214f66be537ad4af0b51742bfb5b46d08
newTag
:
e748e155ed05e7ae1fbd92eb6610101f9d62f7ba
src/App.vue
浏览文件 @
55d4d835
...
...
@@ -21,4 +21,6 @@ onHide(() => {
<
style
lang=
"scss"
>
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import
'uview-plus/theme.scss'
;
//
动画
@import
'@/static/style/animate.css'
;
</
style
>
src/pages/index/comp/network-list/index.vue
浏览文件 @
55d4d835
<
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
-
704
rpx
+
110
rpx
);
bottom
:
44
rpx
;
//
bottom
:
44
rpx
;
bottom
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
20
;
.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
;
//
background-color
:
lightpink
;
background-color
:
#fff
;
...
...
@@ -142,6 +140,7 @@ onMounted(() => {
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
margin-bottom
:
16
rpx
;
}
.serve
{
display
:
flex
;
...
...
@@ -153,7 +152,7 @@ onMounted(() => {
height
:
32
rpx
;
padding
:
0
6
rpx
;
line-height
:
28
rpx
;
height
:
28
rpx
;
//
height
:
28
rpx
;
background
:
linear-gradient
(
270deg
,
#fff1ec
0%
,
#ffffff
54%
,
#ffe5db
100%
);
border-radius
:
4
rpx
;
border
:
1
rpx
solid
#ffb099
;
...
...
@@ -205,7 +204,7 @@ onMounted(() => {
.item-distance
{
position
:
absolute
;
right
:
22
rpx
;
top
:
3
8
rpx
;
top
:
1
8
rpx
;
//
width
:
90
rpx
;
height
:
28
rpx
;
font-size
:
20
rpx
;
...
...
src/pages/index/index.vue
浏览文件 @
55d4d835
...
...
@@ -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>
...
...
@@ -65,8 +65,20 @@ export default {
return
{
location
:
{
lat
:
22.539692
,
lng
:
113.888588
},
networkTypeList
:
[
{
type
:
0
,
name
:
'飞手团队'
,
action
:
'派单'
,
tagId
:
5
},
{
type
:
1
,
name
:
'租赁商家'
,
action
:
'租设备'
,
tagId
:
3
},
{
type
:
0
,
name
:
'飞手团队'
,
action
:
'派单'
,
tagId
:
5
,
path
:
'/page-service/service-category/index'
},
{
type
:
1
,
name
:
'租赁商家'
,
action
:
'租设备'
,
tagId
:
3
,
path
:
'/page-rent/rent-store/index'
},
{
type
:
2
,
name
:
'培训机构'
,
action
:
'报名培训'
,
tagId
:
4
},
{
type
:
3
,
name
:
'维修网点'
,
action
:
'维修设备'
,
tagId
:
10
}
],
...
...
@@ -108,7 +120,7 @@ export default {
this
.
networkList
=
res
.
result
.
list
||
[]
setTimeout
(()
=>
{
if
(
this
.
networkList
.
length
!==
0
)
{
this
.
handleSelect
(
this
.
networkList
[
0
])
this
.
handleSelect
(
this
.
networkList
[
0
]
,
'map'
)
}
else
{
this
.
removeAllOverlay
()
}
...
...
@@ -116,7 +128,17 @@ export default {
}
},
// 网点点击事件
handleSelect
(
e
)
{
handleSelect
(
e
,
from
)
{
if
(
from
!==
'map'
)
{
// 当前选择的类型
const
item
=
this
.
networkTypeList
[
this
.
currentTypeIndex
]
// 如果存在路径
if
(
item
?.
path
)
{
weChatSDK
.
miniProgram
.
navigateTo
({
url
:
`
${
item
?.
path
}?
id
=
$
{
e
?.
backUserAccountId
}
`
})
}
}
this.setCenterPoint(e)
},
// 显示网点列表
...
...
@@ -243,7 +265,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 +288,7 @@ import weChatSDK from 'z-weixin-ts'
infoWindow
.
open
(
this
.
map
,
obj
.
position
);
const
navigate
=
document
.
querySelector
(
'.navigate'
);
navigate
.
onclick
=
()
=>
{
uni
.
openLocation
({
weChatSDK
.
openLocation
({
latitude
:
obj
.
lat
,
longitude
:
obj
.
lon
,
name
:
obj
.
companyName
,
...
...
@@ -285,11 +307,10 @@ import weChatSDK from 'z-weixin-ts'
},
// 设置中心点
setCenterPoint
(
e
){
console
.
log
(
'执行到此处 --->'
,
e
)
this
.
map
.
setCenter
([
e
.
lon
,
e
.
lat
])
this
.
openInfo
({
position
:[
e
.
lon
,
e
.
lat
],...
e
});
}
,
}
,
}
}
};
</
script
>
<
style
lang=
"scss"
scoped
>
...
...
@@ -394,7 +415,7 @@ import weChatSDK from 'z-weixin-ts'
}
.network-enter
{
position
:
fixed
;
bottom
:
calc
(
424
rpx
+
4
4
rpx
);
bottom
:
calc
(
424
rpx
+
4
0
rpx
);
left
:
0
;
width
:
100%
;
height
:
238
rpx
;
...
...
@@ -422,20 +443,20 @@ import weChatSDK from 'z-weixin-ts'
}
text
{
display
:
block
;
width
:
3
1
8
rpx
;
width
:
3
3
8
rpx
;
height
:
42
rpx
;
line-height
:
42
rpx
;
font-size
:
30
rpx
;
margin-top
:
10
rpx
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
//
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
#ffffff
;
}
}
.network-enter-willjoin
{
padding-top
:
2
2
rpx
;
padding-top
:
3
2
rpx
;
margin-left
:
82
rpx
;
animation
:
scale-animation
0
.638s
infinite
;
animation
:
scale-animation
2
.638s
infinite
;
margin-right
:
30
rpx
;
image
{
width
:
198
rpx
;
...
...
@@ -445,10 +466,10 @@ import weChatSDK from 'z-weixin-ts'
}
.network-type
{
position
:
fixed
;
bottom
:
calc
(
424
rpx
+
4
4
rpx
);
bottom
:
calc
(
424
rpx
+
4
0
rpx
);
left
:
0
;
width
:
100%
;
height
:
104
rpx
;
height
:
86
rpx
;
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
);
border-radius
:
48
rpx
48
rpx
0
rpx
0
rpx
;
...
...
@@ -470,7 +491,8 @@ import weChatSDK from 'z-weixin-ts'
//
box-shadow
:
4
rpx
8
rpx
12
rpx
0
rgba
(
135
,
135
,
135
,
0.17
);
}
.item-active
{
line-height
:
34
rpx
;
//
line-height
:
34
rpx
;
font-size
:
30
rpx
;
font-weight
:
600
;
color
:
#000000
;
position
:
relative
;
...
...
@@ -483,7 +505,7 @@ import weChatSDK from 'z-weixin-ts'
background
:
#ff5321
;
border-radius
:
5
rpx
;
position
:
absolute
;
top
:
6
4
rpx
;
top
:
5
4
rpx
;
left
:
50%
;
transform
:
translateX
(
-50%
);
}
...
...
src/static/style/animate.css
0 → 100644
浏览文件 @
55d4d835
差异被折叠。
点击展开。
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论