Skip to content

basic-uniapp-v3
basic-uniapp-v3
提交 368c2cb2 作者: test
操作

fix: 修复样式错误

上级 7e9f67bf
正在显示 包含 75 行增加 和 73 行删除
src/pages/business/monitor/rain/components/Legend.vue
...@@ -91,6 +91,7 @@ ...@@ -91,6 +91,7 @@
<view v-if="data.title" class="title">{{ data.title }}</view> <view v-if="data.title" class="title">{{ data.title }}</view>
<!-- JSON --> <!-- JSON -->
<view class="option">
<template v-if="isArray(data.option.items?.[0])"> <template v-if="isArray(data.option.items?.[0])">
<view v-for="(item, index) in data.option.items" :key="index" class="item-wrap"> <view v-for="(item, index) in data.option.items" :key="index" class="item-wrap">
<view v-for="(subItem, subIndex) in item" :key="subIndex" class="items"> <view v-for="(subItem, subIndex) in item" :key="subIndex" class="items">
...@@ -106,6 +107,7 @@ ...@@ -106,6 +107,7 @@
</view> </view>
</view> </view>
</template> </template>
</view>
<!-- 复用渲染组件 --> <!-- 复用渲染组件 -->
<DefineTemplate v-slot="{ item, sub }"> <DefineTemplate v-slot="{ item, sub }">
......
src/pages/business/monitor/rain/config.ts
// 页面通用配置信息或一些抽象方法 // 页面通用配置信息或一些抽象方法
// 单色块图例配置 // 单色块图例配置
// export const defaultLegendConfig = {
// expand: true,
// title: '单位: mm',
// option: {
// blockStyle: {
// border: '1px solid #ccc',
// },
// items: [
// {
// color: '#FFFFFF',
// label: '0-0.1',
// },
// {
// color: '#A3F48A',
// label: '0.1-9.0',
// },
// {
// color: '#35AB02',
// label: '10-24.9',
// },
// {
// color: '#61B9F9',
// label: '25-49.9',
// },
// {
// color: '#0403FF',
// label: '50-99.9',
// },
// {
// color: '#FA02FA',
// label: '100-249.9',
// },
// {
// color: '#810042',
// label: '>=250',
// },
// ],
// },
// }
// 多色块图例配置
export const defaultLegendConfig = { export const defaultLegendConfig = {
expand: true, expand: true,
title: '单位: mm', title: '单位: mm',
...@@ -50,7 +9,6 @@ export const defaultLegendConfig = { ...@@ -50,7 +9,6 @@ export const defaultLegendConfig = {
border: '1px solid #ccc', border: '1px solid #ccc',
}, },
items: [ items: [
[
{ {
color: '#FFFFFF', color: '#FFFFFF',
label: '0-0.1', label: '0-0.1',
...@@ -80,40 +38,82 @@ export const defaultLegendConfig = { ...@@ -80,40 +38,82 @@ export const defaultLegendConfig = {
label: '>=250', label: '>=250',
}, },
], ],
[
{
color: '#FFFFFF',
label: '0-0.1',
},
{
color: '#A3F48A',
label: '0.1-9.0',
},
{
color: '#35AB02',
label: '10-24.9',
},
{
color: '#61B9F9',
label: '25-49.9',
},
{
color: '#0403FF',
label: '50-99.9',
},
{
color: '#FA02FA',
label: '100-249.9',
},
{
color: '#810042',
label: '>=250',
},
],
],
}, },
} }
// 多色块图例配置
// export const defaultLegendConfig = {
// expand: true,
// title: '单位: mm',
// option: {
// blockStyle: {
// border: '1px solid #ccc',
// },
// items: [
// [
// {
// color: '#FFFFFF',
// label: '0-0.1',
// },
// {
// color: '#A3F48A',
// label: '0.1-9.0',
// },
// {
// color: '#35AB02',
// label: '10-24.9',
// },
// {
// color: '#61B9F9',
// label: '25-49.9',
// },
// {
// color: '#0403FF',
// label: '50-99.9',
// },
// {
// color: '#FA02FA',
// label: '100-249.9',
// },
// {
// color: '#810042',
// label: '>=250',
// },
// ],
// [
// {
// color: '#FFFFFF',
// label: '0-0.1',
// },
// {
// color: '#A3F48A',
// label: '0.1-9.0',
// },
// {
// color: '#35AB02',
// label: '10-24.9',
// },
// {
// color: '#61B9F9',
// label: '25-49.9',
// },
// {
// color: '#0403FF',
// label: '50-99.9',
// },
// {
// color: '#FA02FA',
// label: '100-249.9',
// },
// {
// color: '#810042',
// label: '>=250',
// },
// ],
// ],
// },
// }
// 单边图标图例 // 单边图标图例
// export const defaultLegendConfig = { // export const defaultLegendConfig = {
// expand: true, // expand: true,
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论