iot拆分子包
blak-kong
2 years ago
parent
84674a42ba
commit
c4bccbc11c
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,111 @@
|
|||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import classnames from "classnames";
|
||||||
|
import { Block, View, Image, Text } from "@tarojs/components";
|
||||||
|
import { useState, useEffect } from "react";
|
||||||
|
// import "./index.less";
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
Electricity: any;
|
||||||
|
matrixElectricity: any;
|
||||||
|
facialMaskConnectStatus: any;
|
||||||
|
}
|
||||||
|
function Index({
|
||||||
|
Electricity,
|
||||||
|
matrixElectricity,
|
||||||
|
facialMaskConnectStatus,
|
||||||
|
}: Props) {
|
||||||
|
return (
|
||||||
|
<Block>
|
||||||
|
<View className="electricity-box">
|
||||||
|
{/* <View className="item">
|
||||||
|
<View className="label">WE200电量 :</View>
|
||||||
|
<View className="value flex aitems">
|
||||||
|
{matrixElectricity >= 4 && (
|
||||||
|
<Block>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
{matrixElectricity === 3 && (
|
||||||
|
<Block>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
{matrixElectricity === 2 && (
|
||||||
|
<Block>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
{matrixElectricity === 1 && (
|
||||||
|
<Block>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
{matrixElectricity === 0 && (
|
||||||
|
<Block>
|
||||||
|
<View className="v3 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
</View>
|
||||||
|
</View> */}
|
||||||
|
{facialMaskConnectStatus === 1 && (
|
||||||
|
<Block>
|
||||||
|
<View className="item">
|
||||||
|
<View className="label">面罩电量 :</View>
|
||||||
|
<View className="value flex aitems">
|
||||||
|
{Electricity >= 4 && (
|
||||||
|
<Block>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
{Electricity === 3 && (
|
||||||
|
<Block>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
{Electricity === 2 && (
|
||||||
|
<Block>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v1 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
{Electricity <= 1 && (
|
||||||
|
<Block>
|
||||||
|
<View className="v3 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
<View className="v2 battery_icon"></View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</Block>
|
||||||
|
)}
|
||||||
|
</View>
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Index;
|
||||||
@ -0,0 +1,76 @@
|
|||||||
|
.iot-footer {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 99;
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
width: 100%;
|
||||||
|
height: 153rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0rpx -3rpx 7rpx 1rpx rgba(173, 191, 207, 0.21);
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
box-sizing: border-box;
|
||||||
|
.btn {
|
||||||
|
width: 690rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
background: #000;
|
||||||
|
border-radius: 45rpx;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 90rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin: 21rpx 49rpx 42rpx 30rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-disable {
|
||||||
|
background-color: #ccc !important; /* 设置按钮背景颜色为灰色 */
|
||||||
|
color: #fff !important; /* 设置按钮文字颜色为白色 */
|
||||||
|
border-color: #ccc !important; /* 设置按钮边框颜色为灰色 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.switch-btn-box {
|
||||||
|
width: 100vw;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 34rpx;
|
||||||
|
.btn-item {
|
||||||
|
height: 70rpx;
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.btn-icon {
|
||||||
|
width: 36rpx;
|
||||||
|
height: 36rpx;
|
||||||
|
margin-right: 18rpx;
|
||||||
|
}
|
||||||
|
.btn-text {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.border-right {
|
||||||
|
border-right: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.btn-disable {
|
||||||
|
color: #fff !important; /* 设置按钮文字颜色为白色 */
|
||||||
|
border-color: #ccc !important; /* 设置按钮边框颜色为灰色 */
|
||||||
|
background-color: #fff !important; /* 设置按钮背景颜色为灰色 */
|
||||||
|
.btn-text {
|
||||||
|
color: #ccc !important; /* 设置按钮文字颜色为白色 */
|
||||||
|
border-color: #ccc !important; /* 设置按钮边框颜色为灰色 */
|
||||||
|
background-color: #fff !important; /* 设置按钮背景颜色为灰色 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,57 @@
|
|||||||
|
.modelInfo-box {
|
||||||
|
width: 690rpx;
|
||||||
|
margin: 26rpx auto 0;
|
||||||
|
padding: 37rpx 35rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
overflow: visible;
|
||||||
|
margin-bottom: 150rpx;
|
||||||
|
.modelInfo-line {
|
||||||
|
margin-bottom: 50rpx;
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
.modelInfo-title {
|
||||||
|
margin-bottom: 6rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.modelInfo-title {
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 1;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modelInfo-effect {
|
||||||
|
font-size: 26rpx;
|
||||||
|
line-height: 1;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modelInfo-light-box {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
.modelInfo-light-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-right: 40rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
/*margin-bottom: 20rpx;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.modelInfo-light-color {
|
||||||
|
width: 12rpx;
|
||||||
|
height: 12rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
background-color: #f2c95b;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modelInfo-light-colorname {
|
||||||
|
font-size: 26rpx;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,51 @@
|
|||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import classnames from "classnames";
|
||||||
|
import { Block, View, ScrollView, Image } from "@tarojs/components";
|
||||||
|
import { useState, useEffect } from "react";
|
||||||
|
import "./index.less";
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
isShowNurse: boolean;
|
||||||
|
ActiveModeItem: any;
|
||||||
|
}
|
||||||
|
function Index({ isShowNurse, ActiveModeItem }: Props) {
|
||||||
|
const ModeColor = {
|
||||||
|
"590nm": "#CF231D",
|
||||||
|
"630nm": "#CF231D",
|
||||||
|
"830nm": "#9C1D17",
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<Block>
|
||||||
|
{isShowNurse && (
|
||||||
|
<View className="modelInfo-box">
|
||||||
|
<View className="modelInfo-line is-effect">
|
||||||
|
<View className="modelInfo-title">模式功效</View>
|
||||||
|
<View className="modelInfo-effect">{ActiveModeItem.modeDesc}</View>
|
||||||
|
</View>
|
||||||
|
<View className="modelInfo-line">
|
||||||
|
<View className="modelInfo-title">当前输出技术</View>
|
||||||
|
<View className="modelInfo-light-box">
|
||||||
|
{ActiveModeItem.combineData.map((item) => {
|
||||||
|
return (
|
||||||
|
<View className="modelInfo-light-item" key={item.id}>
|
||||||
|
<View
|
||||||
|
className="modelInfo-light-color"
|
||||||
|
style={{
|
||||||
|
backgroundColor: ModeColor[item.technologyInfo],
|
||||||
|
}}
|
||||||
|
></View>
|
||||||
|
<View className="modelInfo-light-colorname">
|
||||||
|
{item.effectContent}({item.technologyInfo})
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Index;
|
||||||
@ -0,0 +1,157 @@
|
|||||||
|
.mode-list-main {
|
||||||
|
position: relative;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
.change-all-mode-btn {
|
||||||
|
position: absolute;
|
||||||
|
top: 10rpx;
|
||||||
|
right: -30rpx;
|
||||||
|
width: 140rpx;
|
||||||
|
height: 160rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 30rpx 0rpx 0rpx 30rpx;
|
||||||
|
box-shadow: 1rpx 2rpx 16rpx 2rpx rgba(97, 97, 97, 0.1);
|
||||||
|
text-align: center;
|
||||||
|
// align-items: center;
|
||||||
|
z-index: 20;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.title {
|
||||||
|
font-size: 26rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 33rpx;
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
display: block;
|
||||||
|
width: 36rpx;
|
||||||
|
height: 36rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 26rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mode-list-box {
|
||||||
|
width: 100%;
|
||||||
|
height: 180rpx;
|
||||||
|
padding: 10rpx 26rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
background-color: #f2f2f2;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.mode-list {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.mode-item-title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 110rpx;
|
||||||
|
min-width: 110rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #000000;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
.mode-item {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
min-width: 140rpx;
|
||||||
|
height: 160rpx;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
/*padding: 17rpx 18rpx;*/
|
||||||
|
box-sizing: border-box;
|
||||||
|
transition: all 0.3s;
|
||||||
|
flex-shrink: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
.new {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 48rpx;
|
||||||
|
height: 24rpx;
|
||||||
|
font-size: 16rpx;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #eb5858;
|
||||||
|
border-radius: 15rpx 10rpx 12rpx 0rpx;
|
||||||
|
z-index: 20;
|
||||||
|
}
|
||||||
|
.is-new {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.mode-info {
|
||||||
|
min-width: 140rpx;
|
||||||
|
padding-left: 10rpx;
|
||||||
|
padding-right: 10rpx;
|
||||||
|
.mode-info-title {
|
||||||
|
margin-bottom: 4rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.mode-info-time {
|
||||||
|
margin-bottom: 4rpx;
|
||||||
|
text-align: center;
|
||||||
|
color: #666666;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
.mode-info-select {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin: 10rpx auto 0;
|
||||||
|
border: 3rpx solid #f1f1f1;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
&.is-select {
|
||||||
|
background-color: #fff;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mode-info-select-point {
|
||||||
|
width: 14rpx;
|
||||||
|
height: 14rpx;
|
||||||
|
background-color: #000000;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mode-item + .mode-item {
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
.mode-item-active {
|
||||||
|
// min-width: 300rpx;
|
||||||
|
padding-right: 11rpx;
|
||||||
|
background: linear-gradient(90deg, #efdcc2 0%, #fff2df 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mode-pic {
|
||||||
|
width: 140rpx;
|
||||||
|
height: 140rpx;
|
||||||
|
/*margin-left: 20rpx;*/
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mode-pic image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,148 @@
|
|||||||
|
.iot-main {
|
||||||
|
padding: 20rpx 30rpx;
|
||||||
|
background: #f8f8f8;
|
||||||
|
box-sizing: border-box;
|
||||||
|
min-height: calc(100vh - 180rpx);
|
||||||
|
.banner-box {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
width: 690rpx;
|
||||||
|
height: 790rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
.music-btn {
|
||||||
|
position: absolute;
|
||||||
|
top: 17rpx;
|
||||||
|
right: 17rpx;
|
||||||
|
width: 54rpx;
|
||||||
|
height: 54rpx;
|
||||||
|
background: #f8f8f8;
|
||||||
|
border-radius: 50%;
|
||||||
|
z-index: 10;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
.music-btn_icon {
|
||||||
|
width: 54rpx;
|
||||||
|
height: 54rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.video-or-image {
|
||||||
|
display: block;
|
||||||
|
width: 690rpx;
|
||||||
|
height: 640rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
animation-iteration-count: 1; // gif只播放一次
|
||||||
|
}
|
||||||
|
.iot-device {
|
||||||
|
width: 690rpx;
|
||||||
|
height: 150rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.device-time {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #000;
|
||||||
|
font-weight: 400;
|
||||||
|
.time {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 800;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.line {
|
||||||
|
width: 1rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
background: #dddddd;
|
||||||
|
margin-left: 69rpx;
|
||||||
|
margin-right: 60rpx;
|
||||||
|
}
|
||||||
|
.electricity-box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: left;
|
||||||
|
height: 50rpx;
|
||||||
|
.label {
|
||||||
|
width: 154rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #000;
|
||||||
|
margin-right: 14rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.msg-tips {
|
||||||
|
position: absolute;
|
||||||
|
top: 40%;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
transform: translateY(-40%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
max-width: 635rpx;
|
||||||
|
margin: auto;
|
||||||
|
padding: 15rpx 34rpx;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
z-index: 10100 !important; // 提升层级，防止被其他元素遮挡
|
||||||
|
.msg-tips-img {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 17rpx;
|
||||||
|
}
|
||||||
|
.msg-tips-content {
|
||||||
|
flex: 1;
|
||||||
|
max-width: 530rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mode-box {
|
||||||
|
// background-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.iot-btn-start {
|
||||||
|
width: 690rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
line-height: 90rpx;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32rpx;
|
||||||
|
background-color: #ccc;
|
||||||
|
border-radius: 45rpx;
|
||||||
|
&.is-connect {
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.battery_icon {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 20rpx;
|
||||||
|
border-radius: 5rpx;
|
||||||
|
& + .battery_icon {
|
||||||
|
margin-left: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.v1 {
|
||||||
|
background: linear-gradient(0deg, #efdcc2 0%, #fff2df 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.v2 {
|
||||||
|
background: #f8f8f8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.v3 {
|
||||||
|
background: linear-gradient(0deg, #ff4646, #ff6b6b, #f86f6f, #ff9494);
|
||||||
|
}
|
||||||
|
|
||||||
|
#chart {
|
||||||
|
width: 690rpx;
|
||||||
|
height: 320rpx;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue