13 changed files with 239 additions and 136 deletions
@ -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 { |
|||
navigationBarTitleText: '登录', |
|||
disableScroll: true, |
|||
navigationStyle: 'custom' |
|||
} |
|||
@ -1,19 +1,25 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
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 './index.scss'; |
|||
|
|||
|
|||
|
|||
|
|||
const Index = () => { |
|||
// const { data: industryData } = useIndustry() |
|||
|
|||
return ( |
|||
<View className='page'> |
|||
首页 |
|||
</View> |
|||
); |
|||
function toPatrol() { |
|||
Taro.navigateTo({ |
|||
url: '/packages/patrol/index' |
|||
}) |
|||
} |
|||
|
|||
return ( |
|||
<View className='page'> |
|||
<View className='fill'> |
|||
<View className='title'>巡 查 养 护</View> |
|||
<View className='btn' onClick={toPatrol}>填报</View> |
|||
</View> |
|||
</View> |
|||
); |
|||
} |
|||
export default Index; |
|||
|
|||
@ -1,111 +1,29 @@ |
|||
.page { |
|||
.top { |
|||
height: 16vh; |
|||
background: #EFF4FF; |
|||
color: #575F71; |
|||
font-size: 30px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
|
|||
.select { |
|||
display: flex; |
|||
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 {} |
|||
|
|||
} |
|||
} |
|||
} |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
|
|||
.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 { |
|||
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; |
|||
.title { |
|||
margin: 50px 0 0 48px; |
|||
color: #fff; |
|||
font-size: 48px; |
|||
} |
|||
|
|||
.img { |
|||
width: 36px; |
|||
height: 36px; |
|||
margin-right: 8px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.btn { |
|||
margin: 20px 0 0 50px; |
|||
color: #fff; |
|||
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 |
Loading…
Reference in new issue