Compare commits

..

No commits in common. '3ba6a5d396ec437c8a904d7f0c085d13d68dda66' and '0c31d2f34e979d05d5fdb9c7f6007d13fdea0810' have entirely different histories.

14
package-lock.json generated

@ -14,7 +14,6 @@
"core-js": "^3.8.3", "core-js": "^3.8.3",
"echarts": "^5.4.3", "echarts": "^5.4.3",
"element-ui": "^2.15.14", "element-ui": "^2.15.14",
"js-cookie": "^3.0.5",
"vue": "^2.6.14", "vue": "^2.6.14",
"vue-router": "^3.5.1", "vue-router": "^3.5.1",
"vuex": "^3.6.2" "vuex": "^3.6.2"
@ -7365,14 +7364,6 @@
"@sideway/pinpoint": "^2.0.0" "@sideway/pinpoint": "^2.0.0"
} }
}, },
"node_modules/js-cookie": {
"version": "3.0.5",
"resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
"integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
"engines": {
"node": ">=14"
}
},
"node_modules/js-message": { "node_modules/js-message": {
"version": "1.0.7", "version": "1.0.7",
"resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz", "resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz",
@ -17740,11 +17731,6 @@
"@sideway/pinpoint": "^2.0.0" "@sideway/pinpoint": "^2.0.0"
} }
}, },
"js-cookie": {
"version": "3.0.5",
"resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
"integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw=="
},
"js-message": { "js-message": {
"version": "1.0.7", "version": "1.0.7",
"resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz", "resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz",

@ -14,7 +14,6 @@
"core-js": "^3.8.3", "core-js": "^3.8.3",
"echarts": "^5.4.3", "echarts": "^5.4.3",
"element-ui": "^2.15.14", "element-ui": "^2.15.14",
"js-cookie": "^3.0.5",
"vue": "^2.6.14", "vue": "^2.6.14",
"vue-router": "^3.5.1", "vue-router": "^3.5.1",
"vuex": "^3.6.2" "vuex": "^3.6.2"

@ -11,9 +11,9 @@
</title> </title>
<script type="text/javascript" src="<%= BASE_URL %>js/liveplayer-lib.min.js"></script> <script type="text/javascript" src="<%= BASE_URL %>js/liveplayer-lib.min.js"></script>
<!-- 引入MineMap API插件 --> <!-- 引入MineMap API插件 -->
<!-- <link rel="stylesheet" href="http://50.144.11.244:21009/support/static/api/demo/js-api/zh/css/demo.css"> --> <link rel="stylesheet" href="http://50.144.11.244:21009/support/static/api/demo/js-api/zh/css/demo.css">
<!-- <link rel="stylesheet" href="http://50.144.11.244:21009/minemapapi/v2.1.0/minemap.css"> --> <link rel="stylesheet" href="http://50.144.11.244:21009/minemapapi/v2.1.0/minemap.css">
<!-- <script src="http://50.144.11.244:21009/minemapapi/v2.1.0/minemap.js"></script> --> <script src="http://50.144.11.244:21009/minemapapi/v2.1.0/minemap.js"></script>
</head> </head>
<body> <body>

@ -1,10 +0,0 @@
// 资源概况
import request from '@/utils/request'
// 实有人口查询
export function get_person_num(params) {
return request({
url: '/base/metaActualUserInfo',
method: 'get',
params
})
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 133 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 312 KiB

@ -24,17 +24,17 @@ const routes = [
path: 'coastalMap', path: 'coastalMap',
name: 'coastalMap', name: 'coastalMap',
component: () => import('@/views/coastalMap/index.vue') component: () => import('@/views/coastalMap/index.vue')
},
{
path: 'videoMonitor',
name: 'videoMonitor',
component: () => import('@/views/videoMonitor/index.vue')
},
{
path: 'sensingDevice',
name: 'sensingDevice',
component: () => import('@/views/sensingDevice/index.vue')
} }
// {
// path: 'videoMonitor',
// name: 'videoMonitor',
// component: () => import('@/views/videoMonitor/index.vue')
// },
// {
// path: 'sensingDevice',
// name: 'sensingDevice',
// component: () => import('@/views/sensingDevice/index.vue')
// }
] ]
} }
] ]

