flx：提交样式问题
This commit is contained in:
parent
cd672e57ad
commit
e4aaad2f78
@ -1,4 +0,0 @@
|
||||
#!/usr/bin/env sh
|
||||
. "$(dirname -- "$0")/_/husky.sh"
|
||||
|
||||
npx --no-install commitlint --edit $1
|
||||
14
.vscode/extensions.json
vendored
14
.vscode/extensions.json
vendored
@ -1,14 +0,0 @@
|
||||
{
|
||||
"recommendations": [
|
||||
"vue.volar",
|
||||
"vue.vscode-typescript-vue-plugin",
|
||||
"hollowtree.vue-snippets",
|
||||
"dbaeumer.vscode-eslint",
|
||||
"stylelint.vscode-stylelint",
|
||||
"esbenp.prettier-vscode",
|
||||
"editorconfig.editorconfig",
|
||||
"streetsidesoftware.code-spell-checker",
|
||||
"syler.sass-indented",
|
||||
"mikestead.dotenv"
|
||||
]
|
||||
}
|
||||
132
.vscode/settings.json
vendored
132
.vscode/settings.json
vendored
@ -1,132 +0,0 @@
|
||||
{
|
||||
"editor.formatOnSave": true,
|
||||
"stylelint.enable": true,
|
||||
"editor.codeActionsOnSave": {
|
||||
"source.fixAll.stylelint": "explicit"
|
||||
},
|
||||
"stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass", "html"],
|
||||
"files.eol": "\n",
|
||||
"[vue]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[typescript]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[json]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[jsonc]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[javascript]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[typescriptreact]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[scss]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[html]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[markdown]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[less]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"cSpell.words": [
|
||||
"acroutes",
|
||||
"adcode",
|
||||
"Alipay",
|
||||
"AMAP",
|
||||
"Anglar",
|
||||
"antd",
|
||||
"apng",
|
||||
"Biao",
|
||||
"bottomleft",
|
||||
"bottomright",
|
||||
"breakline",
|
||||
"browserslist",
|
||||
"cascader",
|
||||
"cnpm",
|
||||
"commitize",
|
||||
"commitlint",
|
||||
"contentleft",
|
||||
"contentright",
|
||||
"CSDN",
|
||||
"curveness",
|
||||
"daterange",
|
||||
"datetimerange",
|
||||
"doclock",
|
||||
"dragover",
|
||||
"easymock",
|
||||
"echarts",
|
||||
"esbuild",
|
||||
"fangda",
|
||||
"fastmock",
|
||||
"Geeker",
|
||||
"Gitee",
|
||||
"glgview",
|
||||
"hexs",
|
||||
"iconfont",
|
||||
"Jheng",
|
||||
"juejin",
|
||||
"liquidfill",
|
||||
"liutao",
|
||||
"loglevel",
|
||||
"longpress",
|
||||
"malefemale",
|
||||
"Mapchart",
|
||||
"nprogress",
|
||||
"officedocument",
|
||||
"openxmlformats",
|
||||
"pageable",
|
||||
"Parens",
|
||||
"persistedstate",
|
||||
"Pinia",
|
||||
"pjpeg",
|
||||
"Prefixs",
|
||||
"protable",
|
||||
"singleline",
|
||||
"sortablejs",
|
||||
"sousuo",
|
||||
"spreadsheetml",
|
||||
"styl",
|
||||
"stylelint",
|
||||
"stylelintignore",
|
||||
"stylelintrc",
|
||||
"suoxiao",
|
||||
"sysmbol",
|
||||
"timerange",
|
||||
"topleft",
|
||||
"topright",
|
||||
"truetype",
|
||||
"Uncapitalize",
|
||||
"unplugin",
|
||||
"unref",
|
||||
"vite",
|
||||
"vuedraggable",
|
||||
"vueuse",
|
||||
"Vuex",
|
||||
"wangeditor",
|
||||
"Wechat",
|
||||
"xianxingdaoyu",
|
||||
"xianxingdiqiu",
|
||||
"xianxingditu",
|
||||
"xianxingfanchuan",
|
||||
"xianxingfeiji",
|
||||
"xianxinglvhangriji",
|
||||
"xianxingtianqiyubao",
|
||||
"xianxingxiangjipaizhao",
|
||||
"xianxingxiarilengyin",
|
||||
"xianxingyoulun",
|
||||
"xianxingzijiayou",
|
||||
"xiaoxi",
|
||||
"yxxx",
|
||||
"zhongyingwen",
|
||||
"zhuti",
|
||||
"zlevel"
|
||||
]
|
||||
}
|
||||
@ -573,14 +573,21 @@ const getEquipmentList = async (id: any) => {
|
||||
if (res.result && res.result.length > 0) {
|
||||
let arr: any = res.result;
|
||||
arr.map(async (item: any) => {
|
||||
const img = new URL("@/assets/images/Mars3DImg/icon/camera.svg", import.meta.url).href;
|
||||
const graphicImg = new mars3d.graphic.DivGraphic({
|
||||
id: item.monitorId,
|
||||
position: [+item.lng, +item.lat, +item.alt],
|
||||
style: {
|
||||
html: () => {
|
||||
const dom = initVue3Popup(resPointStyle?.codeValue, { data: { name: item.name } });
|
||||
return dom;
|
||||
},
|
||||
// html: () => {
|
||||
// const dom = initVue3Popup(resPointStyle?.codeValue, { data: { name: item.name } });
|
||||
// return dom;
|
||||
// },
|
||||
html: ` <div class="mars3d-camera-content">
|
||||
<img class="mars3d-camera-img" src="${img}" >
|
||||
</div>
|
||||
<div class="mars3d-camera-line" ></div>
|
||||
<div class="mars3d-camera-point"></div>
|
||||
`,
|
||||
offsetX: +resPointStyle?.offsetX,
|
||||
offsetY: +resPointStyle?.offsetY,
|
||||
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 100000)
|
||||
@ -2378,131 +2385,131 @@ onUnmounted(() => {
|
||||
|
||||
// 视频监控点位样式
|
||||
:deep() {
|
||||
// .mars3d-camera-content {
|
||||
// width: 100px;
|
||||
// height: 30px;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// }
|
||||
// .mars3d-camera-img {
|
||||
// width: 30px;
|
||||
// height: 30px;
|
||||
// // animation: cameraMove 1s linear infinite alternate;
|
||||
// // -webkit-animation: cameraMove 1s linear infinite alternate;
|
||||
// }
|
||||
// .mars3d-camera-text {
|
||||
// color: white;
|
||||
// font-size: 20px;
|
||||
// }
|
||||
// @keyframes cameraMove {
|
||||
// from {
|
||||
// margin-top: 20px;
|
||||
// }
|
||||
// to {
|
||||
// margin-top: 0px;
|
||||
// }
|
||||
// }
|
||||
// @-webkit-keyframes cameraMove {
|
||||
// from {
|
||||
// margin-top: 20px;
|
||||
// }
|
||||
// to {
|
||||
// margin-top: 0px;
|
||||
// }
|
||||
// }
|
||||
// .mars3d-camera-line {
|
||||
// height: 120px;
|
||||
// width: 5px;
|
||||
// margin-top: 10px;
|
||||
// // border-left: 3px dashed #5b8fee;
|
||||
// margin-left: calc(50% - 1px);
|
||||
// }
|
||||
// .mars3d-camera-point {
|
||||
// border-radius: 50%;
|
||||
// width: 8px;
|
||||
// height: 8px;
|
||||
// margin-left: calc(50% - 3px);
|
||||
// // background-color: #5b8fee;
|
||||
// }
|
||||
// .animation-spaceInDown {
|
||||
// animation-duration: 1s;
|
||||
// animation-fill-mode: both;
|
||||
// animation-name: spaceInDown;
|
||||
// }
|
||||
// @keyframes spaceInDown {
|
||||
// 0% {
|
||||
// opacity: 0;
|
||||
// transform-origin: 0% 100%;
|
||||
// transform: scale(0.2) translate(0, 200%);
|
||||
// }
|
||||
// 100% {
|
||||
// opacity: 1;
|
||||
// transform-origin: 0% 100%;
|
||||
// transform: scale(1) translate(0, 0);
|
||||
// }
|
||||
// }
|
||||
// .marsBlackPanel {
|
||||
// min-width: 90px;
|
||||
// min-height: 35px;
|
||||
// position: absolute;
|
||||
// left: 16px;
|
||||
// bottom: 31px;
|
||||
// cursor: default;
|
||||
// border-radius: 4px;
|
||||
// opacity: 0.96;
|
||||
// border: 1px solid #14171c;
|
||||
// box-shadow: 0px 2px 21px 0px rgba(33, 34, 39, 0.55);
|
||||
// border-radius: 4px;
|
||||
// box-sizing: border-box;
|
||||
// background: linear-gradient(0deg, #1e202a 0%, #0d1013 100%);
|
||||
// }
|
||||
.mars3d-camera-content {
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.mars3d-camera-img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
// animation: cameraMove 1s linear infinite alternate;
|
||||
// -webkit-animation: cameraMove 1s linear infinite alternate;
|
||||
}
|
||||
.mars3d-camera-text {
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
}
|
||||
@keyframes cameraMove {
|
||||
from {
|
||||
margin-top: 20px;
|
||||
}
|
||||
to {
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes cameraMove {
|
||||
from {
|
||||
margin-top: 20px;
|
||||
}
|
||||
to {
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
.mars3d-camera-line {
|
||||
height: 120px;
|
||||
width: 5px;
|
||||
margin-top: 10px;
|
||||
border-left: 3px dashed #5b8fee;
|
||||
margin-left: calc(50% - 1px);
|
||||
}
|
||||
.mars3d-camera-point {
|
||||
border-radius: 50%;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin-left: calc(50% - 3px);
|
||||
background-color: #5b8fee;
|
||||
}
|
||||
.animation-spaceInDown {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
animation-name: spaceInDown;
|
||||
}
|
||||
@keyframes spaceInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform-origin: 0% 100%;
|
||||
transform: scale(0.2) translate(0, 200%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform-origin: 0% 100%;
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
.marsBlackPanel {
|
||||
min-width: 90px;
|
||||
min-height: 35px;
|
||||
position: absolute;
|
||||
left: 16px;
|
||||
bottom: 31px;
|
||||
cursor: default;
|
||||
border-radius: 4px;
|
||||
opacity: 0.96;
|
||||
border: 1px solid #14171c;
|
||||
box-shadow: 0px 2px 21px 0px rgba(33, 34, 39, 0.55);
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
background: linear-gradient(0deg, #1e202a 0%, #0d1013 100%);
|
||||
}
|
||||
|
||||
// .marsBlackPanel::before {
|
||||
// content: "";
|
||||
// width: calc(100% + 22px);
|
||||
// height: 39px;
|
||||
// position: absolute;
|
||||
// bottom: -39px;
|
||||
// left: -22px;
|
||||
// background: url("@/assets/images/Mars3DImg/icon/popupLbl.png") 0px 0px no-repeat;
|
||||
// background-position: 0px 0px;
|
||||
// }
|
||||
.marsBlackPanel::before {
|
||||
content: "";
|
||||
width: calc(100% + 22px);
|
||||
height: 39px;
|
||||
position: absolute;
|
||||
bottom: -39px;
|
||||
left: -22px;
|
||||
background: url("@/assets/images/Mars3DImg/icon/popupLbl.png") 0px 0px no-repeat;
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
// .marsBlackPanel-text {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// min-height: 33px;
|
||||
// text-align: center;
|
||||
// padding: 10px 5px 0 5px;
|
||||
// margin: 0;
|
||||
// font-size: 14px;
|
||||
// font-weight: 400;
|
||||
// color: #ffffff;
|
||||
// border: 1px solid #ffffff4f;
|
||||
// -webkit-box-sizing: border-box;
|
||||
// box-sizing: border-box;
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
.marsBlackPanel-text {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 33px;
|
||||
text-align: center;
|
||||
padding: 10px 5px 0 5px;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
border: 1px solid #ffffff4f;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// .marsBlackPanel-highlight {
|
||||
// border: 2px solid yellow;
|
||||
// }
|
||||
// .mars3d-popup-close-button {
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// right: 0;
|
||||
// padding: 4px 4px 0 0;
|
||||
// text-align: center;
|
||||
// width: 20px;
|
||||
// height: 20px;
|
||||
// font: 16px/14px Tahoma, Verdana, sans-serif;
|
||||
// text-decoration: none;
|
||||
// font-weight: bold;
|
||||
// background: transparent;
|
||||
// z-index: 20170825;
|
||||
// cursor: pointer;
|
||||
// color: #fff;
|
||||
// }
|
||||
.marsBlackPanel-highlight {
|
||||
border: 2px solid yellow;
|
||||
}
|
||||
.mars3d-popup-close-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 4px 4px 0 0;
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font: 16px/14px Tahoma, Verdana, sans-serif;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
background: transparent;
|
||||
z-index: 20170825;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user