Browse Source

style: 样式修改

master
guoapeng 4 months ago
parent
commit
a449a7da77
  1. 8
      src/components/CustomNavBar.tsx
  2. 4
      src/pages/MeasurementList.tsx

8
src/components/CustomNavBar.tsx

@ -14,12 +14,12 @@ export default function CustomNavBar({ title }: { title: string }) {
<div className="relative bg-white h-[--navBarHeight] border-b border-[#D8D8D8]">
{/** 温度,水平仪 */}
<div
className="absolute h-[30px] w-full bg-white border border-[#D8D8D8] flex items-center gap-2 px-4"
className="absolute h-[30px] w-full bg-white border border-[#D8D8D8] flex items-center gap-2 px-2"
style={{ top: device.connected && showDetail ? '100%' : 0, transition: 'top 300ms' }}
>
<span className="flex-1">: {device.temperature}°C</span>
<span className="flex-1">X轴倾斜: {device.inclinatorX}</span>
<span className="flex-1">Y轴倾斜: {device.inclinatorY}</span>
<span className="flex-1">: {device.temperature.toFixed(1)}°C</span>
<span className="flex-1">X轴倾斜: {device.inclinatorX.toFixed(2)}</span>
<span className="flex-1">Y轴倾斜: {device.inclinatorY.toFixed(2)}</span>
</div>
{/** 导航栏 */}
<div className="absolute left-0 top-0 w-full h-full flex items-center px-3 bg-white">

4
src/pages/MeasurementList.tsx

@ -4,7 +4,7 @@ import MeasureGroups from '../components/MeasureGroups';
import { useCallback, useEffect, useState } from 'react';
import { Measurement } from '../services/apiTypes';
import * as R from 'ramda';
import { MoreOutline, SearchOutline } from 'antd-mobile-icons';
import { MoreOutline } from 'antd-mobile-icons';
import Bridge from '../utils/bridge';
const PAGE_SIZE = 10;
@ -92,7 +92,7 @@ export default function MeasurementList() {
}
}
const onDeleteClick = async () => {
Dialog.confirm({
await Dialog.confirm({
content: '确定是否删除?',
onConfirm: () => {
deleteRecords();

Loading…
Cancel
Save