@ -1,15 +0,0 @@
import Cookies from 'js-cookie'
const syToken = 'url_token'
export function getToken() {
return Cookies.get(syToken)
}
export function setToken(token) {
return Cookies.set(syToken, token)
}
export function removeToken() {
return Cookies.remove(syToken)
}

@ -1,105 +0,0 @@
var EleResize = {
_handleResize: function (e) {
var ele = e.target || e.srcElement
var trigger = ele.__resizeTrigger__
if (trigger) {
var handlers = trigger.__z_resizeListeners
if (handlers) {
var size = handlers.length
for (var i = 0; i < size; i++) {
var h = handlers[i]
var handler = h.handler
var context = h.context
handler.apply(context, [e])
}
}
}
},
_removeHandler: function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (handlers) {
var size = handlers.length
for (var i = 0; i < size; i++) {
var h = handlers[i]
if (h.handler === handler && h.context === context) {
handlers.splice(i, 1)
return
}
}
}
},
_createResizeTrigger: function (ele) {
var obj = document.createElement('object')
obj.setAttribute('style',
'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;opacity: 0; pointer-events: none; z-index: -1;')
obj.onload = EleResize._handleObjectLoad
obj.type = 'text/html'
ele.appendChild(obj)
obj.data = 'about:blank'
return obj
},
_handleObjectLoad: function () {
this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__
this.contentDocument.defaultView.addEventListener('resize', EleResize._handleResize)
}
}
if (document.attachEvent) { // ie9-10
EleResize.on = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (!handlers) {
handlers = []
ele.__z_resizeListeners = handlers
ele.__resizeTrigger__ = ele
ele.attachEvent('onresize', EleResize._handleResize)
}
handlers.push({
handler: handler,
context: context
})
}
EleResize.off = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (handlers) {
EleResize._removeHandler(ele, handler, context)
if (handlers.length === 0) {
ele.detachEvent('onresize', EleResize._handleResize)
delete ele.__z_resizeListeners
}
}
}
} else {
EleResize.on = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (!handlers) {
handlers = []
ele.__z_resizeListeners = handlers
if (getComputedStyle(ele, null).position === 'static') {
ele.style.position = 'relative'
}
var obj = EleResize._createResizeTrigger(ele)
ele.__resizeTrigger__ = obj
obj.__resizeElement__ = ele
}
handlers.push({
handler: handler,
context: context
})
}
EleResize.off = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (handlers) {
EleResize._removeHandler(ele, handler, context)
if (handlers.length === 0) {
var trigger = ele.__resizeTrigger__
if (trigger) {
trigger.contentDocument.defaultView.removeEventListener('resize', EleResize._handleResize)
ele.removeChild(trigger)
delete ele.__resizeTrigger__
}
delete ele.__z_resizeListeners
}
}
}
}
export default EleResize

