diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ
diff --git a/public/img/tietu/cloud.png b/public/img/tietu/cloud.png
new file mode 100644
index 0000000..00347be
--- /dev/null
+++ b/public/img/tietu/cloud.png
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ
diff --git a/public/img/tietu/cloud.png b/public/img/tietu/cloud.png
new file mode 100644
index 0000000..00347be
--- /dev/null
+++ b/public/img/tietu/cloud.png
Binary files differ
diff --git a/public/img/tietu/gugong.jpg b/public/img/tietu/gugong.jpg
new file mode 100644
index 0000000..8904c7b
--- /dev/null
+++ b/public/img/tietu/gugong.jpg
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ
diff --git a/public/img/tietu/cloud.png b/public/img/tietu/cloud.png
new file mode 100644
index 0000000..00347be
--- /dev/null
+++ b/public/img/tietu/cloud.png
Binary files differ
diff --git a/public/img/tietu/gugong.jpg b/public/img/tietu/gugong.jpg
new file mode 100644
index 0000000..8904c7b
--- /dev/null
+++ b/public/img/tietu/gugong.jpg
Binary files differ
diff --git a/public/img/tietu/hangpai.png b/public/img/tietu/hangpai.png
new file mode 100644
index 0000000..84d8f94
--- /dev/null
+++ b/public/img/tietu/hangpai.png
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ
diff --git a/public/img/tietu/cloud.png b/public/img/tietu/cloud.png
new file mode 100644
index 0000000..00347be
--- /dev/null
+++ b/public/img/tietu/cloud.png
Binary files differ
diff --git a/public/img/tietu/gugong.jpg b/public/img/tietu/gugong.jpg
new file mode 100644
index 0000000..8904c7b
--- /dev/null
+++ b/public/img/tietu/gugong.jpg
Binary files differ
diff --git a/public/img/tietu/hangpai.png b/public/img/tietu/hangpai.png
new file mode 100644
index 0000000..84d8f94
--- /dev/null
+++ b/public/img/tietu/hangpai.png
Binary files differ
diff --git a/public/img/tietu/keyboard.png b/public/img/tietu/keyboard.png
new file mode 100644
index 0000000..146490a
--- /dev/null
+++ b/public/img/tietu/keyboard.png
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ
diff --git a/public/img/tietu/cloud.png b/public/img/tietu/cloud.png
new file mode 100644
index 0000000..00347be
--- /dev/null
+++ b/public/img/tietu/cloud.png
Binary files differ
diff --git a/public/img/tietu/gugong.jpg b/public/img/tietu/gugong.jpg
new file mode 100644
index 0000000..8904c7b
--- /dev/null
+++ b/public/img/tietu/gugong.jpg
Binary files differ
diff --git a/public/img/tietu/hangpai.png b/public/img/tietu/hangpai.png
new file mode 100644
index 0000000..84d8f94
--- /dev/null
+++ b/public/img/tietu/hangpai.png
Binary files differ
diff --git a/public/img/tietu/keyboard.png b/public/img/tietu/keyboard.png
new file mode 100644
index 0000000..146490a
--- /dev/null
+++ b/public/img/tietu/keyboard.png
Binary files differ
diff --git a/public/img/tietu/leida.jpg b/public/img/tietu/leida.jpg
new file mode 100644
index 0000000..73e4640
--- /dev/null
+++ b/public/img/tietu/leida.jpg
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ
diff --git a/public/img/tietu/cloud.png b/public/img/tietu/cloud.png
new file mode 100644
index 0000000..00347be
--- /dev/null
+++ b/public/img/tietu/cloud.png
Binary files differ
diff --git a/public/img/tietu/gugong.jpg b/public/img/tietu/gugong.jpg
new file mode 100644
index 0000000..8904c7b
--- /dev/null
+++ b/public/img/tietu/gugong.jpg
Binary files differ
diff --git a/public/img/tietu/hangpai.png b/public/img/tietu/hangpai.png
new file mode 100644
index 0000000..84d8f94
--- /dev/null
+++ b/public/img/tietu/hangpai.png
Binary files differ
diff --git a/public/img/tietu/keyboard.png b/public/img/tietu/keyboard.png
new file mode 100644
index 0000000..146490a
--- /dev/null
+++ b/public/img/tietu/keyboard.png
Binary files differ
diff --git a/public/img/tietu/leida.jpg b/public/img/tietu/leida.jpg
new file mode 100644
index 0000000..73e4640
--- /dev/null
+++ b/public/img/tietu/leida.jpg
Binary files differ
diff --git a/public/styles/city.css b/public/styles/city.css
new file mode 100644
index 0000000..b3fa779
--- /dev/null
+++ b/public/styles/city.css
@@ -0,0 +1,38 @@
+/**一个简单文本DIV面板**/
+.marsBlackPanel {
+  min-width: 90px;
+  min-height: 35px;
+  position: absolute;
+  left: 16px;
+  bottom: 31px;
+  cursor: default;
+  opacity: 0.96;
+  box-sizing: border-box;
+}
+
+.marsBlackPanel::before {
+  content: "";
+  width: calc(100% + 22px);
+  height: 39px;
+  position: absolute;
+  bottom: -39px;
+  left: -22px;
+  background: url("/img/icon/popupLbl.png") 0px 0px no-repeat;
+  background-position: 0px 0px;
+  background-size: cover;
+}
+
+.marsBlackPanel-text {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  padding: 1px 20px;
+  font-size: 23px;
+  font-family: "MicrosoftYaHei";
+  font-weight: 100;
+  color: yellow;
+  line-height: 33px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  white-space: nowrap;
+}

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ
diff --git a/public/img/tietu/cloud.png b/public/img/tietu/cloud.png
new file mode 100644
index 0000000..00347be
--- /dev/null
+++ b/public/img/tietu/cloud.png
Binary files differ
diff --git a/public/img/tietu/gugong.jpg b/public/img/tietu/gugong.jpg
new file mode 100644
index 0000000..8904c7b
--- /dev/null
+++ b/public/img/tietu/gugong.jpg
Binary files differ
diff --git a/public/img/tietu/hangpai.png b/public/img/tietu/hangpai.png
new file mode 100644
index 0000000..84d8f94
--- /dev/null
+++ b/public/img/tietu/hangpai.png
Binary files differ
diff --git a/public/img/tietu/keyboard.png b/public/img/tietu/keyboard.png
new file mode 100644
index 0000000..146490a
--- /dev/null
+++ b/public/img/tietu/keyboard.png
Binary files differ
diff --git a/public/img/tietu/leida.jpg b/public/img/tietu/leida.jpg
new file mode 100644
index 0000000..73e4640
--- /dev/null
+++ b/public/img/tietu/leida.jpg
Binary files differ
diff --git a/public/styles/city.css b/public/styles/city.css
new file mode 100644
index 0000000..b3fa779
--- /dev/null
+++ b/public/styles/city.css
@@ -0,0 +1,38 @@
+/**一个简单文本DIV面板**/
+.marsBlackPanel {
+  min-width: 90px;
+  min-height: 35px;
+  position: absolute;
+  left: 16px;
+  bottom: 31px;
+  cursor: default;
+  opacity: 0.96;
+  box-sizing: border-box;
+}
+
+.marsBlackPanel::before {
+  content: "";
+  width: calc(100% + 22px);
+  height: 39px;
+  position: absolute;
+  bottom: -39px;
+  left: -22px;
+  background: url("/img/icon/popupLbl.png") 0px 0px no-repeat;
+  background-position: 0px 0px;
+  background-size: cover;
+}
+
+.marsBlackPanel-text {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  padding: 1px 20px;
+  font-size: 23px;
+  font-family: "MicrosoftYaHei";
+  font-weight: 100;
+  color: yellow;
+  line-height: 33px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
diff --git a/src/assets/images/icon/popupLbl.png b/src/assets/images/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/src/assets/images/icon/popupLbl.png
Binary files differ

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ
diff --git a/public/img/tietu/cloud.png b/public/img/tietu/cloud.png
new file mode 100644
index 0000000..00347be
--- /dev/null
+++ b/public/img/tietu/cloud.png
Binary files differ
diff --git a/public/img/tietu/gugong.jpg b/public/img/tietu/gugong.jpg
new file mode 100644
index 0000000..8904c7b
--- /dev/null
+++ b/public/img/tietu/gugong.jpg
Binary files differ
diff --git a/public/img/tietu/hangpai.png b/public/img/tietu/hangpai.png
new file mode 100644
index 0000000..84d8f94
--- /dev/null
+++ b/public/img/tietu/hangpai.png
Binary files differ
diff --git a/public/img/tietu/keyboard.png b/public/img/tietu/keyboard.png
new file mode 100644
index 0000000..146490a
--- /dev/null
+++ b/public/img/tietu/keyboard.png
Binary files differ
diff --git a/public/img/tietu/leida.jpg b/public/img/tietu/leida.jpg
new file mode 100644
index 0000000..73e4640
--- /dev/null
+++ b/public/img/tietu/leida.jpg
Binary files differ
diff --git a/public/styles/city.css b/public/styles/city.css
new file mode 100644
index 0000000..b3fa779
--- /dev/null
+++ b/public/styles/city.css
@@ -0,0 +1,38 @@
+/**一个简单文本DIV面板**/
+.marsBlackPanel {
+  min-width: 90px;
+  min-height: 35px;
+  position: absolute;
+  left: 16px;
+  bottom: 31px;
+  cursor: default;
+  opacity: 0.96;
+  box-sizing: border-box;
+}
+
+.marsBlackPanel::before {
+  content: "";
+  width: calc(100% + 22px);
+  height: 39px;
+  position: absolute;
+  bottom: -39px;
+  left: -22px;
+  background: url("/img/icon/popupLbl.png") 0px 0px no-repeat;
+  background-position: 0px 0px;
+  background-size: cover;
+}
+
+.marsBlackPanel-text {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  padding: 1px 20px;
+  font-size: 23px;
+  font-family: "MicrosoftYaHei";
+  font-weight: 100;
+  color: yellow;
+  line-height: 33px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
diff --git a/src/assets/images/icon/popupLbl.png b/src/assets/images/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/src/assets/images/icon/popupLbl.png
Binary files differ
diff --git a/src/components/mars-work/mars-map.vue b/src/components/mars-work/mars-map.vue
index f95e386..863a151 100644
--- a/src/components/mars-work/mars-map.vue
+++ b/src/components/mars-work/mars-map.vue
@@ -5,9 +5,10 @@
 <script>
 import Vue from 'vue'
 
-// import "mars3d-cesium/Build/Cesium/Widgets/widgets.css"
+import "mars3d-cesium/Build/Cesium/Widgets/widgets.css"
+// mars3d
 // import * as Cesium from 'mars3d-cesium'
-
+import "@marsgis/editor/dist/style.css"
 // 使用免费开源版本
 import 'mars3d/dist/mars3d.css'
 import * as mars3d from 'mars3d'
@@ -192,4 +193,5 @@
   right: auto;
   background-color: #3f4854;
 }
+
 </style>

diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..b2b7a2a
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/public/img/icon/popupLbl.png b/public/img/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/public/img/icon/popupLbl.png
Binary files differ
diff --git a/public/img/tietu/backGroundImg.jpg b/public/img/tietu/backGroundImg.jpg
new file mode 100644
index 0000000..1f05a7e
--- /dev/null
+++ b/public/img/tietu/backGroundImg.jpg
Binary files differ
diff --git a/public/img/tietu/bagua.png b/public/img/tietu/bagua.png
new file mode 100644
index 0000000..94cd8c6
--- /dev/null
+++ b/public/img/tietu/bagua.png
Binary files differ
diff --git a/public/img/tietu/bg4.jpg b/public/img/tietu/bg4.jpg
new file mode 100644
index 0000000..bea3f91
--- /dev/null
+++ b/public/img/tietu/bg4.jpg
Binary files differ
diff --git a/public/img/tietu/circular.png b/public/img/tietu/circular.png
new file mode 100644
index 0000000..df15ab8
--- /dev/null
+++ b/public/img/tietu/circular.png
Binary files differ
diff --git a/public/img/tietu/cloud.png b/public/img/tietu/cloud.png
new file mode 100644
index 0000000..00347be
--- /dev/null
+++ b/public/img/tietu/cloud.png
Binary files differ
diff --git a/public/img/tietu/gugong.jpg b/public/img/tietu/gugong.jpg
new file mode 100644
index 0000000..8904c7b
--- /dev/null
+++ b/public/img/tietu/gugong.jpg
Binary files differ
diff --git a/public/img/tietu/hangpai.png b/public/img/tietu/hangpai.png
new file mode 100644
index 0000000..84d8f94
--- /dev/null
+++ b/public/img/tietu/hangpai.png
Binary files differ
diff --git a/public/img/tietu/keyboard.png b/public/img/tietu/keyboard.png
new file mode 100644
index 0000000..146490a
--- /dev/null
+++ b/public/img/tietu/keyboard.png
Binary files differ
diff --git a/public/img/tietu/leida.jpg b/public/img/tietu/leida.jpg
new file mode 100644
index 0000000..73e4640
--- /dev/null
+++ b/public/img/tietu/leida.jpg
Binary files differ
diff --git a/public/styles/city.css b/public/styles/city.css
new file mode 100644
index 0000000..b3fa779
--- /dev/null
+++ b/public/styles/city.css
@@ -0,0 +1,38 @@
+/**一个简单文本DIV面板**/
+.marsBlackPanel {
+  min-width: 90px;
+  min-height: 35px;
+  position: absolute;
+  left: 16px;
+  bottom: 31px;
+  cursor: default;
+  opacity: 0.96;
+  box-sizing: border-box;
+}
+
+.marsBlackPanel::before {
+  content: "";
+  width: calc(100% + 22px);
+  height: 39px;
+  position: absolute;
+  bottom: -39px;
+  left: -22px;
+  background: url("/img/icon/popupLbl.png") 0px 0px no-repeat;
+  background-position: 0px 0px;
+  background-size: cover;
+}
+
+.marsBlackPanel-text {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  padding: 1px 20px;
+  font-size: 23px;
+  font-family: "MicrosoftYaHei";
+  font-weight: 100;
+  color: yellow;
+  line-height: 33px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
diff --git a/src/assets/images/icon/popupLbl.png b/src/assets/images/icon/popupLbl.png
new file mode 100644
index 0000000..3f02f1a
--- /dev/null
+++ b/src/assets/images/icon/popupLbl.png
Binary files differ
diff --git a/src/components/mars-work/mars-map.vue b/src/components/mars-work/mars-map.vue
index f95e386..863a151 100644
--- a/src/components/mars-work/mars-map.vue
+++ b/src/components/mars-work/mars-map.vue
@@ -5,9 +5,10 @@
 <script>
 import Vue from 'vue'
 
-// import "mars3d-cesium/Build/Cesium/Widgets/widgets.css"
+import "mars3d-cesium/Build/Cesium/Widgets/widgets.css"
+// mars3d
 // import * as Cesium from 'mars3d-cesium'
-
+import "@marsgis/editor/dist/style.css"
 // 使用免费开源版本
 import 'mars3d/dist/mars3d.css'
 import * as mars3d from 'mars3d'
@@ -192,4 +193,5 @@
   right: auto;
   background-color: #3f4854;
 }
+
 </style>
diff --git a/src/views/Index.vue b/src/views/Index.vue
index f72c409..426fdfb 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -9,11 +9,13 @@
 
 <script>
 // 在需要用到mars3d的vue等页面直接引入并使用
-import * as Cesium from "mars3d-cesium";
+import * as Cesium from 'mars3d-cesium'
 //导入mars3d主库
-import "mars3d/dist/mars3d.css";
-import * as mars3d from "mars3d";
-import {mapState} from 'vuex'
+import 'mars3d/dist/mars3d.css'
+import 'mars3d-cesium/Build/Cesium/Widgets/widgets.css'
+import * as mars3d from 'mars3d'
+import { mapState } from 'vuex'
+
 var layers = {
   heatLayer: null,
   feature: '',
@@ -627,27 +629,28 @@
       // let loadBuilding = await this.loadBuilding()
     },
     // 显示区域遮罩-可用s
-    showAreaMask(){
-      const geoJsonLayer = new mars3d.layer.GeoJsonLayer({
-        url: "http://111.198.10.15:11404/3d/rj_bj.json",
-        mask: false, // 标识为遮罩层【重点参数】
-        symbol: {
-          styleOptions: {
-            fill: true,
-            color: "rgb(33,35,42)",
-            opacity: 0.0,
-            outline: true,
-            outlineColor: "#4886ce",
-            outlineWidth: 8,
-            outlineOpacity: 0.8,
-            arcType: Cesium.ArcType.GEODESIC,
-            clampToGround: true
-          }
-        }
-        // flyTo: true
-      })
-      window.map.addLayer(geoJsonLayer)
-    },
+    // showAreaMask(){
+    //   const geoJsonLayer = new mars3d.layer.GeoJsonLayer({
+    //     url: "http://111.198.10.15:11404/3d/rj_bj.json",
+    //     mask: false, // 标识为遮罩层【重点参数】
+    //     symbol: {
+    //       styleOptions: {
+    //         fill: true,
+    //         color: "#ff4b33",
+    //         opacity: 0.0,
+    //         outline: true,
+    //         outlineColor: "#ffffff",
+    //         outlineWidth: 25,
+    //         addHeight:1000,
+    //         outlineOpacity: 0.8,
+    //         arcType: Cesium.ArcType.GEODESIC,
+    //         clampToGround: true
+    //       }
+    //     }
+    //     // flyTo: true
+    //   })
+    //   window.map.addLayer(geoJsonLayer)
+    // },
     // 显示行政区划墙-效果不好，废除
     showAreaBoundaryWall(){
       // map.setCameraView({ lat: 30.561661, lng: 117.663884, alt: 113078, heading: 346, pitch: -43 })
@@ -657,12 +660,15 @@
         symbol: {
           type: "wall",
           styleOptions: {
-            diffHeight: 100, // 墙高
+            diffHeight: 500, // 墙高
             materialType: mars3d.MaterialType.LineFlow,
             materialOptions: {
-              color: "#4886ce", // 颜色
-              opacity: 0.6, // 透明度
+              color: "#39aafa", // 颜色
+              opacity: 0.5, // 透明度
+              outlineColor: "#ffffff",
+              addHeight:1000,
               image: "http://mars3d.cn/img/textures/fence.png", // 图片
+              MeasureHeight:1000,
               repeatX: 3, // 重复数量
               axisY: true, // 竖直方向
               speed: 10 // 速度
@@ -695,23 +701,112 @@
       const graphicLayer = new mars3d.layer.GraphicLayer()
       window.map.addLayer(graphicLayer)
 
-      // 模型的中心点
-      const position = [114.882505, 25.778006, 0] // 用于围绕旋转 + 中心点扩散 + 旋转的图片
+      // 运行指挥中心点
+      const position = [114.877759, 25.773393, 0] // 用于围绕旋转 + 中心点扩散 + 旋转的图片
       const center = Cesium.Cartesian3.fromDegrees(position[0], position[1], 140) // 用于div标注和远眺的线
+      // divgraphic标注
+      const divgraphic = new mars3d.graphic.DivGraphic({
+        position: center,
+        style: {
+          html: `<div class='marsBlackPanel'><div class='marsBlackPanel-text'>运行指挥中心</div>
+    <link rel='stylesheet' href='/styles/city.css' />
+</div>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT, // 横向定位
+          verticalOrigin: Cesium.VerticalOrigin.CENTER // 垂直定位
+        }
+      })
+      graphicLayer.addGraphic(divgraphic)
 
+      // 文化旅游中心
+      const position1 = [114.84915, 25.805918, 0] // 用于围绕旋转 + 中心点扩散 + 旋转的图片
+      const center1 = Cesium.Cartesian3.fromDegrees(position1[0], position1[1], 140) // 用于div标注和远眺的线
+      // divgraphic标注
+      const divgraphic1 = new mars3d.graphic.DivGraphic({
+        position: center1,
+        style: {
+          html: `<div class='marsBlackPanel'><div class='marsBlackPanel-text'>文化旅游中心</div>
+    <link rel='stylesheet' href='/styles/city.css' />
+</div>`,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT, // 横向定位
+          verticalOrigin: Cesium.VerticalOrigin.CENTER // 垂直定位
+        }
+      })
+      graphicLayer.addGraphic(divgraphic1)
+      const positionDiv = [114.886275, 25.800655, 100]
+      // 动态边框文本 DIV
+      const graphic = new mars3d.graphic.DivBoderLabel({
+        position: positionDiv,
+        style: {
+          text: "赣南师范校区",
+          font_size: 15,
+          font_family: "微软雅黑",
+          color: "#ccc",
+          boderColor: "#15d1f2",
+          addHeight: 100
+        },
+        attr: { remark: "DIV矢量数据" }
+      })
+      graphicLayer.addGraphic(graphic)
+
+      const scanCircle1 = new mars3d.graphic.CircleEntity({
+        position: Cesium.Cartesian3.fromDegrees(position1[0], position1[1], 15),
+        style: {
+          radius: 480.0,
+          materialType: mars3d.MaterialType.CircleScan,
+          materialOptions: {
+            image: "/img/textures/circle-scan.png",
+            color: "#ffffff"
+          },
+          stRotation: new Cesium.CallbackProperty(getRotationValue, false),
+          classificationType: Cesium.ClassificationType.BOTH,
+          clampToGround: true
+        }
+      })
+      graphicLayer.addGraphic(scanCircle1)
+
+
+      // 旋转的图片 -- 中心围墙
+      const WallImagePositions = mars3d.PolyUtil.getEllipseOuterPositions({
+        position: position,
+        radius: 50, // 半径
+        count: 50 // 共返回(count*4)个点
+      })
+      const rotatWallImage = new mars3d.graphic.WallPrimitive({
+        positions: WallImagePositions,
+        style: {
+          diffHeight: 190,
+          closure: true,
+          materialType: mars3d.MaterialType.RectSlide,
+          materialOptions: {
+            image: "/img/tietu/circular.png",
+            speed: 2
+          }
+        }
+      })
+      graphicLayer.addGraphic(rotatWallImage)
       // 中心扩散点
       const circleDiffuseWallGlow = new mars3d.graphic.DiffuseWall({
         name: "中心扩散点",
         position: position,
         style: {
           diffHeight: 200, // 高度
-          radius: 1500, // 半径
+          radius: 200, // 半径
           color: "#7ffeff",
           speed: 15 // 速度
         }
       })
       graphicLayer.addGraphic(circleDiffuseWallGlow)
-
+      //四面体加载
+      const tetrahedron = new mars3d.graphic.Tetrahedron({
+        position: [position[0], position[1], 180],
+        style: {
+          width: 20,
+          height: 30,
+          color: "rgba(200,200,0,0.7)",
+          moveHeight: 50
+        }
+      })
+      graphicLayer.addGraphic(tetrahedron)
       // 旋转的图片 -- 底部
       let rotation = Cesium.Math.toRadians(50)
       function getRotationValue() {
@@ -777,58 +872,112 @@
 
 // 抛物线
       // 114.882505, 25.778006, 0]
-      const pointArr = [
-        {point: [114.8764818120247,25.77637353123427,0]},
-        {point: [114.87695672507003,25.778007702869786,0]},
-        {point: [114.87966927206604,25.77599620727738,0]},
-        {point: [114.88253833204944,25.775554525807916,0]},
-        {point: [114.87820666803023,25.77296025187134,0]},
-        {point: [114.88929770713901,25.775657691514358,0]},
-        {point: [114.89132624861946,25.777992687463875,0]},
-        {point: [114.8888305443027,25.780572780617135,0]},
-        {point: [114.88918712262246,25.781905242205305,0]},
-        {point: [114.8866397714382,25.78145154585119,0]},
-        {point: [114.87832200062935,25.785631839520498,0]},
-        {point: [114.87520776257837,25.783182753768816,0]},
-        {point: [114.88306808341811,25.78527579098895,0]}
-      ]
-      const lineMaterial = mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.ODLine, {
-        color: new Cesium.Color(1, 1, 1),
-        bgColor: new Cesium.Color(127/255, 254/255, 1, 0.4),
-        speed: 5 + 1.0 * Math.random(),
-        startTime: Math.random()
-      })
+      // const pointArr = [
+      //   {point: [114.8764818120247,25.77637353123427,0]},
+      //   {point: [114.87695672507003,25.778007702869786,0]},
+      //   {point: [114.87966927206604,25.77599620727738,0]},
+      //   {point: [114.88253833204944,25.775554525807916,0]},
+      //   {point: [114.87820666803023,25.77296025187134,0]},
+      //   {point: [114.88929770713901,25.775657691514358,0]},
+      //   {point: [114.89132624861946,25.777992687463875,0]},
+      //   {point: [114.8888305443027,25.780572780617135,0]},
+      //   {point: [114.88918712262246,25.781905242205305,0]},
+      //   {point: [114.8866397714382,25.78145154585119,0]},
+      //   {point: [114.87832200062935,25.785631839520498,0]},
+      //   {point: [114.87520776257837,25.783182753768816,0]},
+      //   {point: [114.88306808341811,25.78527579098895,0]}
+      // ]
+      // const lineMaterial = mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.ODLine, {
+      //   color: new Cesium.Color(1, 1, 1),
+      //   bgColor: new Cesium.Color(127/255, 254/255, 1, 0.4),
+      //   speed: 5 + 1.0 * Math.random(),
+      //   startTime: Math.random()
+      // })
+      //
+      // for (let i = 0, len = pointArr.length; i < len; i++) {
+      //   const item = pointArr[i]
+      //   const color = ["#ffff00", "#81d8ff", "#fff9ed"]
+      //   const thisPoint = Cesium.Cartesian3.fromDegrees(item.point[0], item.point[1], 1)
+      //   const center = [114.877759, 25.773393, 0]
+      //   const positions = mars3d.PolyUtil.getLinkedPointList(thisPoint,center,  40000, 100) // 计算曲线点
+      //
+      //   const graphic = new mars3d.graphic.PolylinePrimitive({
+      //     positions: positions,
+      //     style: {
+      //       width: 4,
+      //       material: lineMaterial // 动画线材质
+      //     },
+      //     popup: pointArr[i].point.toString()
+      //   })
+      //   graphicLayer.addGraphic(graphic)
+      //   // 抛物线
+      //
+      //   // // 圆椎体
+      //   const coneGlow = new mars3d.graphic.LightCone({
+      //     position: Cesium.Cartesian3.fromDegrees(item.point[0], item.point[1], 10),
+      //     style: {
+      //       radius: 10,
+      //       height: 200,
+      //       color: color[i % color.length]
+      //     },
+      //     popup: item.name
+      //   })
+      //   graphicLayer.addGraphic(coneGlow)
+      // }
+      //抛物线
+      mars3d.Util.fetchJson({ url: "http://111.198.10.15:11404/3d/rj_bz.json" })
+        .then((result) => {
+          console.log(result)
+          const pointArr = []
+          result.geometries.forEach((obj) => {
+            pointArr.push({
+              name: "标注点",
+              point: obj.coordinates
+            })
 
-      for (let i = 0, len = pointArr.length; i < len; i++) {
-        const item = pointArr[i]
-        const color = ["#ffff00", "#81d8ff", "#fff9ed"]
-        const thisPoint = Cesium.Cartesian3.fromDegrees(item.point[0], item.point[1], 1)
-        const center = [114.882505, 25.778006, 0]
-        const positions = mars3d.PolyUtil.getLinkedPointList(center, thisPoint, 40000, 100) // 计算曲线点
+          })
 
-        const graphic = new mars3d.graphic.PolylinePrimitive({
-          positions: positions,
-          style: {
-            width: 4,
-            material: lineMaterial // 动画线材质
-          },
-          popup: pointArr[i].point.toString()
+          const lineMaterial = mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.ODLine, {
+            color: new Cesium.Color(1, 1, 1),
+            bgColor: new Cesium.Color(1, 250/255, 205/255, 0.2),
+            speed: 5 + 1.0 * Math.random(),
+            startTime: Math.random()
+          })
+
+          for (let i = 0, len = pointArr.length; i < len; i++) {
+            const item = pointArr[i]
+
+            const color = ["#ffff00", "#81d8ff", "#fff9ed"]
+            const center = [114.877759, 25.773393, 60]
+            const thisPoint = Cesium.Cartesian3.fromDegrees(item.point[0], item.point[1], 1)
+            const positions = mars3d.PolyUtil.getLinkedPointList(thisPoint,center,  40000, 100) // 计算曲线点
+
+            const graphic = new mars3d.graphic.PolylinePrimitive({
+              positions: positions,
+              style: {
+                width: 4,
+                material: lineMaterial // 动画线材质
+              }
+            })
+            graphic.bindPopup(item.name)
+            graphicLayer.addGraphic(graphic)
+
+            // 圆椎体
+            const coneGlow = new mars3d.graphic.LightCone({
+              position: Cesium.Cartesian3.fromDegrees(item.point[0], item.point[1], 10),
+              style: {
+                radius: 10,
+                height: 200,
+                color: color[i % color.length]
+              },
+              popup: item.name
+            })
+            graphicLayer.addGraphic(coneGlow)
+          }
         })
-        graphicLayer.addGraphic(graphic)
-
-        // // 圆椎体
-        const coneGlow = new mars3d.graphic.LightCone({
-          position: Cesium.Cartesian3.fromDegrees(item.point[0], item.point[1], 10),
-          style: {
-            radius: 10,
-            height: 200,
-            color: color[i % color.length]
-          },
-          popup: item.name
+        .catch(function (error) {
+          console.log("加载JSON出错", error)
         })
-        graphicLayer.addGraphic(coneGlow)
-      }
-
 
       // 垂直飞线
       const arrData = []
@@ -2257,7 +2406,7 @@
   height:3em;
   justify-content: center;align-items: center;
   display: flex;
-  .block{
+.block{
     width: 25%;
     text-align: center;
     cursor: pointer;
@@ -2271,4 +2420,41 @@
   justify-content: flex-start;
   align-items: center;align-content: center;
 }
+.marsBlackPanel {
+  min-width: 90px;
+  min-height: 35px;
+  position: absolute;
+  left: 16px;
+  bottom: 31px;
+  cursor: default;
+  opacity: 0.96;
+  box-sizing: border-box;
+}
+
+.marsBlackPanel::before {
+  content: "";
+  width: calc(100% + 22px);
+  height: 39px;
+  position: absolute;
+  bottom: -39px;
+  left: -22px;
+  background: url("@/assets/images/icon/popupLbl.png") 0px 0px no-repeat;
+  background-position: 0px 0px;
+  background-size: cover;
+}
+
+.marsBlackPanel-text {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  padding: 1px 20px;
+  font-size: 23px;
+  font-family: "MicrosoftYaHei";
+  font-weight: 100;
+  color: yellow;
+  line-height: 33px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
 </style>