This commit is contained in:
姚宇浩 2024-04-18 11:51:31 +08:00
parent 73df60c7ce
commit 74db0a0231
8 changed files with 35 additions and 72 deletions

View File

@ -1,7 +1,7 @@
<template>
<div
ref="chart"
style="width: 100%;height: 350px"
style="width: 100%;height: 330px"
></div>
</template>

View File

@ -1,5 +1,5 @@
<template>
<div ref="chart" style="width: 100%;height:300px;"></div>
<div ref="chart" style="width: 100%;height:280px;"></div>
</template>
<script setup >

View File

@ -1,5 +1,5 @@
<template>
<div ref="chart" style="width: 100%;height:300px;"></div>
<div ref="chart" style="width: 100%;height:280px;"></div>
</template>
<script setup >

View File

@ -1,5 +1,5 @@
<template>
<div ref="chart" style="width: 100%; height:450px;"></div>
<div ref="chart" style="width: 100%; height:430px;"></div>
</template>
<script setup>

View File

@ -668,7 +668,7 @@ onBeforeMount(() => {
// background-size: 100% 100%;
box-sizing: border-box;
width: 98%;
height: 36px;
height: 42px;
position: relative;
.text {

View File

@ -15,51 +15,6 @@ import Header from "../components/header.vue";
import { ref, onMounted, onBeforeMount } from "vue";
//
// window.addEventListener("resize", () =>
// setTimeout(function () {
// //zoom
// location.reload();
// // bodyScale();
// }, 10)
// );
// const insertCss = (select, styles) => {
// console.log(styles);
// if (document.styleSheets.length === 0) {
// //style,style
// var style = document.createElement("style");
// document.head.appendChild(style);
// }
// var styleSheet = document.styleSheets[document.styleSheets.length - 1]; //style .style
// var str = select + " {"; //,obj
// for (var prop in styles) {
// str +=
// prop.replace(/([A-Z])/g, function (item) {
// //使 '-'
// return "-" + item.toLowerCase();
// }) +
// ":" +
// styles[prop] +
// ";";
// }
// str += "}";
// styleSheet.insertRule(str, styleSheet.cssRules.length); //style
// };
// onBeforeMount(() => {
// let zoom = document.body.clientWidth / 1920;
// document.getElementsByTagName("body")[0].style.setProperty("--zoom", zoom);
// //zoomecharts
// let strScale = `scale(${zoom})`;
// var obj = {
// zoom: 1 / zoom,
// transform: strScale,
// transformOrigin: "0 0",
// };
// insertCss("canvas", obj);
// });
const reset_font = () => {
let width = document.documentElement.clientWidth || document.body.clientWidth;
let height =

View File

@ -7,23 +7,23 @@
<img
v-if="leftchoose.first == '1'"
src="@/assets/images/hygiene/yb_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
/>
<img
v-else
src="@/assets/images/hygiene/yb_1_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
@click="change('first', '1')"
/>
<img
v-if="leftchoose.first == '2'"
src="@/assets/images/hygiene/yb_2.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
/>
<img
v-else
src="@/assets/images/hygiene/yb_1_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
@click="change('first', '2')"
/>
</span>
@ -147,7 +147,7 @@ const change = (name, index) => {
// background-size: 100% 100%;
box-sizing: border-box;
width: 94%;
height: 36px;
height: 42px;
position: relative;
.text {
@ -159,7 +159,10 @@ const change = (name, index) => {
color: #ffffff;
position: absolute;
right: 5px;
top: 3px;
top: 1px;
}
.c{
width: 130px; height: 42px; cursor: pointer
}
}
@ -654,11 +657,11 @@ const change = (name, index) => {
margin-top: 10px;
width: 95%;
height: 240px;
// height: calc(100% - 115px);
// background: red;
overflow-y: auto;
.item {
width: 98%;
box-sizing: border-box;
margin-top: 10px;
padding: 16px 20px;

View File

@ -7,23 +7,23 @@
<img
v-if="leftchoose.first == '1'"
src="@/assets/images/ylbx_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
/>
<img
v-else
src="@/assets/images/ylbx_1_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
@click="change('first', '1')"
/>
<img
v-if="leftchoose.first == '2'"
src="@/assets/images/ylbx_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
/>
<img
v-else
src="@/assets/images/ylbx_2_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
@click="change('first', '2')"
/>
</span>
@ -37,23 +37,23 @@
<img
v-if="leftchoose.second == '1'"
src="@/assets/images/gllrbt_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
/>
<img
v-else
src="@/assets/images/gllrbt_1_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
@click="change('second', '1')"
/>
<img
v-if="leftchoose.second == '2'"
src="@/assets/images/gllrbt_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
/>
<img
v-else
src="@/assets/images/gllrbt_2_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
@click="change('second', '2')"
/>
</span>
@ -67,23 +67,23 @@
<img
v-if="leftchoose.third == '1'"
src="@/assets/images/tkjz_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
/>
<img
v-else
src="@/assets/images/tkjz_1_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
@click="change('third', '1')"
/>
<img
v-if="leftchoose.third == '2'"
src="@/assets/images/tkjz_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
/>
<img
v-else
src="@/assets/images/tkjz_2_1.png"
style="width: 130px; height: 30px; cursor: pointer"
class="c"
@click="change('third', '2')"
/>
</span>
@ -224,7 +224,7 @@ const change = (name, index) => {
// background-size: 100% 100%;
box-sizing: border-box;
width: 94%;
height: 36px;
height: 42px;
position: relative;
.text {
@ -236,7 +236,12 @@ const change = (name, index) => {
color: #ffffff;
position: absolute;
right: 5px;
top: 3px;
top: 1px;
}
.c {
width: 130px;
height: 42px;
cursor: pointer;
}
}