@ -1,273 +0,0 @@
<!-- 重点人员 -->
<template>
<div class="key_body">
<!-- 模块头部 -->
<div class="key_title">
<div class="title_text">{{ title_text }}</div>
</div>
<!-- 模块内容 -->
<div class="key_box">
<!-- 饼图 -->
<div class="echart_body">
<div class="echart_body_left">
<div class="all_person_num">
<!-- 占位 -->
<div class="num_blank"></div>
<div class="num_text">重点人员</div>
<div class="num_value">654332</div>
</div>
<div class="echart_box" id="charts"></div>
</div>
<!-- 右边图例展示 -->
<div class="echart_body_right">
<div class="num_item">
<!-- 图例颜色 -->
<div class="num_color">
<div class="color_box one"></div>
</div>
<!-- 图例文字 -->
<div class="num_text">涉恐人员</div>
<div class="num_proportion">34%</div>
</div>
<div class="num_item">
<!-- 图例颜色 -->
<div class="num_color">
<div class="color_box two"></div>
</div>
<!-- 图例文字 -->
<div class="num_text">涉毒人员</div>
<div class="num_proportion">20%</div>
</div>
<div class="num_item">
<!-- 图例颜色 -->
<div class="num_color">
<div class="color_box three"></div>
</div>
<!-- 图例文字 -->
<div class="num_text">精神病人</div>
<div class="num_proportion">4%</div>
</div>
<div class="num_item">
<!-- 图例颜色 -->
<div class="num_color">
<div class="color_box four"></div>
</div>
<!-- 图例文字 -->
<div class="num_text">在逃人员</div>
<div class="num_proportion">17%</div>
</div>
<div class="num_item">
<!-- 图例颜色 -->
<div class="num_color">
<div class="color_box five"></div>
</div>
<!-- 图例文字 -->
<div class="num_text">涉稳人员</div>
<div class="num_proportion">4%</div>
</div>
</div>
</div>
<!-- 滚动区域 -->
<div class="roll_body"></div>
</div>
</div>
</template>
<script>
import * as echarts from "echarts";
import EleResize from "@/utils/esresize";
export default {
name: "KeyPerson",
data() {
return {
title_text: "重点人员",
};
},
mounted() {
this.init_charts();
},
methods: {
init_charts() {
let charts = document.getElementById("charts");
let resize_div = document.getElementById("charts");
let myChart = echarts.init(charts);
// echarts
EleResize.on(resize_div, () => {
myChart.resize();
});
let option = {
tooltip: {
trigger: "item",
confine: true,
},
// legend: {
// orient: "vertical",
// left: "left",
// },
color: ["#A357FF", "#009CFE", "#00F5FF", "#FFC426", "#FF6200"],
series: [
{
name: "重点人员",
type: "pie",
radius: ["50%", "90%"],
data: [
{ value: 80048, name: "涉恐人员" },
{ value: 70135, name: "涉毒人员" },
{ value: 20180, name: "精神病人" },
{ value: 31484, name: "在逃人员" },
{ value: 11484, name: "涉稳人员" },
],
label: {
normal: {
show: false,
},
},
labelLine: {
normal: {
show: false,
},
},
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: "rgba(0, 0, 0, 0.5)",
},
},
},
],
};
option && myChart.setOption(option);
},
},
};
</script>
<style lang="scss" scoped>
.key_body {
width: 20vw;
height: 71.5vh;
.key_title {
width: 20vw;
height: 3.5vh;
background: url("~@/assets/coastalMap/box_title_back.png") no-repeat;
background-size: 100% 100%;
.title_text {
width: 20vw;
height: 3.5vh;
color: antiquewhite;
margin-left: 2vw;
font-size: 16px;
font-weight: 700;
line-height: 3.5vh;
text-shadow: 0px 0px 10px #0b4672;
letter-spacing: 2px;
}
}
.key_box {
width: 20vw;
height: 68vh;
background: url("~@/assets/coastalMap/box_back02.png") no-repeat;
background-size: 100% 100%;
.echart_body {
width: 20vw;
height: 20vh;
// background: #0b4672;
display: flex;
justify-content: space-around;
.echart_body_left {
width: 9vw;
height: 20vh;
display: flex;
// background: #217fc8;
justify-content: center;
align-items: center;
flex-direction: column;
.all_person_num {
width: 8vw;
height: 4vh;
background: url("~@/assets/coastalMap/keyPerson/key_all_back.png")
no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: space-between;
.num_blank {
width: 1vw;
height: 4vh;
}
.num_text {
width: 3.5vw;
height: 4vh;
color: aliceblue;
text-align: right;
line-height: 4vh;
font-size: 14px;
font-weight: 500;
}
.num_value {
width: 3.5vw;
height: 4vh;
text-align: center;
line-height: 4vh;
color: #00f5ff;
font-size: 14px;
font-weight: 800;
}
}
.echart_box {
width: 9vw;
height: 16vh;
}
}
.echart_body_right {
width: 9vw;
height: 20vh;
display: flex;
justify-content: space-around;
flex-direction: column;
.num_item {
width: 9vw;
height: 4vh;
display: flex;
.num_color {
width: 2vw;
height: 4vh;
display: flex;
justify-content: center;
align-items: center;
.color_box {
width: 0.5vw;
height: 1vh;
}
.one {
background: #a357ff;
}
.two {
background: #009cfe;
}
.three {
background: #00f5ff;
}
.four {
background: #ffc426;
}
.five {
background: #ff6200;
}
}
.num_text {
width: 4vw;
color: aliceblue;
text-align: center;
line-height: 4vh;
}
.num_proportion {
width: 3vw;
text-align: center;
line-height: 4vh;
color: #00f5ff;
}
}
}
}
}
}
</style>

@ -1,146 +1,21 @@
<!-- 资源概况 --> <!-- 资源概况 -->
<template> <template>
<div class="resource_body"> <div class="resource_body"></div>
<!-- 模块头部 -->
<div class="resource_title">
<div class="title_text">{{ title_text }}</div>
</div>
<!-- 模块内容 -->
<div class="resource_box">
<div class="resource_box_item one">
<!-- 占位 -->
<div class="box_item_blank"></div>
<div class="box_item_text">实有人口</div>
<div class="box_item_value">654332</div>
</div>
<div class="resource_box_item two">
<!-- 占位 -->
<div class="box_item_blank"></div>
<div class="box_item_text">流动人口</div>
<div class="box_item_value">421123</div>
</div>
<div class="resource_box_item three">
<!-- 占位 -->
<div class="box_item_blank"></div>
<div class="box_item_text">实有房屋</div>
<div class="box_item_value">556432</div>
</div>
<div class="resource_box_item four">
<!-- 占位 -->
<div class="box_item_blank"></div>
<div class="box_item_text">实有单位</div>
<div class="box_item_value">221223</div>
</div>
</div>
</div>
</template> </template>
<script> <script>
import { get_person_num } from '@/api/coastalMap/resource'
// import { getToken } from '@/utils/auth'
export default { export default {
// eslint-disable-next-line vue/multi-word-component-names // eslint-disable-next-line vue/multi-word-component-names
name: 'Resource', name: 'Resource',
data() { data() {
return { return {}
title_text: '资源概况'
}
},
created() {
// this.add()
this.get_person()
},
methods: {
// async add() {
// let res = await getToken()
// console.log('resdd',res);
// },
async get_person() {
let params = {}
let res = await get_person_num(params)
console.log('res', res)
}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.resource_body { .resource_body {
width: 20vw; width: 18vw;
height: 17.5vh; height: 26vh;
.resource_title { background: url('../../../assets/首页_slices/bg_1.png') no-repeat center /
width: 20vw; cover;
height: 3.5vh;
background: url('~@/assets/coastalMap/box_title_back.png') no-repeat;
background-size: 100% 100%;
.title_text {
width: 20vw;
height: 3.5vh;
color: antiquewhite;
margin-left: 2vw;
font-size: 16px;
font-weight: 700;
line-height: 3.5vh;
text-shadow: 0px 0px 10px #0b4672;
letter-spacing: 2px;
}
}
.resource_box {
width: 20vw;
height: 12vh;
background: url('~@/assets/coastalMap/box_back.png') no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: flex-start;
align-content: flex-start;
flex-wrap: wrap;
.resource_box_item {
width: 9vw;
height: 4vh;
margin-left: 0.5vw;
margin-right: 0.5vw;
margin-top: 1vh;
margin-bottom: 1vh;
cursor: pointer;
display: flex;
justify-content: space-between;
.box_item_blank {
width: 1vw;
height: 4vh;
}
.box_item_text {
width: 3.5vw;
height: 4vh;
color: aliceblue;
text-align: right;
line-height: 4vh;
font-size: 14px;
font-weight: 500;
}
.box_item_value {
width: 3.5vw;
height: 4vh;
text-align: center;
line-height: 4vh;
color: #00f5ff;
font-size: 14px;
font-weight: 800;
}
}
.one {
background: url('~@/assets/coastalMap/resource_item_back01.png') no-repeat;
background-size: 100% 100%;
}
.two {
background: url('~@/assets/coastalMap/resource_item_back02.png') no-repeat;
background-size: 100% 100%;
}
.three {
background: url('~@/assets/coastalMap/resource_item_back03.png') no-repeat;
background-size: 100% 100%;
}
.four {
background: url('~@/assets/coastalMap/resource_item_back04.png') no-repeat;
background-size: 100% 100%;
}
}
} }
</style> </style>

@ -1,29 +1,11 @@
<template> <template>
<div class="system_body"> <div class="system_body">
<!-- 地图区域 --> <!-- 地图区域 -->
<!-- <MapBody ref="mapBody"></MapBody> --> <MapBody ref="mapBody"></MapBody>
<!-- 头部区域 -->
<div class="system_title">
<!-- 占位 -->
<div class="blank"></div>
<div class="title_body">
<!-- 警徽 -->
<div class="title_icon">
<div class="police_icon"></div>
</div>
<!-- 项目名 -->
<div class="title_text">{{ title_text }}</div>
</div>
<div class="time_body">
<div class="box_all">
<div class="time_item"></div>
</div>
</div>
</div>
<!-- 左边区域 --> <!-- 左边区域 -->
<div class="left_box"> <div class="left_box">
<Resource ref="resource"></Resource> <Resource ref="resource"></Resource>
<KeyPerson ref="priority"></KeyPerson> <Priority ref="priority"></Priority>
</div> </div>
<!-- 右边区域 --> <!-- 右边区域 -->
<div class="right_box"> <div class="right_box">
@ -61,28 +43,27 @@
</div> </div>
</template> </template>
<script> <script>
// import { login, getDeviceListAPI } from '@/api/facility' import { login, getDeviceListAPI } from '@/api/facility'
// import { setToken } from '@/utils/token' import { setToken } from '@/utils/token'
// import { setDeviceLatlng } from '@/utils/latlng' import { setDeviceLatlng } from '@/utils/latlng'
// import MapBody from './components/mapBody' import MapBody from './components/mapBody'
import Resource from './components/resource' // * import Resource from './components/resource' // *
import KeyPerson from './components/keyPerson' // * import Priority from './components/priority.vue' // *
import PoliceSpread from './components/policeSpread.vue' // * import PoliceSpread from './components/policeSpread.vue' // *
import SeaElement from './components/seaElement.vue' // * import SeaElement from './components/seaElement.vue' // *
import PoliceStatus from './components/policeStatu.vue' // * import PoliceStatus from './components/policeStatu.vue' // *
export default { export default {
name: 'CoastalMap', name: 'CoastalMap',
components: { components: {
// MapBody, MapBody,
Resource, Resource,
KeyPerson, Priority,
PoliceSpread, PoliceSpread,
SeaElement, SeaElement,
PoliceStatus PoliceStatus
}, },
data() { data() {
return { return {
title_text: '射阳沿海治安防控综合平台'
// // * // // *
// params: { // params: {
// start: 0, // start: 0,
@ -92,28 +73,28 @@ export default {
} }
}, },
created() { created() {
// this.onLogin() this.onLogin()
// this.onGetDeviceData() // this.onGetDeviceData()
// this.getActionsData() // this.getActionsData()
}, },
methods: { methods: {
// * token // * token
// async onLogin() { async onLogin() {
// const res = await login() const res = await login()
// setToken(res.URLToken) setToken(res.URLToken)
// }, },
// * // *
// async onGetDeviceData() { async onGetDeviceData() {
// const res = await getDeviceListAPI(this.params) const res = await getDeviceListAPI(this.params)
// // TODO // TODO
// this.deviceData = res.ChannelList.filter((item) => { this.deviceData = res.ChannelList.filter((item) => {
// Object.seal(item) Object.seal(item)
// return item.Longitude !== 0 return item.Longitude !== 0
// }) })
// console.log(this.deviceData, '') console.log(this.deviceData, '筛选经纬度不为空的数据')
// // * // *
// setDeviceLatlng(this.deviceData) setDeviceLatlng(this.deviceData)
// } }
// // * vuex // // * vuex
// getActionsData() { // getActionsData() {
// this.$store.dispatch('device/getVideoData', this.params) // this.$store.dispatch('device/getVideoData', this.params)
@ -124,73 +105,16 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.system_body { .system_body {
width: 100vw; width: 100vw;
height: 100vh; height: 92vh;
// background: #404eca; // background: #404eca;
position: relative; position: relative;
.system_title {
width: 100vw;
height: 14vh;
position: absolute;
background: url('~@/assets/homepage/title_back.png') no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: space-between;
.blank {
width: 24vw;
height: 14vh;
// background: #33a59f;
}
.title_body {
// width: 28vw;
height: 7vh;
// background: #33a59f;
display: flex;
.title_icon {
width: 3.5vw;
height: 7vh;
display: flex;
justify-content: center;
align-items: center;
.police_icon {
width: 2.7vw;
height: 5.4vh;
background: url('~@/assets/homepage/police.png') no-repeat;
background-size: 100% 100%;
}
}
.title_text {
color: aliceblue;
text-align: center;
line-height: 7vh;
font-size: 36px;
font-weight: 700;
}
}
.time_body {
width: 24vw;
height: 7vh;
.box_all {
width: 12vw;
height: 7vh;
// background: #ad337f;
.time_item {
width: 12vw;
height: 3.5vh;
text-align: center;
color: #37fdc7;
font-size: 24px;
font-weight: 600;
}
}
}
}
.left_box { .left_box {
position: absolute; position: absolute;
top: 10vh; top: 10vh;
left: 1vw; left: 1vw;
width: 20vw; width: 18vw;
height: 89vh; height: 89vh;
// background: #ad337f; background: #ad337f;
z-index: 3; z-index: 3;
} }
.right_box { .right_box {

@ -1,9 +1,9 @@
<template> <template>
<div class="main"> <div class="main">
<!-- <div class="system_title"> <div class="system_title">
<div class="system_title_icon"></div> <div class="system_title_icon"></div>
<div class="system_title_text">射阳沿海治安防控综合平台</div> <div class="system_title_text">射阳沿海治安防控综合平台</div>
</div> --> </div>
<!-- 底部导航按钮 - 跳转路由 --> <!-- 底部导航按钮 - 跳转路由 -->
<div class="under_btn"> <div class="under_btn">
<div class="under_btn_item"> <div class="under_btn_item">
@ -35,37 +35,38 @@ export default {
.main { .main {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background: #07204b; // background: #aeaeae;
// .system_title { .system_title {
// display: flex; display: flex;
// justify-content: center; justify-content: center;
// align-items: center; align-items: center;
// width: 100vw; width: 100vw;
// height: 6vh; height: 8vh;
// position: absolute; position: absolute;
// z-index: 2; z-index: 2;
// background: url('~@/assets/homepage/title_back.png') no-repeat; background-image: url('../../assets/首页_slices/bg_导航.png');
// background-size: cover; background-repeat: no-repeat;
background-size: cover;
// .system_title_icon { .system_title_icon {
// margin-right: 2vw; margin-right: 2vw;
// width: 4vw; width: 4vw;
// height: 8vh; height: 8vh;
// background: url("../../assets/_slices/logo.png") no-repeat center / background: url('../../assets/首页_slices/logo.png') no-repeat center /
// cover; cover;
// } }
// .system_title_text { .system_title_text {
// width: 20vw; width: 20vw;
// height: 6vh; height: 6vh;
// font-size: 2.2rem; font-size: 2.2rem;
// font-weight: 600; font-weight: 600;
// font-family: 'YouSheBiaoTiHei'; font-family: 'YouSheBiaoTiHei';
// color: #fff; color: #fff;
// text-align: center; text-align: center;
// line-height: 6vh; line-height: 6vh;
// } }
// } }
.under_btn { .under_btn {
position: absolute; position: absolute;
@ -77,22 +78,22 @@ export default {
display: flex; display: flex;
z-index: 2; z-index: 2;
// .under_btn_item { .under_btn_item {
// width: 10vw; width: 10vw;
// height: 7vh; height: 7vh;
// // border: 1px solid#b1335d; // border: 1px solid#b1335d;
// display: flex; display: flex;
// justify-content: center; justify-content: center;
// align-items: center; align-items: center;
// .item_check { .item_check {
// width: 3.5vw; width: 3.5vw;
// height: 6.5vh; height: 6.5vh;
// background-image: url("../../assets/_slices/icon_home_sel.png"); background-image: url('../../assets/首页_slices/icon_home_sel.png');
// background-repeat: no-repeat; background-repeat: no-repeat;
// background-size: cover; background-size: cover;
// } }
// } }
} }
} }
</style> </style>

Loading…
Cancel
Save