@ -0,0 +1,10 @@ |
|||||
|
import React from 'react' |
||||
|
import { View } from '@tarojs/components'; |
||||
|
|
||||
|
const Index = () => { |
||||
|
return ( |
||||
|
<View>巡查养护</View> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
export default Index |
@ -1,4 +1,5 @@ |
|||||
export default { |
export default { |
||||
navigationBarTitleText: '登录', |
navigationBarTitleText: '登录', |
||||
disableScroll: true, |
disableScroll: true, |
||||
|
navigationStyle: 'custom' |
||||
} |
} |
@ -1,111 +1,29 @@ |
|||||
.page { |
.page { |
||||
.top { |
|
||||
height: 16vh; |
|
||||
background: #EFF4FF; |
|
||||
color: #575F71; |
|
||||
font-size: 30px; |
|
||||
display: flex; |
display: flex; |
||||
flex-direction: column; |
flex-direction: column; |
||||
justify-content: center; |
|
||||
|
|
||||
.select { |
|
||||
display: flex; |
|
||||
align-items: center; |
align-items: center; |
||||
margin: 12px auto; |
|
||||
width: 90vw; |
|
||||
|
|
||||
.label { |
|
||||
margin-right: 20px; |
|
||||
white-space: nowrap; |
|
||||
} |
|
||||
|
|
||||
.content { |
|
||||
width: 70vw; |
|
||||
border: 1px solid #3288FF; |
|
||||
border-radius: 5px; |
|
||||
padding: 10px 8px; |
|
||||
|
|
||||
.custom-picker { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
|
|
||||
.text {} |
|
||||
|
|
||||
|
.fill { |
||||
|
margin-top: 30px; |
||||
|
padding: 10px; |
||||
|
width: 94%; |
||||
|
height: 360px; |
||||
|
background: url('../../static/img/patrol//fill-bg.svg') no-repeat; |
||||
|
background-size:100% 100%; |
||||
} |
} |
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.map { |
|
||||
width: 100vw; |
|
||||
|
|
||||
.cover-wrap { |
|
||||
position: absolute; |
|
||||
bottom: 10px; |
|
||||
width: 96%; |
|
||||
left: 2%; |
|
||||
margin: 0 auto; |
|
||||
box-sizing: border-box; |
|
||||
|
|
||||
.tablist { |
|
||||
width: 100%; |
|
||||
margin: 0 auto; |
|
||||
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.22); |
|
||||
border-radius: 11px; |
|
||||
background: #fff; |
|
||||
display: flex; |
|
||||
justify-content: space-around; |
|
||||
padding: 20px 0; |
|
||||
|
|
||||
.tab { |
|
||||
width: 25%; |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
font-size: 28px; |
|
||||
|
|
||||
.img { |
.title { |
||||
width: 42px; |
margin: 50px 0 0 48px; |
||||
height: 42px; |
color: #fff; |
||||
margin-bottom: 4px; |
font-size: 48px; |
||||
} |
|
||||
} |
|
||||
} |
} |
||||
} |
|
||||
|
|
||||
.cover-left { |
|
||||
position: absolute; |
|
||||
bottom: 24vh; |
|
||||
left: 12px; |
|
||||
margin: 0 auto; |
|
||||
box-sizing: border-box; |
|
||||
|
|
||||
.list { |
.btn { |
||||
margin: 0 auto; |
margin: 20px 0 0 50px; |
||||
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.22); |
color: #fff; |
||||
border-radius: 11px; |
text-align: center; |
||||
background: #fff; |
width: 200px; |
||||
display: flex; |
border: solid 1px #fff; |
||||
flex-direction: column; |
border-radius: 10px; |
||||
justify-content: space-around; |
|
||||
padding: 20px 8px; |
|
||||
box-sizing: border-box; |
|
||||
|
|
||||
.cell { |
|
||||
font-size: 26px; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
margin: 10px 0; |
|
||||
|
|
||||
.img { |
|
||||
width: 36px; |
|
||||
height: 36px; |
|
||||
margin-right: 8px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
} |
||||
} |
} |
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 59 KiB |
After Width: | Height: | Size: 212 B |
After Width: | Height: | Size: 190 B |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 139 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 95 KiB |