Skip to content

G
GaoQuIncubator
Commit 83516382 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

amap marker

parent 6f319043
Hide whitespace changes
Inline Side-by-side
Showing with 670 additions and 481 deletions
src/views/Screen/index.vue
View file @ 83516382
<template> <template>
<div class="Screen cm-layout"> <div class="Screen cm-layout">
<div class="a_0"> <div class="a_0">
<cu-amap <!-- <cu-amap ref="amap" :options="amapOptions()" /> -->
ref="amap"
:options="amapOptions()"
/>
<div id="container"></div>
<div class="a0_"> <div class="a0_">
<header id="header"> <header id="header">
<div class="b1_bg"> <div class="b1_bg">
...@@ -17,7 +14,7 @@ ...@@ -17,7 +14,7 @@
</div> </div>
</header> </header>
</div> </div>
<div class="map-mask"></div> <div class="map-mask"></div>
</div> </div>
<div class="b_0"> <div class="b_0">
<section class="b0_" id="b0_"> <section class="b0_" id="b0_">
...@@ -102,502 +99,623 @@ ...@@ -102,502 +99,623 @@
<script> <script>
import { reqApi } from "@/assets/js/httpApi.js"; import { reqApi } from "@/assets/js/httpApi.js";
import { Highchart } from "@/assets/js/chartTemplates.js"; import { Highchart } from "@/assets/js/chartTemplates.js";
import cuAmap from '@/components/AMap'; import cuAmap from "@/components/AMap";
import request from '@/utils/request' import request from "@/utils/request";
//关闭信息窗体
function closeInfoWindow(mapEle) {
mapEle.clearInfoWindow();
}
export default { export default {
data() { data() {
return { return {
map: null,
infoWindow: null,
navActive: null, navActive: null,
sjzlList: [], sjzlList: [],
srphList: [], srphList: [],
view0: { view0: {
md1: [], // 数据总览 md1: [], // 数据总览
md3: [], // 产品 md3: [], // 产品
}, },
}; };
}, },
components: {cuAmap }, components: { cuAmap },
mounted() { mounted() {
var that = this; var that = this;
this.$nextTick(() => { this.$nextTick(() => {
/**
/** * 1、地图渲染
* 1、地图渲染 * 1-1、地图坐标点定位回显，marker事件添加
* 1-1、地图坐标点定位回显，marker事件添加 * 2、接口数据获取
* 2、接口数据获取 * 3、图表渲染
* 3、图表渲染 * 4、定时刷新接口操作
* 4、定时刷新接口操作 * 5、调整窗口大小，重新加载处理
* 5、调整窗口大小，重新加载处理 *
* *
* */
*/ this.initMap();
this.navActive = 0 this.navActive = 0;
// 获取总览数据 // 获取总览数据
this.sjzl() this.sjzl();
this.srph() this.srph();
this.qycxcysjfx() this.qycxcysjfx();
this.fhqfhqysjfx() this.fhqfhqysjfx();
this.fhqyndsjsfbhqs() this.fhqyndsjsfbhqs();
this.zfqyndsjsfbhqs() this.zfqyndsjsfbhqs();
// const map = new AMap.Map('map', { // const map = new AMap.Map('map', {
// resizeEnable: true, // resizeEnable: true,
// center: [116.397128, 39.916527], // 设置中心坐标 // center: [116.397128, 39.916527], // 设置中心坐标
// zoom: 10, // 设置缩放级别 // zoom: 10, // 设置缩放级别
// viewMode: '3D' // 3D视图 // viewMode: '3D' // 3D视图
// }); // });
}) });
}, },
methods: { methods: {
sjzl () { // 数据总览 initMap() {
request({ var VUE = this;
url: 'api/homePage/incubatorOverview?size=9', VUE.map = new AMap.Map("container", {
method: 'get' resizeEnable: true,
}) .then((res) => { center: [116.481181, 39.989792],
this.sjzlList = res.body || []; zoom: 13,
}); });
},
srph () { // 收入排行 console.log(VUE.map, "map");
request({ addMarker();
url: 'api/homePage/incubatorLeaderboard',
method: 'get' //添加marker标记
}) .then((res) => { function addMarker() {
const list = res.body || []; VUE.map.clearMap();
var colors = [ var marker = new AMap.Marker({
"#ff8371", map: VUE.map,
"#08b2c0", position: [116.481181, 39.989792],
"#427fff", icon: "/static/images/marker-dp.png",
"#8dbffa", });
"#b2e2fe", //鼠标点击marker弹出自定义的信息窗体
]; marker.on("click", function () {
var chartData = Highchart.formatSeriesList(list, { VUE.infoWindow.open(VUE.map, marker.getPosition());
value: "value", });
colors: colors, }
}); const item = {};
var opts = { //实例化信息窗体
chartConfig: { var title =
chart: { '方恒假日酒店<span style="font-size:11px;color:#F00;">价格:318</span>',
type: "bar", content = `<div class="popupBgImage" style="">
marginBottom: 10, <h4>详细信息</h4><i id="closeInfoWindowBtn"></i>
}, <dl>
xAxis: { <dd><font>孵化器名称：</font><span>${item.incubatorName}</span></dd>
type: "category", <dd><font>运营机构：</font><span>${item.operatingAgency}</span></dd>
lineWidth: 1, <dd><font>在孵企业：</font><span>${item.incubatorCount || 0}家</span></dd>
labels: { <dd><font>毕业企业：</font><span>${item.graduationCount || 0}家</span></dd>
x: -5, <dd><font>使用总面积：</font><span>${item.totalArea || 0}(㎡)</span></dd>
}, <dd><font>总收入：</font><span>${item.totalIncome || 0}万元</span></dd>
}, </dl>
yAxis: { <button type="button">更多</button>
visible: false, </div>`;
},
series: [ VUE.infoWindow = new AMap.InfoWindow({
{ isCustom: true, //使用自定义窗体
name: "", anchor: "top-center",
data: chartData.seriesData, // content: createInfoWindow(title, content),
dataLabels: { content,
enabled: true,
color: "#FFFFFF", offset: new AMap.Pixel(30, 70),
align: "right", open: function(){
format: "{point.y:.1f}", // :.1f 为保留 1 位小数 }
}, });
},
], VUE.infoWindow.on('open',function(){ // 关闭信息框
document.getElementById("closeInfoWindowBtn").onclick = () => {
VUE.infoWindow.close();
};
})
// document.getElementById("closeInfoWindowBtn").onclick = () => {
// this.closeInfo();
// };
},
closeInfo() {
this.infoWindow.close();
},
sjzl() {
// 数据总览
request({
url: "api/homePage/incubatorOverview?size=9",
method: "get",
}).then((res) => {
this.sjzlList = res.body || [];
});
},
srph() {
// 收入排行
request({
url: "api/homePage/incubatorLeaderboard",
method: "get",
}).then((res) => {
const list = res.body || [];
var colors = ["#ff8371", "#08b2c0", "#427fff", "#8dbffa", "#b2e2fe"];
var chartData = Highchart.formatSeriesList(list, {
value: "value",
colors: colors,
});
var opts = {
chartConfig: {
chart: {
type: "bar",
marginBottom: 10,
},
xAxis: {
type: "category",
lineWidth: 1,
labels: {
x: -5,
}, },
isSeriesData: true, },
}; yAxis: {
Highchart.template.rich(document.querySelector('.srphWrapper'), list, opts); visible: false,
}); },
}, series: [
qycxcysjfx () { //企业创新创业数据分析 {
request({ name: "",
url: 'api/homePage/enterpriseInnovationAnalysis', data: chartData.seriesData,
method: 'get' dataLabels: {
}) .then((res) => { enabled: true,
const list = res.body || []; color: "#FFFFFF",
var colors = ["#0b50f5", "#00d1e6", "#0ce2a6", "#fdbe17"]; align: "right",
var seriesFormat = Highchart.formatSeriesList(list, { format: "{point.y:.1f}", // :.1f 为保留 1 位小数
value: "num",
colors: colors,
});
var seriesData = seriesFormat.seriesData;
var opts = {
chartConfig: {
chart: {
backgroundColor: "transparent",
//spacing:[0, 0 , 0, 0]
},
title: {
floating: true,
text: "",
verticalAlign: "middle",
y: 22,
floating: true,
style: {
color: "#00f6ff",
},
},
tooltip: {
pointFormat: "{series.name}: <b>{point.percentage:.1f}%</b>",
},
credits: {
enabled: false,
},
legend: {
itemStyle: { color: "#fff", textOverflow: "ellipsis" },
layout: "horizontal",
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: "pointer",
showInLegend: true,
dataLabels: {
format: "<b>{point.name}</b>: {point.percentage:.1f} %",
},
},
}, },
series: [
{
type: "pie",
innerSize: "70%",
name: "设备数量",
data: seriesData,
},
],
}, },
isSeriesData: true, ],
}; },
// Highchart.template.pie(wrap34, list, opts); isSeriesData: true,
Highchart.template.rich(document.querySelector('.qycxcysjfxWrapper'), list, opts); };
}); Highchart.template.rich(
}, document.querySelector(".srphWrapper"),
fhqfhqysjfx () { //孵化器孵化企业数据分析 list,
request({ opts
url: 'api/homePage/incubatorEnterpriseNumber', );
method: 'get' });
}) .then((res) => { },
const list = res.body || []; qycxcysjfx() {
var opts = { //企业创新创业数据分析
chartConfig: { request({
chart: { url: "api/homePage/enterpriseInnovationAnalysis",
type: "column", method: "get",
marginBottom: 50, }).then((res) => {
}, const list = res.body || [];
xAxis: { var colors = ["#0b50f5", "#00d1e6", "#0ce2a6", "#fdbe17"];
type: "category", var seriesFormat = Highchart.formatSeriesList(list, {
labels: { value: "num",
rotation: -25, // 设置轴标签旋转角度 colors: colors,
}, });
}, var seriesData = seriesFormat.seriesData;
var opts = {
chartConfig: {
chart: {
backgroundColor: "transparent",
//spacing:[0, 0 , 0, 0]
},
title: {
floating: true,
text: "",
verticalAlign: "middle",
y: 22,
floating: true,
style: {
color: "#00f6ff",
}, },
}; },
// Highchart.template.rich(wrap35, list, opts); tooltip: {
Highchart.template.rich(document.querySelector('.fhqfhqysjfxWrapper'), list, opts); pointFormat: "{series.name}: <b>{point.percentage:.1f}%</b>",
}); },
}, credits: {
fhqyndsjsfbhqs () { //孵化企业年度上缴税费变化趋势 enabled: false,
request({ },
url: 'api/homePage/incubatorTaxTrend', legend: {
method: 'get' itemStyle: { color: "#fff", textOverflow: "ellipsis" },
}) .then((res) => { layout: "horizontal",
let list = res.body || []; },
list = { plotOptions: {
names: [ pie: {
{ allowPointSelect: true,
name: "上缴税费", cursor: "pointer",
key: "num", showInLegend: true,
}, dataLabels: {
], format: "<b>{point.name}</b>: {point.percentage:.1f} %",
list: [
{
date: "2021年",
values: {
num: 100,
},
},
{
date: "2023年",
values: {
num: 41,
},
},
{
date: "2024年",
values: {
num: 533,
},
},
{
date: "2025年",
values: {
num: 303,
},
},
{
date: "2026年",
values: {
num: 306,
},
},
{
date: "2027年",
values: {
num: 309,
},
},
{
date: "2028年",
values: {
num: 312,
},
},
{
date: "2029年",
values: {
num: 315,
},
},
{
date: "2030年",
values: {
num: 318,
},
},
{
date: "2031年",
values: {
num: 321,
},
},
{
date: "2032年",
values: {
num: 324,
},
},
],
};
var chartData = Highchart.seriesDataFormat(list, {
datekey: "date",
dataReverse: true,
});
var categories = chartData.categories;
var series = chartData.series;
var opts = {
chartConfig: {
chart: {
marginTop: 20,
marginLeft: 40,
marginBottom: 35,
},
xAxis: {
type: "category",
categories: categories,
labels: {
rotation: -20, // 设置轴标签旋转角度
align: "center",
},
},
yAxis: {
title: {
text: "(万元)",
margin: 0,
style: {
color: "#eee",
fontSize: "10px",
},
rotation: 0,
align: "high",
y: -10,
x: 25,
},
}, },
plotOptions: {},
series: [
{
type: "area",
keys: ["y", "rotation"], // rotation is not used here
data: series[0].data,
color: "#19c4fa",
fillColor: {
linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
stops: [
[0, "#2aadf3"],
[1, "rgba(25,201,255,0)"],
],
},
},
],
}, },
isSeriesData: true, },
}; series: [
// Highchart.template.rich(wrap35, list, opts); {
Highchart.template.rich(document.querySelector('.fhqyndsjsfbhqsWrapper'), list, opts); type: "pie",
}); innerSize: "70%",
}, name: "设备数量",
zfqyndsjsfbhqs () { // 在孵企业年度上缴税费变化趋势 data: seriesData,
request({ },
url: 'api/homePage/incubatorTaxTrend', ],
method: 'get' },
}) .then((res) => { isSeriesData: true,
let list = res.body || []; };
list = { // Highchart.template.pie(wrap34, list, opts);
names: [ Highchart.template.rich(
{ document.querySelector(".qycxcysjfxWrapper"),
name: "上缴税费", list,
key: "num", opts
}, );
], });
list: [ },
{ fhqfhqysjfx() {
date: "2021年", //孵化器孵化企业数据分析
values: { request({
num: 100, url: "api/homePage/incubatorEnterpriseNumber",
}, method: "get",
}, }).then((res) => {
{ const list = res.body || [];
date: "2023年", var opts = {
values: { chartConfig: {
num: 41, chart: {
}, type: "column",
}, marginBottom: 50,
{ },
date: "2024年", xAxis: {
values: { type: "category",
num: 533, labels: {
}, rotation: -25, // 设置轴标签旋转角度
}, },
{ },
date: "2025年", },
values: { };
num: 303, // Highchart.template.rich(wrap35, list, opts);
}, Highchart.template.rich(
}, document.querySelector(".fhqfhqysjfxWrapper"),
{ list,
date: "2026年", opts
values: { );
num: 306, });
}, },
}, fhqyndsjsfbhqs() {
{ //孵化企业年度上缴税费变化趋势
date: "2027年", request({
values: { url: "api/homePage/incubatorTaxTrend",
num: 309, method: "get",
}, }).then((res) => {
}, let list = res.body || [];
{ list = {
date: "2028年", names: [
values: { {
num: 312, name: "上缴税费",
}, key: "num",
}, },
{ ],
date: "2029年", list: [
values: { {
num: 315, date: "2021年",
}, values: {
}, num: 100,
{ },
date: "2030年", },
values: { {
num: 318, date: "2023年",
}, values: {
}, num: 41,
{ },
date: "2031年", },
values: { {
num: 321, date: "2024年",
}, values: {
}, num: 533,
{ },
date: "2032年", },
values: { {
num: 324, date: "2025年",
}, values: {
}, num: 303,
], },
}; },
var chartData = Highchart.seriesDataFormat(list, { {
datekey: "date", date: "2026年",
dataReverse: true, values: {
}); num: 306,
var categories = chartData.categories; },
var series = chartData.series; },
var opts = { {
chartConfig: { date: "2027年",
chart: { values: {
marginTop: 20, num: 309,
marginLeft: 40, },
marginBottom: 35, },
}, {
xAxis: { date: "2028年",
type: "category", values: {
categories: categories, num: 312,
labels: { },
rotation: -20, // 设置轴标签旋转角度 },
align: "center", {
}, date: "2029年",
values: {
num: 315,
},
},
{
date: "2030年",
values: {
num: 318,
},
},
{
date: "2031年",
values: {
num: 321,
},
},
{
date: "2032年",
values: {
num: 324,
},
},
],
};
var chartData = Highchart.seriesDataFormat(list, {
datekey: "date",
dataReverse: true,
});
var categories = chartData.categories;
var series = chartData.series;
var opts = {
chartConfig: {
chart: {
marginTop: 20,
marginLeft: 40,
marginBottom: 35,
},
xAxis: {
type: "category",
categories: categories,
labels: {
rotation: -20, // 设置轴标签旋转角度
align: "center",
},
},
yAxis: {
title: {
text: "(万元)",
margin: 0,
style: {
color: "#eee",
fontSize: "10px",
},
rotation: 0,
align: "high",
y: -10,
x: 25,
},
},
plotOptions: {},
series: [
{
type: "area",
keys: ["y", "rotation"], // rotation is not used here
data: series[0].data,
color: "#19c4fa",
fillColor: {
linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
stops: [
[0, "#2aadf3"],
[1, "rgba(25,201,255,0)"],
],
}, },
yAxis: { },
title: { ],
text: "(万元)", },
margin: 0, isSeriesData: true,
style: { };
color: "#eee", // Highchart.template.rich(wrap35, list, opts);
fontSize: "10px", Highchart.template.rich(
}, document.querySelector(".fhqyndsjsfbhqsWrapper"),
rotation: 0, list,
align: "high", opts
y: -10, );
x: 25, });
}, },
zfqyndsjsfbhqs() {
// 在孵企业年度上缴税费变化趋势
request({
url: "api/homePage/incubatorTaxTrend",
method: "get",
}).then((res) => {
let list = res.body || [];
list = {
names: [
{
name: "上缴税费",
key: "num",
},
],
list: [
{
date: "2021年",
values: {
num: 100,
},
},
{
date: "2023年",
values: {
num: 41,
},
},
{
date: "2024年",
values: {
num: 533,
},
},
{
date: "2025年",
values: {
num: 303,
},
},
{
date: "2026年",
values: {
num: 306,
},
},
{
date: "2027年",
values: {
num: 309,
},
},
{
date: "2028年",
values: {
num: 312,
},
},
{
date: "2029年",
values: {
num: 315,
},
},
{
date: "2030年",
values: {
num: 318,
},
},
{
date: "2031年",
values: {
num: 321,
},
},
{
date: "2032年",
values: {
num: 324,
},
},
],
};
var chartData = Highchart.seriesDataFormat(list, {
datekey: "date",
dataReverse: true,
});
var categories = chartData.categories;
var series = chartData.series;
var opts = {
chartConfig: {
chart: {
marginTop: 20,
marginLeft: 40,
marginBottom: 35,
},
xAxis: {
type: "category",
categories: categories,
labels: {
rotation: -20, // 设置轴标签旋转角度
align: "center",
},
},
yAxis: {
title: {
text: "(万元)",
margin: 0,
style: {
color: "#eee",
fontSize: "10px",
},
rotation: 0,
align: "high",
y: -10,
x: 25,
},
},
plotOptions: {},
series: [
{
type: "area",
keys: ["y", "rotation"], // rotation is not used here
data: series[0].data,
color: "#19c4fa",
fillColor: {
linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
stops: [
[0, "#2aadf3"],
[1, "rgba(25,201,255,0)"],
],
}, },
plotOptions: {},
series: [
{
type: "area",
keys: ["y", "rotation"], // rotation is not used here
data: series[0].data,
color: "#19c4fa",
fillColor: {
linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
stops: [
[0, "#2aadf3"],
[1, "rgba(25,201,255,0)"],
],
},
},
],
}, },
isSeriesData: true, ],
}; },
// Highchart.template.rich(wrap35, list, opts); isSeriesData: true,
Highchart.template.rich(document.querySelector('.zfqyndsjsfbhqsWrapper'), list, opts); };
}); // Highchart.template.rich(wrap35, list, opts);
}, Highchart.template.rich(
document.querySelector(".zfqyndsjsfbhqsWrapper"),
list,
opts
);
});
},
amapOptions(cmap) {
var self = this;
var VUE = this;
return {
zoom: 13,
center: [122.050189, 37.515189],
//showLabel: true,
//pitch: 40,
onload: function (cmap) {
console.log("onload ________________ ", self, cmap);
const form = {
longitude: 122.050189,
latitude: 37.515189,
};
self.cmap = cmap;
// debugger
VUE.cmap = cmap;
var center = cmap.options.center;
var lng = form.longitude || center[0],
lat = form.latitude || center[1];
if (lng && lat) {
cmap.setCenter([lng, lat]);
addMarker();
// // 添加标记
// cmap.addMarker({
// lnglat: [lng, lat],
// title: "",
// content: markerContent,
// offset: new AMap.Pixel(-13, -30),
// draggable: true,
// click: function () {
// infoWindow.open(cmap, marker.getPosition()); // 打开信息窗口
// },
// });
// //鼠标点击marker弹出自定义的信息窗体
// AMap.event.addListener(cmap, "click", function () {
// infoWindow.open(map, marker.getPosition());
// });
}
},
click: function (e, cmap) {
console.log("click ________________ ", cmap);
},
};
},
amapOptions(cmap){
var self = this;
return {
zoom:13,
center:[122.050189, 37.515189],
//showLabel: true,
//pitch: 40,
onload: function(cmap){
console.log('onload ________________ ', self, cmap);
self.cmap = cmap;
},
click: function(e, cmap){
console.log('click ________________ ', cmap);
},
};
},
// 首页 // 首页
module0(m, t, f, dmIndex, view) { module0(m, t, f, dmIndex, view) {
var self = this, var self = this,
...@@ -606,7 +724,7 @@ export default { ...@@ -606,7 +724,7 @@ export default {
thisApi = fm.models[dmIndex]; thisApi = fm.models[dmIndex];
var wrap32 = view.querySelector("#amd32 .wrap"); var wrap32 = view.querySelector("#amd32 .wrap");
var wrap34 = view.querySelector("#amd34 .wrap"); var wrap34 = view.querySelector("#amd34 .wrap");
var wrap35 = view.querySelector("#amd35 .wrap"); var wrap35 = view.querySelector("#amd35 .wrap");
var wrap36 = view.querySelector("#amd36 .wrap"); var wrap36 = view.querySelector("#amd36 .wrap");
...@@ -690,9 +808,7 @@ export default { ...@@ -690,9 +808,7 @@ export default {
// 孵化总收入排行榜 // 孵化总收入排行榜
(m.reqSrph = function () { (m.reqSrph = function () {
m.srph().then(function (list) { m.srph().then(function (list) {});
});
})(); })();
// md4 // md4
...@@ -1421,6 +1537,11 @@ export default { ...@@ -1421,6 +1537,11 @@ export default {
</script> </script>
<style lang="scss" scope> <style lang="scss" scope>
#container {
height: 100%;
width: 100%;
background-color: #29557a;
}
@font-face { @font-face {
font-family: "diget year"; font-family: "diget year";
src: url("~@/assets/fonts/DS-Digital.ttf"); src: url("~@/assets/fonts/DS-Digital.ttf");
...@@ -1554,7 +1675,7 @@ export default { ...@@ -1554,7 +1675,7 @@ export default {
justify-content: center; justify-content: center;
pointer-events: none; pointer-events: none;
h2 { h2 {
font-size: 0.4rem; font-size: 0.4534rem;
line-height: 1; line-height: 1;
margin: 0.23rem 0 0 0rem; margin: 0.23rem 0 0 0rem;
font-weight: bold; font-weight: bold;
...@@ -2163,10 +2284,78 @@ export default { ...@@ -2163,10 +2284,78 @@ export default {
/* 弹窗背景图 */ /* 弹窗背景图 */
.popupBgImage { .popupBgImage {
color: #fff;
width: 3.86rem;
height: 3.66rem;
font-size: 0.12rem;
padding: 0.1rem;
background-image: url("/static/images/frame1.png"); background-image: url("/static/images/frame1.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
button {
width: 1.5rem;
height: 0.4rem;
background: #00d2ff;
border-radius: 0.04rem;
font-size: 0.19rem;
color: #fff;
border: none;
outline: none;
margin-left: 50%;
margin-top: 0.14rem;
transform: translateX(-50%);
cursor: pointer;
}
dl {
padding: 0 0.4rem;
}
dd {
margin-top: 0.08rem;
margin-bottom: 0.08rem;
}
dd > font {
// 标题
font-size: 0.19rem;
color: #00f0ff;
}
dd > span {
// 值
font-size: 0.19rem;
color: #fff;
}
i {
background-image: url("~@/assets/images/dpNew/close_icon.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
display: block;
width: 0.21rem;
height: 0.21rem;
position: absolute;
top: 0.21rem;
right: 0.21rem;
}
h4 {
width: 2.58rem;
height: 0.5rem;
text-align: center;
line-height: 0.5rem;
margin: 0 auto;
margin-top: 0.21rem;
// background: linear-gradient(90deg, rgba(4,205,255,0) 0%, rgba(4,205,255,0.98) 51%, rgba(4,205,255,0) 100%);
// opacity: 0.82;
font-family: SimHei;
font-weight: 400;
font-size: 0.24rem;
color: #ffffff;
background-image: url("~@/assets/images/dpNew/title2.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
} }
/* 加载动画 */ /* 加载动画 */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment