Browse Source

finish

master
maochaoying 2 years ago
parent
commit
3a14cec8c5
  1. 8
      .env
  2. BIN
      src/assets/img/operator/form.png
  3. 32
      src/components/Operator.vue
  4. 4
      src/components/Setting/index.vue

8
.env

@ -1,5 +1,5 @@
VITE_BASE_WS1_URL=ws://192.168.8.10:19001/
VITE_BASE_WS2_URL=ws://192.168.8.10:19002/
# VITE_BASE_WS1_URL=ws://192.168.8.10:19001/
# VITE_BASE_WS2_URL=ws://192.168.8.10:19002/
# VITE_BASE_WS1_URL=ws://127.0.0.1:19001/
# VITE_BASE_WS2_URL=ws://127.0.0.1:19002/
VITE_BASE_WS1_URL=ws://127.0.0.1:19001/
VITE_BASE_WS2_URL=ws://127.0.0.1:19002/

BIN
src/assets/img/operator/form.png

Before

Width: 340  |  Height: 153  |  Size: 4.6 KiB

After

Width: 340  |  Height: 153  |  Size: 5.7 KiB

32
src/components/Operator.vue

@ -120,7 +120,26 @@
</div>
<div class="right_container">
<div class="setting_title">
<div class="title_wrap">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
fill="none"
version="1.1"
width="20"
height="20"
viewBox="0 0 20 20"
>
<g>
<path
d="M19.5445,11.875L17.8493,10.5893C17.8671,10.4107,17.885,10.2143,17.885,10C17.885,9.78571,17.8671,9.58929,17.8493,9.41071L19.5445,8.125C20.0085,7.76786,20.1334,7.14286,19.83,6.60714L17.9385,3.41071C17.7244,3.03571,17.314,2.80357,16.8857,2.80357C16.7429,2.80357,16.618,2.82143,16.4753,2.875L14.4588,3.66071C14.1198,3.42857,13.7629,3.23214,13.406,3.07143L13.1027,1.01786C13.0134,0.428571,12.5138,0,11.9071,0L8.08834,0C7.48162,0,6.98197,0.428572,6.89275,1L6.60724,3.07143C6.25035,3.23214,5.9113,3.42857,5.55441,3.66071L3.53798,2.875C3.39522,2.82143,3.25247,2.80357,3.10971,2.80357C2.68144,2.80357,2.27102,3.01786,2.07473,3.39286L0.165359,6.60714C-0.137998,7.10714,-0.0130862,7.76786,0.450872,8.125L2.1461,9.41071C2.12826,9.625,2.11041,9.82143,2.11041,10C2.11041,10.1786,2.11041,10.375,2.1461,10.5893L0.450872,11.875C-0.0130861,12.2321,-0.137998,12.8571,0.165359,13.3929L2.05688,16.5893C2.27102,16.9643,2.68144,17.1964,3.10971,17.1964C3.25247,17.1964,3.37738,17.1786,3.52013,17.125L5.53657,16.3393C5.87561,16.5714,6.2325,16.7679,6.58939,16.9286L6.89275,18.9821C6.96413,19.5536,7.48162,20,8.08834,20L11.9071,20C12.5138,20,13.0134,19.5714,13.1027,19L13.406,16.9286C13.7629,16.7679,14.1019,16.5714,14.4588,16.3393L16.4753,17.125C16.618,17.1786,16.7608,17.1964,16.9035,17.1964C17.3318,17.1964,17.7422,16.9821,17.9385,16.6071L19.8479,13.375C20.1334,12.8571,20.0085,12.2321,19.5445,11.875ZM14.2804,10C14.2804,12.3571,12.3532,14.2857,9.9977,14.2857C7.64222,14.2857,5.71501,12.3571,5.71501,10C5.71501,7.64286,7.64222,5.71429,9.9977,5.71429C12.3532,5.71429,14.2804,7.64286,14.2804,10Z"
fill="#FFFFFF"
fill-opacity="1"
/>
</g>
</svg>
<p>消毒设置</p>
</div>
<p>SET</p>
</div>
<div class="set_form">
@ -668,11 +687,18 @@ onUnmounted(() => {
align-items: center;
justify-content: space-between;
font-family: Source Han Sans CN;
font-size: 14px;
font-size: 20px;
font-weight: normal;
letter-spacing: 0.1em;
color: #ffffff;
margin-bottom: 41px;
.title_wrap {
display: flex;
align-items: center;
p {
margin-left: 12px;
}
}
}
.set_form {
width: 340px;
@ -699,7 +725,7 @@ onUnmounted(() => {
}
.log {
position: absolute;
bottom: 44px;
bottom: 30px;
left: 0px;
width: 240px;
height: 44px;
@ -708,7 +734,7 @@ onUnmounted(() => {
align-items: center;
justify-content: center;
font-family: Source Han Sans CN;
font-size: 14px;
font-size: 24px;
font-weight: 500;
letter-spacing: 0.06em;
color: #0e0e0e;

4
src/components/Setting/index.vue

@ -114,7 +114,7 @@ const changeActiveTab = index => {
align-items: center;
justify-content: center;
font-family: Source Han Sans CN;
font-size: 14px;
font-size: 20px;
font-weight: normal;
letter-spacing: 0.1em;
color: #ffffff;
@ -126,7 +126,7 @@ const changeActiveTab = index => {
align-items: center;
justify-content: center;
font-family: Source Han Sans CN;
font-size: 14px;
font-size: 20px;
font-weight: normal;
line-height: normal;
letter-spacing: 0.1em;

Loading…
Cancel
Save