@ -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,19 +1,25 @@ |
|||||
import React, { useEffect, useState } from 'react'; |
import React, { useEffect, useState } from 'react'; |
||||
import Taro from '@tarojs/taro'; |
import Taro from '@tarojs/taro'; |
||||
import { View, Map, CoverView, CoverImage, Picker } from '@tarojs/components'; |
import { View } from '@tarojs/components'; |
||||
import { useIndustry } from '@/actions/business'; |
import { useIndustry } from '@/actions/business'; |
||||
import './index.scss'; |
import './index.scss'; |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
const Index = () => { |
const Index = () => { |
||||
// const { data: industryData } = useIndustry() |
|
||||
|
|
||||
return ( |
function toPatrol() { |
||||
<View className='page'> |
Taro.navigateTo({ |
||||
首页 |
url: '/packages/patrol/index' |
||||
</View> |
}) |
||||
); |
} |
||||
|
|
||||
|
return ( |
||||
|
<View className='page'> |
||||
|
<View className='fill'> |
||||
|
<View className='title'>巡 查 养 护</View> |
||||
|
<View className='btn' onClick={toPatrol}>填报</View> |
||||
|
</View> |
||||
|
</View> |
||||
|
); |
||||
} |
} |
||||
export default Index; |
export default Index; |
||||
|
|||||
@ -1,111 +1,29 @@ |
|||||
.page { |
.page { |
||||
.top { |
display: flex; |
||||
height: 16vh; |
flex-direction: column; |
||||
background: #EFF4FF; |
align-items: center; |
||||
color: #575F71; |
|
||||
font-size: 30px; |
.fill { |
||||
display: flex; |
margin-top: 30px; |
||||
flex-direction: column; |
padding: 10px; |
||||
justify-content: center; |
width: 94%; |
||||
|
height: 360px; |
||||
.select { |
background: url('../../static/img/patrol//fill-bg.svg') no-repeat; |
||||
display: flex; |
background-size:100% 100%; |
||||
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 {} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
} |
||||
|
|
||||
.map { |
.title { |
||||
width: 100vw; |
margin: 50px 0 0 48px; |
||||
|
color: #fff; |
||||
.cover-wrap { |
font-size: 48px; |
||||
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 { |
|
||||
width: 42px; |
|
||||
height: 42px; |
|
||||
margin-bottom: 4px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.cover-left { |
|
||||
position: absolute; |
|
||||
bottom: 24vh; |
|
||||
left: 12px; |
|
||||
margin: 0 auto; |
|
||||
box-sizing: border-box; |
|
||||
|
|
||||
.list { |
|
||||
margin: 0 auto; |
|
||||
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.22); |
|
||||
border-radius: 11px; |
|
||||
background: #fff; |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
justify-content: space-around; |
|
||||
padding: 20px 8px; |
|
||||
box-sizing: border-box; |
|
||||
|
|
||||
.cell { |
|
||||
font-size: 26px; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
margin: 10px 0; |
|
||||
|
|
||||
.img { |
.btn { |
||||
width: 36px; |
margin: 20px 0 0 50px; |
||||
height: 36px; |
color: #fff; |
||||
margin-right: 8px; |
text-align: center; |
||||
} |
width: 200px; |
||||
} |
border: solid 1px #fff; |
||||
} |
border-radius: 10px; |
||||
} |
|
||||
} |
} |
||||
} |
} |
||||
|
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 |