Главная Обзор Помощь
Регистрация Вход
chenzhiguang
/
FD_Pano
1
0
Ответвить 0
Файлы Обсуждения 0 Запросы на слияние 0 Вики
Просмотр исходного кода

update0110

tremble 4 лет назад
Родитель
ebb7fa9517
Сommit
7048552b93
28 измененных файлов с 9488 добавлено и 27354 удалено
Разделённый вид Показать статистику Diff
  1. 4 0
      public/material.html
  2. 65 0
      public/static/lib/tooltipster/tooltipster-sideTip-borderless.min.css
  3. 4273 0
      public/static/lib/tooltipster/tooltipster.bundle.js
  4. 279 0
      public/static/lib/tooltipster/tooltipster.bundle.min.css
  5. 539 0
      src/assets/fonts/demo.css
  6. 2764 0
      src/assets/fonts/demo_index.html
  7. 463 0
      src/assets/fonts/iconfont.css
  8. 1 0
      src/assets/fonts/iconfont.js
  9. 793 0
      src/assets/fonts/iconfont.json
  10. BIN
      src/assets/fonts/iconfont.ttf
  11. BIN
      src/assets/fonts/iconfont.woff
  12. BIN
      src/assets/fonts/iconfont.woff2
  13. 7 0
      src/assets/style/common.less
  14. 57 32
      src/assets/style/component.less
  15. 1 0
      src/assets/style/component.widgets.less
  16. 0 8
      src/common/button/index.js
  17. 0 10
      src/common/button/src/button-group.vue
  18. 0 78
      src/common/button/src/button.vue
  19. 0 27054
      src/common/components.less
  20. 18 1
      src/framework/material/index.vue
  21. 6 1
      src/mixins/index.js
  22. 2 1
      src/pages/Material.vue
  23. 10 25
      src/pages/material.js
  24. 32 0
      src/views/material/components/uploadui/index.vue
  25. 7 1
      src/views/material/pano/index.vue
  26. 112 97
      src/views/material/popup/share.vue
  27. 9 13
      src/views/material/style.less
  28. 46 33
      src/views/material/works/index.vue

+ 4 - 0
public/material.html
Просмотреть файл 

@@ -12,6 +12,9 @@
 
     <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/lib/animate/animate.min.css"/>
 
     <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/lib/mCustomScrollbar/jquery.mCustomScrollbar.min.css"/>
 
     <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/lib/scrollbar/perfect-scrollbar.css"/>
 
+    <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/lib/tooltipster/tooltipster.bundle.min.css"/>
 
+    <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/lib/tooltipster/tooltipster-sideTip-borderless.min.css"/>
 
+
 
     <title>全景看看作品制作工具</title>
 
   </head>
 
   <body>
 
@@ -24,6 +27,7 @@
 
     <script src="<%= VUE_APP_STATIC_DIR %>/lib/scrollbar/perfect-scrollbar.min.js"></script>
 
     <script src="<%= VUE_APP_STATIC_DIR %>/lib/scrollbar/perfect-scrollbar.min.js"></script>
 
     <script src="<%= VUE_APP_STATIC_DIR %>/lib/audio.min.1.0.4.js"></script>
 
+    <script src="<%= VUE_APP_STATIC_DIR %>/lib/tooltipster/tooltipster.bundle.js"></script>
 
 
   </body>
 
 </html>

+ 65 - 0
public/static/lib/tooltipster/tooltipster-sideTip-borderless.min.css
Просмотреть файл 

@@ -0,0 +1,65 @@
 
+.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
 
+  border: none;
 
+  background: #1b1b1b;
 
+  background: rgba(10, 10, 10, 0.9);
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom
 
+  .tooltipster-box {
 
+  margin-top: 8px;
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
 
+  margin-right: 8px;
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
 
+  margin-left: 8px;
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
 
+  margin-bottom: 8px;
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
 
+  height: 8px;
 
+  margin-left: -8px;
 
+  width: 16px;
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-right
 
+  .tooltipster-arrow {
 
+  height: 16px;
 
+  margin-left: 0;
 
+  margin-top: -8px;
 
+  width: 8px;
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
 
+  display: none;
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
 
+  border: 8px solid transparent;
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom
 
+  .tooltipster-arrow-border {
 
+  border-bottom-color: #1b1b1b;
 
+  border-bottom-color: rgba(10, 10, 10, 0.9);
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-left
 
+  .tooltipster-arrow-border {
 
+  border-left-color: #1b1b1b;
 
+  border-left-color: rgba(10, 10, 10, 0.9);
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-right
 
+  .tooltipster-arrow-border {
 
+  border-right-color: #1b1b1b;
 
+  border-right-color: rgba(10, 10, 10, 0.9);
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-top
 
+  .tooltipster-arrow-border {
 
+  border-top-color: #1b1b1b;
 
+  border-top-color: rgba(10, 10, 10, 0.9);
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom
 
+  .tooltipster-arrow-uncropped {
 
+  top: -8px;
 
+}
 
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-right
 
+  .tooltipster-arrow-uncropped {
 
+  left: -8px;
 
+}

Разница между файлами не показана из-за своего большого размера
+ 4273 - 0
public/static/lib/tooltipster/tooltipster.bundle.js


+ 279 - 0
public/static/lib/tooltipster/tooltipster.bundle.min.css
Просмотреть файл 

@@ -0,0 +1,279 @@
 
+.tooltipster-fall,
 
+.tooltipster-grow.tooltipster-show {
 
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 
+  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+}
 
+.tooltipster-base {
 
+  display: flex;
 
+  pointer-events: none;
 
+  position: absolute;
 
+}
 
+.tooltipster-box {
 
+  flex: 1 1 auto;
 
+}
 
+.tooltipster-content {
 
+  box-sizing: border-box;
 
+  max-height: 100%;
 
+  max-width: 100%;
 
+  overflow: auto;
 
+}
 
+.tooltipster-ruler {
 
+  bottom: 0;
 
+  left: 0;
 
+  overflow: hidden;
 
+  position: fixed;
 
+  right: 0;
 
+  top: 0;
 
+  visibility: hidden;
 
+}
 
+.tooltipster-fade {
 
+  opacity: 0;
 
+  -webkit-transition-property: opacity;
 
+  -moz-transition-property: opacity;
 
+  -o-transition-property: opacity;
 
+  -ms-transition-property: opacity;
 
+  transition-property: opacity;
 
+}
 
+.tooltipster-fade.tooltipster-show {
 
+  opacity: 1;
 
+}
 
+.tooltipster-grow {
 
+  -webkit-transform: scale(0, 0);
 
+  -moz-transform: scale(0, 0);
 
+  -o-transform: scale(0, 0);
 
+  -ms-transform: scale(0, 0);
 
+  transform: scale(0, 0);
 
+  -webkit-transition-property: -webkit-transform;
 
+  -moz-transition-property: -moz-transform;
 
+  -o-transition-property: -o-transform;
 
+  -ms-transition-property: -ms-transform;
 
+  transition-property: transform;
 
+  -webkit-backface-visibility: hidden;
 
+}
 
+.tooltipster-grow.tooltipster-show {
 
+  -webkit-transform: scale(1, 1);
 
+  -moz-transform: scale(1, 1);
 
+  -o-transform: scale(1, 1);
 
+  -ms-transform: scale(1, 1);
 
+  transform: scale(1, 1);
 
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+}
 
+.tooltipster-swing {
 
+  opacity: 0;
 
+  -webkit-transform: rotateZ(4deg);
 
+  -moz-transform: rotateZ(4deg);
 
+  -o-transform: rotateZ(4deg);
 
+  -ms-transform: rotateZ(4deg);
 
+  transform: rotateZ(4deg);
 
+  -webkit-transition-property: -webkit-transform, opacity;
 
+  -moz-transition-property: -moz-transform;
 
+  -o-transition-property: -o-transform;
 
+  -ms-transition-property: -ms-transform;
 
+  transition-property: transform;
 
+}
 
+.tooltipster-swing.tooltipster-show {
 
+  opacity: 1;
 
+  -webkit-transform: rotateZ(0);
 
+  -moz-transform: rotateZ(0);
 
+  -o-transform: rotateZ(0);
 
+  -ms-transform: rotateZ(0);
 
+  transform: rotateZ(0);
 
+  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
 
+  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
 
+  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
 
+  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
 
+  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
 
+  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
 
+}
 
+.tooltipster-fall {
 
+  -webkit-transition-property: top;
 
+  -moz-transition-property: top;
 
+  -o-transition-property: top;
 
+  -ms-transition-property: top;
 
+  transition-property: top;
 
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+}
 
+.tooltipster-fall.tooltipster-initial {
 
+  top: 0 !important;
 
+}
 
+.tooltipster-fall.tooltipster-dying {
 
+  -webkit-transition-property: all;
 
+  -moz-transition-property: all;
 
+  -o-transition-property: all;
 
+  -ms-transition-property: all;
 
+  transition-property: all;
 
+  top: 0 !important;
 
+  opacity: 0;
 
+}
 
+.tooltipster-slide {
 
+  -webkit-transition-property: left;
 
+  -moz-transition-property: left;
 
+  -o-transition-property: left;
 
+  -ms-transition-property: left;
 
+  transition-property: left;
 
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 
+  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
 
+}
 
+.tooltipster-slide.tooltipster-initial {
 
+  left: -40px !important;
 
+}
 
+.tooltipster-slide.tooltipster-dying {
 
+  -webkit-transition-property: all;
 
+  -moz-transition-property: all;
 
+  -o-transition-property: all;
 
+  -ms-transition-property: all;
 
+  transition-property: all;
 
+  left: 0 !important;
 
+  opacity: 0;
 
+}
 
+@keyframes tooltipster-fading {
 
+  0% {
 
+    opacity: 0;
 
+  }
 
+  100% {
 
+    opacity: 1;
 
+  }
 
+}
 
+.tooltipster-update-fade {
 
+  animation: tooltipster-fading 0.4s;
 
+}
 
+@keyframes tooltipster-rotating {
 
+  25% {
 
+    transform: rotate(-2deg);
 
+  }
 
+  75% {
 
+    transform: rotate(2deg);
 
+  }
 
+  100% {
 
+    transform: rotate(0);
 
+  }
 
+}
 
+.tooltipster-update-rotate {
 
+  animation: tooltipster-rotating 0.6s;
 
+}
 
+@keyframes tooltipster-scaling {
 
+  50% {
 
+    transform: scale(1.1);
 
+  }
 
+  100% {
 
+    transform: scale(1);
 
+  }
 
+}
 
+.tooltipster-update-scale {
 
+  animation: tooltipster-scaling 0.6s;
 
+}
 
+.tooltipster-sidetip .tooltipster-box {
 
+  background: #FFFFFF;
 
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.5);
 
+  border-radius: 2px;
 
+  border: 1px solid #EBEDF0;
 
+}
 
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
 
+  margin-top: 8px;
 
+}
 
+.tooltipster-sidetip.tooltipster-left .tooltipster-box {
 
+  margin-right: 8px;
 
+}
 
+.tooltipster-sidetip.tooltipster-right .tooltipster-box {
 
+  margin-left: 8px;
 
+}
 
+.tooltipster-sidetip.tooltipster-top .tooltipster-box {
 
+  margin-bottom: 8px;
 
+}
 
+.tooltipster-sidetip .tooltipster-content {
 
+  color: #323233;
 
+  padding: 2px 14px;
 
+}
 
+.tooltipster-sidetip .tooltipster-arrow {
 
+  overflow: hidden;
 
+  position: absolute;
 
+}
 
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
 
+  height: 10px;
 
+  margin-left: -10px;
 
+  top: 0;
 
+  width: 20px;
 
+}
 
+.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
 
+  height: 20px;
 
+  margin-top: -10px;
 
+  right: 0;
 
+  top: 0;
 
+  width: 10px;
 
+}
 
+.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
 
+  height: 20px;
 
+  margin-top: -10px;
 
+  left: 0;
 
+  top: 0;
 
+  width: 10px;
 
+}
 
+.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
 
+  bottom: 0;
 
+  height: 10px;
 
+  margin-left: -10px;
 
+  width: 20px;
 
+}
 
+.tooltipster-sidetip .tooltipster-arrow-background,
 
+.tooltipster-sidetip .tooltipster-arrow-border {
 
+  height: 0;
 
+  position: absolute;
 
+  width: 0;
 
+}
 
+.tooltipster-sidetip .tooltipster-arrow-background {
 
+  border: 10px solid transparent;
 
+}
 
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
 
+  border-bottom-color: #FFFFFF;
 
+  left: 0;
 
+  top: 3px;
 
+}
 
+.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
 
+  border-left-color: #FFFFFF;
 
+  left: -3px;
 
+  top: 0;
 
+}
 
+.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
 
+  border-right-color: #FFFFFF;
 
+  left: 3px;
 
+  top: 0;
 
+}
 
+.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
 
+  border-top-color: #FFFFFF;
 
+  left: 0;
 
+  top: -3px;
 
+}
 
+.tooltipster-sidetip .tooltipster-arrow-border {
 
+  border: 10px solid transparent;
 
+  left: 0;
 
+  top: 0;
 
+}
 
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
 
+  border-bottom-color: #FFFFFF;
 
+}
 
+.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
 
+  border-left-color: #FFFFFF;
 
+}
 
+.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
 
+  border-right-color: #FFFFFF;
 
+}
 
+.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
 
+  border-top-color: #FFFFFF;
 
+}
 
+.tooltipster-sidetip .tooltipster-arrow-uncropped {
 
+  position: relative;
 
+}
 
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
 
+  top: -10px;
 
+}
 
+.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
 
+  left: -10px;
 
+}

+ 539 - 0
src/assets/fonts/demo.css
Просмотреть файл 

@@ -0,0 +1,539 @@
 
+/* Logo 字体 */
 
+@font-face {
 
+  font-family: "iconfont logo";
 
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
 
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
 
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
 
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
 
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
 
+}
 
+
 
+.logo {
 
+  font-family: "iconfont logo";
 
+  font-size: 160px;
 
+  font-style: normal;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale;
 
+}
 
+
 
+/* tabs */
 
+.nav-tabs {
 
+  position: relative;
 
+}
 
+
 
+.nav-tabs .nav-more {
 
+  position: absolute;
 
+  right: 0;
 
+  bottom: 0;
 
+  height: 42px;
 
+  line-height: 42px;
 
+  color: #666;
 
+}
 
+
 
+#tabs {
 
+  border-bottom: 1px solid #eee;
 
+}
 
+
 
+#tabs li {
 
+  cursor: pointer;
 
+  width: 100px;
 
+  height: 40px;
 
+  line-height: 40px;
 
+  text-align: center;
 
+  font-size: 16px;
 
+  border-bottom: 2px solid transparent;
 
+  position: relative;
 
+  z-index: 1;
 
+  margin-bottom: -1px;
 
+  color: #666;
 
+}
 
+
 
+
 
+#tabs .active {
 
+  border-bottom-color: #f00;
 
+  color: #222;
 
+}
 
+
 
+.tab-container .content {
 
+  display: none;
 
+}
 
+
 
+/* 页面布局 */
 
+.main {
 
+  padding: 30px 100px;
 
+  width: 960px;
 
+  margin: 0 auto;
 
+}
 
+
 
+.main .logo {
 
+  color: #333;
 
+  text-align: left;
 
+  margin-bottom: 30px;
 
+  line-height: 1;
 
+  height: 110px;
 
+  margin-top: -50px;
 
+  overflow: hidden;
 
+  *zoom: 1;
 
+}
 
+
 
+.main .logo a {
 
+  font-size: 160px;
 
+  color: #333;
 
+}
 
+
 
+.helps {
 
+  margin-top: 40px;
 
+}
 
+
 
+.helps pre {
 
+  padding: 20px;
 
+  margin: 10px 0;
 
+  border: solid 1px #e7e1cd;
 
+  background-color: #fffdef;
 
+  overflow: auto;
 
+}
 
+
 
+.icon_lists {
 
+  width: 100% !important;
 
+  overflow: hidden;
 
+  *zoom: 1;
 
+}
 
+
 
+.icon_lists li {
 
+  width: 100px;
 
+  margin-bottom: 10px;
 
+  margin-right: 20px;
 
+  text-align: center;
 
+  list-style: none !important;
 
+  cursor: default;
 
+}
 
+
 
+.icon_lists li .code-name {
 
+  line-height: 1.2;
 
+}
 
+
 
+.icon_lists .icon {
 
+  display: block;
 
+  height: 100px;
 
+  line-height: 100px;
 
+  font-size: 42px;
 
+  margin: 10px auto;
 
+  color: #333;
 
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
 
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
 
+  transition: font-size 0.25s linear, width 0.25s linear;
 
+}
 
+
 
+.icon_lists .icon:hover {
 
+  font-size: 100px;
 
+}
 
+
 
+.icon_lists .svg-icon {
 
+  /* 通过设置 font-size 来改变图标大小 */
 
+  width: 1em;
 
+  /* 图标和文字相邻时，垂直对齐 */
 
+  vertical-align: -0.15em;
 
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
 
+  fill: currentColor;
 
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
 
+      normalize.css 中也包含这行 */
 
+  overflow: hidden;
 
+}
 
+
 
+.icon_lists li .name,
 
+.icon_lists li .code-name {
 
+  color: #666;
 
+}
 
+
 
+/* markdown 样式 */
 
+.markdown {
 
+  color: #666;
 
+  font-size: 14px;
 
+  line-height: 1.8;
 
+}
 
+
 
+.highlight {
 
+  line-height: 1.5;
 
+}
 
+
 
+.markdown img {
 
+  vertical-align: middle;
 
+  max-width: 100%;
 
+}
 
+
 
+.markdown h1 {
 
+  color: #404040;
 
+  font-weight: 500;
 
+  line-height: 40px;
 
+  margin-bottom: 24px;
 
+}
 
+
 
+.markdown h2,
 
+.markdown h3,
 
+.markdown h4,
 
+.markdown h5,
 
+.markdown h6 {
 
+  color: #404040;
 
+  margin: 1.6em 0 0.6em 0;
 
+  font-weight: 500;
 
+  clear: both;
 
+}
 
+
 
+.markdown h1 {
 
+  font-size: 28px;
 
+}
 
+
 
+.markdown h2 {
 
+  font-size: 22px;
 
+}
 
+
 
+.markdown h3 {
 
+  font-size: 16px;
 
+}
 
+
 
+.markdown h4 {
 
+  font-size: 14px;
 
+}
 
+
 
+.markdown h5 {
 
+  font-size: 12px;
 
+}
 
+
 
+.markdown h6 {
 
+  font-size: 12px;
 
+}
 
+
 
+.markdown hr {
 
+  height: 1px;
 
+  border: 0;
 
+  background: #e9e9e9;
 
+  margin: 16px 0;
 
+  clear: both;
 
+}
 
+
 
+.markdown p {
 
+  margin: 1em 0;
 
+}
 
+
 
+.markdown>p,
 
+.markdown>blockquote,
 
+.markdown>.highlight,
 
+.markdown>ol,
 
+.markdown>ul {
 
+  width: 80%;
 
+}
 
+
 
+.markdown ul>li {
 
+  list-style: circle;
 
+}
 
+
 
+.markdown>ul li,
 
+.markdown blockquote ul>li {
 
+  margin-left: 20px;
 
+  padding-left: 4px;
 
+}
 
+
 
+.markdown>ul li p,
 
+.markdown>ol li p {
 
+  margin: 0.6em 0;
 
+}
 
+
 
+.markdown ol>li {
 
+  list-style: decimal;
 
+}
 
+
 
+.markdown>ol li,
 
+.markdown blockquote ol>li {
 
+  margin-left: 20px;
 
+  padding-left: 4px;
 
+}
 
+
 
+.markdown code {
 
+  margin: 0 3px;
 
+  padding: 0 5px;
 
+  background: #eee;
 
+  border-radius: 3px;
 
+}
 
+
 
+.markdown strong,
 
+.markdown b {
 
+  font-weight: 600;
 
+}
 
+
 
+.markdown>table {
 
+  border-collapse: collapse;
 
+  border-spacing: 0px;
 
+  empty-cells: show;
 
+  border: 1px solid #e9e9e9;
 
+  width: 95%;
 
+  margin-bottom: 24px;
 
+}
 
+
 
+.markdown>table th {
 
+  white-space: nowrap;
 
+  color: #333;
 
+  font-weight: 600;
 
+}
 
+
 
+.markdown>table th,
 
+.markdown>table td {
 
+  border: 1px solid #e9e9e9;
 
+  padding: 8px 16px;
 
+  text-align: left;
 
+}
 
+
 
+.markdown>table th {
 
+  background: #F7F7F7;
 
+}
 
+
 
+.markdown blockquote {
 
+  font-size: 90%;
 
+  color: #999;
 
+  border-left: 4px solid #e9e9e9;
 
+  padding-left: 0.8em;
 
+  margin: 1em 0;
 
+}
 
+
 
+.markdown blockquote p {
 
+  margin: 0;
 
+}
 
+
 
+.markdown .anchor {
 
+  opacity: 0;
 
+  transition: opacity 0.3s ease;
 
+  margin-left: 8px;
 
+}
 
+
 
+.markdown .waiting {
 
+  color: #ccc;
 
+}
 
+
 
+.markdown h1:hover .anchor,
 
+.markdown h2:hover .anchor,
 
+.markdown h3:hover .anchor,
 
+.markdown h4:hover .anchor,
 
+.markdown h5:hover .anchor,
 
+.markdown h6:hover .anchor {
 
+  opacity: 1;
 
+  display: inline-block;
 
+}
 
+
 
+.markdown>br,
 
+.markdown>p>br {
 
+  clear: both;
 
+}
 
+
 
+
 
+.hljs {
 
+  display: block;
 
+  background: white;
 
+  padding: 0.5em;
 
+  color: #333333;
 
+  overflow-x: auto;
 
+}
 
+
 
+.hljs-comment,
 
+.hljs-meta {
 
+  color: #969896;
 
+}
 
+
 
+.hljs-string,
 
+.hljs-variable,
 
+.hljs-template-variable,
 
+.hljs-strong,
 
+.hljs-emphasis,
 
+.hljs-quote {
 
+  color: #df5000;
 
+}
 
+
 
+.hljs-keyword,
 
+.hljs-selector-tag,
 
+.hljs-type {
 
+  color: #a71d5d;
 
+}
 
+
 
+.hljs-literal,
 
+.hljs-symbol,
 
+.hljs-bullet,
 
+.hljs-attribute {
 
+  color: #0086b3;
 
+}
 
+
 
+.hljs-section,
 
+.hljs-name {
 
+  color: #63a35c;
 
+}
 
+
 
+.hljs-tag {
 
+  color: #333333;
 
+}
 
+
 
+.hljs-title,
 
+.hljs-attr,
 
+.hljs-selector-id,
 
+.hljs-selector-class,
 
+.hljs-selector-attr,
 
+.hljs-selector-pseudo {
 
+  color: #795da3;
 
+}
 
+
 
+.hljs-addition {
 
+  color: #55a532;
 
+  background-color: #eaffea;
 
+}
 
+
 
+.hljs-deletion {
 
+  color: #bd2c00;
 
+  background-color: #ffecec;
 
+}
 
+
 
+.hljs-link {
 
+  text-decoration: underline;
 
+}
 
+
 
+/* 代码高亮 */
 
+/* PrismJS 1.15.0
 
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
 
+/**
 
+ * prism.js default theme for JavaScript, CSS and HTML
 
+ * Based on dabblet (http://dabblet.com)
 
+ * @author Lea Verou
 
+ */
 
+code[class*="language-"],
 
+pre[class*="language-"] {
 
+  color: black;
 
+  background: none;
 
+  text-shadow: 0 1px white;
 
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
 
+  text-align: left;
 
+  white-space: pre;
 
+  word-spacing: normal;
 
+  word-break: normal;
 
+  word-wrap: normal;
 
+  line-height: 1.5;
 
+
 
+  -moz-tab-size: 4;
 
+  -o-tab-size: 4;
 
+  tab-size: 4;
 
+
 
+  -webkit-hyphens: none;
 
+  -moz-hyphens: none;
 
+  -ms-hyphens: none;
 
+  hyphens: none;
 
+}
 
+
 
+pre[class*="language-"]::-moz-selection,
 
+pre[class*="language-"] ::-moz-selection,
 
+code[class*="language-"]::-moz-selection,
 
+code[class*="language-"] ::-moz-selection {
 
+  text-shadow: none;
 
+  background: #b3d4fc;
 
+}
 
+
 
+pre[class*="language-"]::selection,
 
+pre[class*="language-"] ::selection,
 
+code[class*="language-"]::selection,
 
+code[class*="language-"] ::selection {
 
+  text-shadow: none;
 
+  background: #b3d4fc;
 
+}
 
+
 
+@media print {
 
+
 
+  code[class*="language-"],
 
+  pre[class*="language-"] {
 
+    text-shadow: none;
 
+  }
 
+}
 
+
 
+/* Code blocks */
 
+pre[class*="language-"] {
 
+  padding: 1em;
 
+  margin: .5em 0;
 
+  overflow: auto;
 
+}
 
+
 
+:not(pre)>code[class*="language-"],
 
+pre[class*="language-"] {
 
+  background: #f5f2f0;
 
+}
 
+
 
+/* Inline code */
 
+:not(pre)>code[class*="language-"] {
 
+  padding: .1em;
 
+  border-radius: .3em;
 
+  white-space: normal;
 
+}
 
+
 
+.token.comment,
 
+.token.prolog,
 
+.token.doctype,
 
+.token.cdata {
 
+  color: slategray;
 
+}
 
+
 
+.token.punctuation {
 
+  color: #999;
 
+}
 
+
 
+.namespace {
 
+  opacity: .7;
 
+}
 
+
 
+.token.property,
 
+.token.tag,
 
+.token.boolean,
 
+.token.number,
 
+.token.constant,
 
+.token.symbol,
 
+.token.deleted {
 
+  color: #905;
 
+}
 
+
 
+.token.selector,
 
+.token.attr-name,
 
+.token.string,
 
+.token.char,
 
+.token.builtin,
 
+.token.inserted {
 
+  color: #690;
 
+}
 
+
 
+.token.operator,
 
+.token.entity,
 
+.token.url,
 
+.language-css .token.string,
 
+.style .token.string {
 
+  color: #9a6e3a;
 
+  background: hsla(0, 0%, 100%, .5);
 
+}
 
+
 
+.token.atrule,
 
+.token.attr-value,
 
+.token.keyword {
 
+  color: #07a;
 
+}
 
+
 
+.token.function,
 
+.token.class-name {
 
+  color: #DD4A68;
 
+}
 
+
 
+.token.regex,
 
+.token.important,
 
+.token.variable {
 
+  color: #e90;
 
+}
 
+
 
+.token.important,
 
+.token.bold {
 
+  font-weight: bold;
 
+}
 
+
 
+.token.italic {
 
+  font-style: italic;
 
+}
 
+
 
+.token.entity {
 
+  cursor: help;
 
+}

Разница между файлами не показана из-за своего большого размера
+ 2764 - 0
src/assets/fonts/demo_index.html


+ 463 - 0
src/assets/fonts/iconfont.css
Просмотреть файл 

@@ -0,0 +1,463 @@
 
+@font-face {
 
+  font-family: "iconfont"; /* Project id 2947721 */
 
+  src: url('iconfont.woff2?t=1641276064619') format('woff2'),
 
+       url('iconfont.woff?t=1641276064619') format('woff'),
 
+       url('iconfont.ttf?t=1641276064619') format('truetype');
 
+}
 
+
 
+.iconfont {
 
+  font-family: "iconfont" !important;
 
+  font-size: 16px;
 
+  font-style: normal;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale;
 
+}
 
+
 
+.iconeditor_play:before {
 
+  content: "\e6ef";
 
+}
 
+
 
+.iconeditor_3d:before {
 
+  content: "\e6f0";
 
+}
 
+
 
+.iconeditor_update:before {
 
+  content: "\e6f1";
 
+}
 
+
 
+.iconeditor_list_delete:before {
 
+  content: "\e6f2";
 
+}
 
+
 
+.iconmaterial_panoramic_picture:before {
 
+  content: "\e6e8";
 
+}
 
+
 
+.iconmaterial_preview_upload:before {
 
+  content: "\e6e9";
 
+}
 
+
 
+.icontoast_yellow:before {
 
+  content: "\e6ea";
 
+}
 
+
 
+.iconworks_search:before {
 
+  content: "\e6eb";
 
+}
 
+
 
+.iconworks_share:before {
 
+  content: "\e6ec";
 
+}
 
+
 
+.iconworks_look:before {
 
+  content: "\e6ed";
 
+}
 
+
 
+.iconworks_delete:before {
 
+  content: "\e6ee";
 
+}
 
+
 
+.iconeditor_folder_off:before {
 
+  content: "\e6c5";
 
+}
 
+
 
+.iconeditor_folder_on:before {
 
+  content: "\e6c6";
 
+}
 
+
 
+.iconeditor_add:before {
 
+  content: "\e6c7";
 
+}
 
+
 
+.iconeditor_hot_add:before {
 
+  content: "\e6c8";
 
+}
 
+
 
+.iconeditor_off:before {
 
+  content: "\e6c9";
 
+}
 
+
 
+.iconeditor_list_add:before {
 
+  content: "\e6ca";
 
+}
 
+
 
+.iconeditor_on:before {
 
+  content: "\e6cb";
 
+}
 
+
 
+.iconeditor_playback:before {
 
+  content: "\e6cc";
 
+}
 
+
 
+.iconeditor_list_edit:before {
 
+  content: "\e6cd";
 
+}
 
+
 
+.iconmaterial_image:before {
 
+  content: "\e6ce";
 
+}
 
+
 
+.iconmaterial_music:before {
 
+  content: "\e6cf";
 
+}
 
+
 
+.iconeditor_panoramic:before {
 
+  content: "\e6d0";
 
+}
 
+
 
+.iconeditor_list_image:before {
 
+  content: "\e6d1";
 
+}
 
+
 
+.iconmaterial_preview_drop_out:before {
 
+  content: "\e6d2";
 
+}
 
+
 
+.iconeditor_preview:before {
 
+  content: "\e6d3";
 
+}
 
+
 
+.iconeditor_search:before {
 
+  content: "\e6d4";
 
+}
 
+
 
+.iconmaterial_operation_delete:before {
 
+  content: "\e6d5";
 
+}
 
+
 
+.iconmaterial_operation_editor:before {
 
+  content: "\e6d6";
 
+}
 
+
 
+.iconeditor_return:before {
 
+  content: "\e6d7";
 
+}
 
+
 
+.iconmaterial_preview_full_screen:before {
 
+  content: "\e6d8";
 
+}
 
+
 
+.iconmaterial_preview_enlarge:before {
 
+  content: "\e6d9";
 
+}
 
+
 
+.iconeditor_save:before {
 
+  content: "\e6da";
 
+}
 
+
 
+.iconmaterial_preview_next1:before {
 
+  content: "\e6db";
 
+}
 
+
 
+.iconmaterial_preview_next:before {
 
+  content: "\e6dc";
 
+}
 
+
 
+.iconmaterial_preview_narrow:before {
 
+  content: "\e6dd";
 
+}
 
+
 
+.iconmaterial_preview_previous:before {
 
+  content: "\e6de";
 
+}
 
+
 
+.iconmaterial_operation_image:before {
 
+  content: "\e6df";
 
+}
 
+
 
+.iconmaterial_video:before {
 
+  content: "\e6e0";
 
+}
 
+
 
+.iconmaterial_preview_upload_collect:before {
 
+  content: "\e6e1";
 
+}
 
+
 
+.iconpop-ups_shut-down:before {
 
+  content: "\e6e2";
 
+}
 
+
 
+.icontoast_green:before {
 
+  content: "\e6e3";
 
+}
 
+
 
+.icontoast_red:before {
 
+  content: "\e6e4";
 
+}
 
+
 
+.iconworks_editor:before {
 
+  content: "\e6e5";
 
+}
 
+
 
+.iconpop-ups_crop:before {
 
+  content: "\e6e6";
 
+}
 
+
 
+.iconmaterial_prompt:before {
 
+  content: "\e6e7";
 
+}
 
+
 
+.iconbs_close:before {
 
+  content: "\e74c";
 
+}
 
+
 
+.iconbs_folder:before {
 
+  content: "\e74d";
 
+}
 
+
 
+.iconbs_list_menu:before {
 
+  content: "\e74e";
 
+}
 
+
 
+.iconbs_list_edit:before {
 
+  content: "\e74f";
 
+}
 
+
 
+.iconbs_list_info:before {
 
+  content: "\e750";
 
+}
 
+
 
+.iconbs_list_play:before {
 
+  content: "\e751";
 
+}
 
+
 
+.iconbs_list_stop:before {
 
+  content: "\e752";
 
+}
 
+
 
+.iconbs_plus:before {
 
+  content: "\e753";
 
+}
 
+
 
+.iconbs_reduce:before {
 
+  content: "\e754";
 
+}
 
+
 
+.iconbs_next:before {
 
+  content: "\e755";
 
+}
 
+
 
+.iconbs_nav_panorama:before {
 
+  content: "\e756";
 
+}
 
+
 
+.iconbs_upload:before {
 
+  content: "\e757";
 
+}
 
+
 
+.iconbs_search:before {
 
+  content: "\e758";
 
+}
 
+
 
+.iconbs_nav_photo:before {
 
+  content: "\e759";
 
+}
 
+
 
+.iconbs_nav_video:before {
 
+  content: "\e75a";
 
+}
 
+
 
+.iconedit_add:before {
 
+  content: "\e75b";
 
+}
 
+
 
+.iconbs_nav_sound:before {
 
+  content: "\e75c";
 
+}
 
+
 
+.iconedit_input_arrow:before {
 
+  content: "\e75d";
 
+}
 
+
 
+.iconedit_close:before {
 
+  content: "\e75e";
 
+}
 
+
 
+.iconedit_case_delete:before {
 
+  content: "\e75f";
 
+}
 
+
 
+.iconbs_share:before {
 
+  content: "\e760";
 
+}
 
+
 
+.iconedit_input_unvisible:before {
 
+  content: "\e761";
 
+}
 
+
 
+.iconedit_input_visible:before {
 
+  content: "\e762";
 
+}
 
+
 
+.iconedit_list_more:before {
 
+  content: "\e763";
 
+}
 
+
 
+.iconedit_list_default:before {
 
+  content: "\e764";
 
+}
 
+
 
+.iconedit_nav_hotpoint:before {
 
+  content: "\e765";
 
+}
 
+
 
+.iconedit_nav_base:before {
 
+  content: "\e766";
 
+}
 
+
 
+.iconedit_next:before {
 
+  content: "\e767";
 
+}
 
+
 
+.iconedit_jumpsview:before {
 
+  content: "\e768";
 
+}
 
+
 
+.iconedit_pre:before {
 
+  content: "\e769";
 
+}
 
+
 
+.iconedit_linkview:before {
 
+  content: "\e76a";
 
+}
 
+
 
+.iconedit_select:before {
 
+  content: "\e76b";
 
+}
 
+
 
+.iconedit_nav_scenenav:before {
 
+  content: "\e76c";
 
+}
 
+
 
+.iconedit_soundview:before {
 
+  content: "\e76d";
 
+}
 
+
 
+.iconedit_photoview:before {
 
+  content: "\e76e";
 
+}
 
+
 
+.iconedit_search:before {
 
+  content: "\e76f";
 
+}
 
+
 
+.iconedit_textview:before {
 
+  content: "\e770";
 
+}
 
+
 
+.iconedit_nav_screen:before {
 
+  content: "\e771";
 
+}
 
+
 
+.iconedit_type_3d:before {
 
+  content: "\e772";
 
+}
 
+
 
+.iconedit_top_save:before {
 
+  content: "\e773";
 
+}
 
+
 
+.iconedit_type_panorama:before {
 
+  content: "\e774";
 
+}
 
+
 
+.iconedit_top_view:before {
 
+  content: "\e775";
 
+}
 
+
 
+.iconedit_videoview:before {
 
+  content: "\e776";
 
+}
 
+
 
+.iconlist_views:before {
 
+  content: "\e777";
 
+}
 
+
 
+.iconnav_scene_down:before {
 
+  content: "\e778";
 
+}
 
+
 
+.icontool_about:before {
 
+  content: "\e779";
 
+}
 
+
 
+.iconnav_scene_up:before {
 
+  content: "\e77a";
 
+}
 
+
 
+.icontool_vr:before {
 
+  content: "\e77b";
 
+}
 
+
 
+.icontool_window:before {
 
+  content: "\e77c";
 
+}
 
+
 
+.icontool_full:before {
 
+  content: "\e77d";
 
+}
 
+
 
+.iconimg_logo:before {
 
+  content: "\e77e";
 
+}
 
+
 
+.iconbs_list_cover:before {
 
+  content: "\e77f";
 
+}
 
+
 
+.iconlist_delete:before {
 
+  content: "\e780";
 
+}
 
+
 
+.iconbs_stop:before {
 
+  content: "\e781";
 
+}
 
+
 
+.iconbs_play:before {
 
+  content: "\e782";
 
+}
 
+
 
+.iconbs_list_circle:before {
 
+  content: "\e783";
 
+}
 
+
 
+.iconshow_playback:before {
 
+  content: "\e681";
 
+}
 
+
 
+.iconshow_suspension:before {
 
+  content: "\e683";
 
+}
 
+
 
+.iconshow_3d_normal:before {
 
+  content: "\e677";
 
+}
 
+
 
+.iconshow_plane_normal:before {
 
+  content: "\e67d";
 
+}
 
+
 
+.iconshow_roaming_selected:before {
 
+  content: "\e682";
 
+}
 
+
 
+.iconshow_plane_selected:before {
 
+  content: "\e684";
 
+}
 
+
 
+.iconshow_3d_selected:before {
 
+  content: "\e685";
 
+}
 
+
 
+.iconshow_roaming_normal:before {
 
+  content: "\e686";
 
+}
 
+
 
+.iconshow_function_collect:before {
 
+  content: "\e687";
 
+}
 
+
 
+.iconshow_drop-down:before {
 
+  content: "\e673";
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
src/assets/fonts/iconfont.js


+ 793 - 0
src/assets/fonts/iconfont.json
Просмотреть файл 

@@ -0,0 +1,793 @@
 
+{
 
+  "id": "2947721",
 
+  "name": "全景看看1.1.0",
 
+  "font_family": "iconfont",
 
+  "css_prefix_text": "icon-",
 
+  "description": "全景看看1.1.0",
 
+  "glyphs": [
 
+    {
 
+      "icon_id": "25824857",
 
+      "name": "editor_play",
 
+      "font_class": "editor_play",
 
+      "unicode": "e6ef",
 
+      "unicode_decimal": 59119
 
+    },
 
+    {
 
+      "icon_id": "25824858",
 
+      "name": "editor_3d",
 
+      "font_class": "editor_3d",
 
+      "unicode": "e6f0",
 
+      "unicode_decimal": 59120
 
+    },
 
+    {
 
+      "icon_id": "25824859",
 
+      "name": "editor_update",
 
+      "font_class": "editor_update",
 
+      "unicode": "e6f1",
 
+      "unicode_decimal": 59121
 
+    },
 
+    {
 
+      "icon_id": "25824860",
 
+      "name": "editor_list_delete",
 
+      "font_class": "editor_list_delete",
 
+      "unicode": "e6f2",
 
+      "unicode_decimal": 59122
 
+    },
 
+    {
 
+      "icon_id": "25824816",
 
+      "name": "material_panoramic_picture",
 
+      "font_class": "material_panoramic_picture",
 
+      "unicode": "e6e8",
 
+      "unicode_decimal": 59112
 
+    },
 
+    {
 
+      "icon_id": "25824817",
 
+      "name": "material_preview_upload",
 
+      "font_class": "material_preview_upload",
 
+      "unicode": "e6e9",
 
+      "unicode_decimal": 59113
 
+    },
 
+    {
 
+      "icon_id": "25824818",
 
+      "name": "toast_yellow",
 
+      "font_class": "toast_yellow",
 
+      "unicode": "e6ea",
 
+      "unicode_decimal": 59114
 
+    },
 
+    {
 
+      "icon_id": "25824819",
 
+      "name": "works_search",
 
+      "font_class": "works_search",
 
+      "unicode": "e6eb",
 
+      "unicode_decimal": 59115
 
+    },
 
+    {
 
+      "icon_id": "25824820",
 
+      "name": "works_share",
 
+      "font_class": "works_share",
 
+      "unicode": "e6ec",
 
+      "unicode_decimal": 59116
 
+    },
 
+    {
 
+      "icon_id": "25824821",
 
+      "name": "works_look",
 
+      "font_class": "works_look",
 
+      "unicode": "e6ed",
 
+      "unicode_decimal": 59117
 
+    },
 
+    {
 
+      "icon_id": "25824822",
 
+      "name": "works_delete",
 
+      "font_class": "works_delete",
 
+      "unicode": "e6ee",
 
+      "unicode_decimal": 59118
 
+    },
 
+    {
 
+      "icon_id": "25824780",
 
+      "name": "editor_folder_off",
 
+      "font_class": "editor_folder_off",
 
+      "unicode": "e6c5",
 
+      "unicode_decimal": 59077
 
+    },
 
+    {
 
+      "icon_id": "25824781",
 
+      "name": "editor_folder_on",
 
+      "font_class": "editor_folder_on",
 
+      "unicode": "e6c6",
 
+      "unicode_decimal": 59078
 
+    },
 
+    {
 
+      "icon_id": "25824782",
 
+      "name": "editor_add",
 
+      "font_class": "editor_add",
 
+      "unicode": "e6c7",
 
+      "unicode_decimal": 59079
 
+    },
 
+    {
 
+      "icon_id": "25824783",
 
+      "name": "editor_hot_add",
 
+      "font_class": "editor_hot_add",
 
+      "unicode": "e6c8",
 
+      "unicode_decimal": 59080
 
+    },
 
+    {
 
+      "icon_id": "25824784",
 
+      "name": "editor_off",
 
+      "font_class": "editor_off",
 
+      "unicode": "e6c9",
 
+      "unicode_decimal": 59081
 
+    },
 
+    {
 
+      "icon_id": "25824785",
 
+      "name": "editor_list_add",
 
+      "font_class": "editor_list_add",
 
+      "unicode": "e6ca",
 
+      "unicode_decimal": 59082
 
+    },
 
+    {
 
+      "icon_id": "25824786",
 
+      "name": "editor_on",
 
+      "font_class": "editor_on",
 
+      "unicode": "e6cb",
 
+      "unicode_decimal": 59083
 
+    },
 
+    {
 
+      "icon_id": "25824787",
 
+      "name": "editor_playback",
 
+      "font_class": "editor_playback",
 
+      "unicode": "e6cc",
 
+      "unicode_decimal": 59084
 
+    },
 
+    {
 
+      "icon_id": "25824788",
 
+      "name": "editor_list_edit",
 
+      "font_class": "editor_list_edit",
 
+      "unicode": "e6cd",
 
+      "unicode_decimal": 59085
 
+    },
 
+    {
 
+      "icon_id": "25824789",
 
+      "name": "material_image",
 
+      "font_class": "material_image",
 
+      "unicode": "e6ce",
 
+      "unicode_decimal": 59086
 
+    },
 
+    {
 
+      "icon_id": "25824790",
 
+      "name": "material_music",
 
+      "font_class": "material_music",
 
+      "unicode": "e6cf",
 
+      "unicode_decimal": 59087
 
+    },
 
+    {
 
+      "icon_id": "25824791",
 
+      "name": "editor_panoramic",
 
+      "font_class": "editor_panoramic",
 
+      "unicode": "e6d0",
 
+      "unicode_decimal": 59088
 
+    },
 
+    {
 
+      "icon_id": "25824792",
 
+      "name": "editor_list_image",
 
+      "font_class": "editor_list_image",
 
+      "unicode": "e6d1",
 
+      "unicode_decimal": 59089
 
+    },
 
+    {
 
+      "icon_id": "25824793",
 
+      "name": "material_preview_drop_out",
 
+      "font_class": "material_preview_drop_out",
 
+      "unicode": "e6d2",
 
+      "unicode_decimal": 59090
 
+    },
 
+    {
 
+      "icon_id": "25824794",
 
+      "name": "editor_preview",
 
+      "font_class": "editor_preview",
 
+      "unicode": "e6d3",
 
+      "unicode_decimal": 59091
 
+    },
 
+    {
 
+      "icon_id": "25824795",
 
+      "name": "editor_search",
 
+      "font_class": "editor_search",
 
+      "unicode": "e6d4",
 
+      "unicode_decimal": 59092
 
+    },
 
+    {
 
+      "icon_id": "25824796",
 
+      "name": "material_operation_delete",
 
+      "font_class": "material_operation_delete",
 
+      "unicode": "e6d5",
 
+      "unicode_decimal": 59093
 
+    },
 
+    {
 
+      "icon_id": "25824797",
 
+      "name": "material_operation_editor",
 
+      "font_class": "material_operation_editor",
 
+      "unicode": "e6d6",
 
+      "unicode_decimal": 59094
 
+    },
 
+    {
 
+      "icon_id": "25824798",
 
+      "name": "editor_return",
 
+      "font_class": "editor_return",
 
+      "unicode": "e6d7",
 
+      "unicode_decimal": 59095
 
+    },
 
+    {
 
+      "icon_id": "25824799",
 
+      "name": "material_preview_full_screen",
 
+      "font_class": "material_preview_full_screen",
 
+      "unicode": "e6d8",
 
+      "unicode_decimal": 59096
 
+    },
 
+    {
 
+      "icon_id": "25824800",
 
+      "name": "material_preview_enlarge",
 
+      "font_class": "material_preview_enlarge",
 
+      "unicode": "e6d9",
 
+      "unicode_decimal": 59097
 
+    },
 
+    {
 
+      "icon_id": "25824801",
 
+      "name": "editor_save",
 
+      "font_class": "editor_save",
 
+      "unicode": "e6da",
 
+      "unicode_decimal": 59098
 
+    },
 
+    {
 
+      "icon_id": "25824803",
 
+      "name": "material_preview_next1",
 
+      "font_class": "material_preview_next1",
 
+      "unicode": "e6db",
 
+      "unicode_decimal": 59099
 
+    },
 
+    {
 
+      "icon_id": "25824804",
 
+      "name": "material_preview_next",
 
+      "font_class": "material_preview_next",
 
+      "unicode": "e6dc",
 
+      "unicode_decimal": 59100
 
+    },
 
+    {
 
+      "icon_id": "25824805",
 
+      "name": "material_preview_narrow",
 
+      "font_class": "material_preview_narrow",
 
+      "unicode": "e6dd",
 
+      "unicode_decimal": 59101
 
+    },
 
+    {
 
+      "icon_id": "25824806",
 
+      "name": "material_preview_previous",
 
+      "font_class": "material_preview_previous",
 
+      "unicode": "e6de",
 
+      "unicode_decimal": 59102
 
+    },
 
+    {
 
+      "icon_id": "25824807",
 
+      "name": "material_operation_image",
 
+      "font_class": "material_operation_image",
 
+      "unicode": "e6df",
 
+      "unicode_decimal": 59103
 
+    },
 
+    {
 
+      "icon_id": "25824808",
 
+      "name": "material_video",
 
+      "font_class": "material_video",
 
+      "unicode": "e6e0",
 
+      "unicode_decimal": 59104
 
+    },
 
+    {
 
+      "icon_id": "25824809",
 
+      "name": "material_preview_upload_collect",
 
+      "font_class": "material_preview_upload_collect",
 
+      "unicode": "e6e1",
 
+      "unicode_decimal": 59105
 
+    },
 
+    {
 
+      "icon_id": "25824810",
 
+      "name": "pop-ups_shut-down",
 
+      "font_class": "pop-ups_shut-down",
 
+      "unicode": "e6e2",
 
+      "unicode_decimal": 59106
 
+    },
 
+    {
 
+      "icon_id": "25824811",
 
+      "name": "toast_green",
 
+      "font_class": "toast_green",
 
+      "unicode": "e6e3",
 
+      "unicode_decimal": 59107
 
+    },
 
+    {
 
+      "icon_id": "25824812",
 
+      "name": "toast_red",
 
+      "font_class": "toast_red",
 
+      "unicode": "e6e4",
 
+      "unicode_decimal": 59108
 
+    },
 
+    {
 
+      "icon_id": "25824813",
 
+      "name": "works_editor",
 
+      "font_class": "works_editor",
 
+      "unicode": "e6e5",
 
+      "unicode_decimal": 59109
 
+    },
 
+    {
 
+      "icon_id": "25824814",
 
+      "name": "pop-ups_crop",
 
+      "font_class": "pop-ups_crop",
 
+      "unicode": "e6e6",
 
+      "unicode_decimal": 59110
 
+    },
 
+    {
 
+      "icon_id": "25824815",
 
+      "name": "material_prompt",
 
+      "font_class": "material_prompt",
 
+      "unicode": "e6e7",
 
+      "unicode_decimal": 59111
 
+    },
 
+    {
 
+      "icon_id": "20281176",
 
+      "name": "bs_close",
 
+      "font_class": "bs_close",
 
+      "unicode": "e74c",
 
+      "unicode_decimal": 59212
 
+    },
 
+    {
 
+      "icon_id": "20281177",
 
+      "name": "bs_folder",
 
+      "font_class": "bs_folder",
 
+      "unicode": "e74d",
 
+      "unicode_decimal": 59213
 
+    },
 
+    {
 
+      "icon_id": "20281178",
 
+      "name": "bs_list_menu",
 
+      "font_class": "bs_list_menu",
 
+      "unicode": "e74e",
 
+      "unicode_decimal": 59214
 
+    },
 
+    {
 
+      "icon_id": "20281179",
 
+      "name": "bs_list_edit",
 
+      "font_class": "bs_list_edit",
 
+      "unicode": "e74f",
 
+      "unicode_decimal": 59215
 
+    },
 
+    {
 
+      "icon_id": "20281180",
 
+      "name": "bs_list_info",
 
+      "font_class": "bs_list_info",
 
+      "unicode": "e750",
 
+      "unicode_decimal": 59216
 
+    },
 
+    {
 
+      "icon_id": "20281181",
 
+      "name": "bs_list_play",
 
+      "font_class": "bs_list_play",
 
+      "unicode": "e751",
 
+      "unicode_decimal": 59217
 
+    },
 
+    {
 
+      "icon_id": "20281182",
 
+      "name": "bs_list_stop",
 
+      "font_class": "bs_list_stop",
 
+      "unicode": "e752",
 
+      "unicode_decimal": 59218
 
+    },
 
+    {
 
+      "icon_id": "20281183",
 
+      "name": "bs_plus",
 
+      "font_class": "bs_plus",
 
+      "unicode": "e753",
 
+      "unicode_decimal": 59219
 
+    },
 
+    {
 
+      "icon_id": "20281184",
 
+      "name": "bs_reduce",
 
+      "font_class": "bs_reduce",
 
+      "unicode": "e754",
 
+      "unicode_decimal": 59220
 
+    },
 
+    {
 
+      "icon_id": "20281185",
 
+      "name": "bs_next",
 
+      "font_class": "bs_next",
 
+      "unicode": "e755",
 
+      "unicode_decimal": 59221
 
+    },
 
+    {
 
+      "icon_id": "20281186",
 
+      "name": "bs_nav_panorama",
 
+      "font_class": "bs_nav_panorama",
 
+      "unicode": "e756",
 
+      "unicode_decimal": 59222
 
+    },
 
+    {
 
+      "icon_id": "20281187",
 
+      "name": "bs_upload",
 
+      "font_class": "bs_upload",
 
+      "unicode": "e757",
 
+      "unicode_decimal": 59223
 
+    },
 
+    {
 
+      "icon_id": "20281188",
 
+      "name": "bs_search",
 
+      "font_class": "bs_search",
 
+      "unicode": "e758",
 
+      "unicode_decimal": 59224
 
+    },
 
+    {
 
+      "icon_id": "20281189",
 
+      "name": "bs_nav_photo",
 
+      "font_class": "bs_nav_photo",
 
+      "unicode": "e759",
 
+      "unicode_decimal": 59225
 
+    },
 
+    {
 
+      "icon_id": "20281190",
 
+      "name": "bs_nav_video",
 
+      "font_class": "bs_nav_video",
 
+      "unicode": "e75a",
 
+      "unicode_decimal": 59226
 
+    },
 
+    {
 
+      "icon_id": "20281191",
 
+      "name": "edit_add",
 
+      "font_class": "edit_add",
 
+      "unicode": "e75b",
 
+      "unicode_decimal": 59227
 
+    },
 
+    {
 
+      "icon_id": "20281192",
 
+      "name": "bs_nav_sound",
 
+      "font_class": "bs_nav_sound",
 
+      "unicode": "e75c",
 
+      "unicode_decimal": 59228
 
+    },
 
+    {
 
+      "icon_id": "20281193",
 
+      "name": "edit_input_arrow",
 
+      "font_class": "edit_input_arrow",
 
+      "unicode": "e75d",
 
+      "unicode_decimal": 59229
 
+    },
 
+    {
 
+      "icon_id": "20281194",
 
+      "name": "edit_close",
 
+      "font_class": "edit_close",
 
+      "unicode": "e75e",
 
+      "unicode_decimal": 59230
 
+    },
 
+    {
 
+      "icon_id": "20281195",
 
+      "name": "edit_case_delete",
 
+      "font_class": "edit_case_delete",
 
+      "unicode": "e75f",
 
+      "unicode_decimal": 59231
 
+    },
 
+    {
 
+      "icon_id": "20281196",
 
+      "name": "bs_share",
 
+      "font_class": "bs_share",
 
+      "unicode": "e760",
 
+      "unicode_decimal": 59232
 
+    },
 
+    {
 
+      "icon_id": "20281197",
 
+      "name": "edit_input_unvisible",
 
+      "font_class": "edit_input_unvisible",
 
+      "unicode": "e761",
 
+      "unicode_decimal": 59233
 
+    },
 
+    {
 
+      "icon_id": "20281198",
 
+      "name": "edit_input_visible",
 
+      "font_class": "edit_input_visible",
 
+      "unicode": "e762",
 
+      "unicode_decimal": 59234
 
+    },
 
+    {
 
+      "icon_id": "20281199",
 
+      "name": "edit_list_more",
 
+      "font_class": "edit_list_more",
 
+      "unicode": "e763",
 
+      "unicode_decimal": 59235
 
+    },
 
+    {
 
+      "icon_id": "20281200",
 
+      "name": "edit_list_default",
 
+      "font_class": "edit_list_default",
 
+      "unicode": "e764",
 
+      "unicode_decimal": 59236
 
+    },
 
+    {
 
+      "icon_id": "20281201",
 
+      "name": "edit_nav_hotpoint",
 
+      "font_class": "edit_nav_hotpoint",
 
+      "unicode": "e765",
 
+      "unicode_decimal": 59237
 
+    },
 
+    {
 
+      "icon_id": "20281202",
 
+      "name": "edit_nav_base",
 
+      "font_class": "edit_nav_base",
 
+      "unicode": "e766",
 
+      "unicode_decimal": 59238
 
+    },
 
+    {
 
+      "icon_id": "20281203",
 
+      "name": "edit_next",
 
+      "font_class": "edit_next",
 
+      "unicode": "e767",
 
+      "unicode_decimal": 59239
 
+    },
 
+    {
 
+      "icon_id": "20281204",
 
+      "name": "edit_jumpsview",
 
+      "font_class": "edit_jumpsview",
 
+      "unicode": "e768",
 
+      "unicode_decimal": 59240
 
+    },
 
+    {
 
+      "icon_id": "20281205",
 
+      "name": "edit_pre",
 
+      "font_class": "edit_pre",
 
+      "unicode": "e769",
 
+      "unicode_decimal": 59241
 
+    },
 
+    {
 
+      "icon_id": "20281206",
 
+      "name": "edit_linkview",
 
+      "font_class": "edit_linkview",
 
+      "unicode": "e76a",
 
+      "unicode_decimal": 59242
 
+    },
 
+    {
 
+      "icon_id": "20281207",
 
+      "name": "edit_select",
 
+      "font_class": "edit_select",
 
+      "unicode": "e76b",
 
+      "unicode_decimal": 59243
 
+    },
 
+    {
 
+      "icon_id": "20281208",
 
+      "name": "edit_nav_scenenav",
 
+      "font_class": "edit_nav_scenenav",
 
+      "unicode": "e76c",
 
+      "unicode_decimal": 59244
 
+    },
 
+    {
 
+      "icon_id": "20281209",
 
+      "name": "edit_soundview",
 
+      "font_class": "edit_soundview",
 
+      "unicode": "e76d",
 
+      "unicode_decimal": 59245
 
+    },
 
+    {
 
+      "icon_id": "20281210",
 
+      "name": "edit_photoview",
 
+      "font_class": "edit_photoview",
 
+      "unicode": "e76e",
 
+      "unicode_decimal": 59246
 
+    },
 
+    {
 
+      "icon_id": "20281211",
 
+      "name": "edit_search",
 
+      "font_class": "edit_search",
 
+      "unicode": "e76f",
 
+      "unicode_decimal": 59247
 
+    },
 
+    {
 
+      "icon_id": "20281212",
 
+      "name": "edit_textview",
 
+      "font_class": "edit_textview",
 
+      "unicode": "e770",
 
+      "unicode_decimal": 59248
 
+    },
 
+    {
 
+      "icon_id": "20281213",
 
+      "name": "edit_nav_screen",
 
+      "font_class": "edit_nav_screen",
 
+      "unicode": "e771",
 
+      "unicode_decimal": 59249
 
+    },
 
+    {
 
+      "icon_id": "20281214",
 
+      "name": "edit_type_3d",
 
+      "font_class": "edit_type_3d",
 
+      "unicode": "e772",
 
+      "unicode_decimal": 59250
 
+    },
 
+    {
 
+      "icon_id": "20281215",
 
+      "name": "edit_top_save",
 
+      "font_class": "edit_top_save",
 
+      "unicode": "e773",
 
+      "unicode_decimal": 59251
 
+    },
 
+    {
 
+      "icon_id": "20281216",
 
+      "name": "edit_type_panorama",
 
+      "font_class": "edit_type_panorama",
 
+      "unicode": "e774",
 
+      "unicode_decimal": 59252
 
+    },
 
+    {
 
+      "icon_id": "20281217",
 
+      "name": "edit_top_view",
 
+      "font_class": "edit_top_view",
 
+      "unicode": "e775",
 
+      "unicode_decimal": 59253
 
+    },
 
+    {
 
+      "icon_id": "20281218",
 
+      "name": "edit_videoview",
 
+      "font_class": "edit_videoview",
 
+      "unicode": "e776",
 
+      "unicode_decimal": 59254
 
+    },
 
+    {
 
+      "icon_id": "20335636",
 
+      "name": "list_views",
 
+      "font_class": "list_views",
 
+      "unicode": "e777",
 
+      "unicode_decimal": 59255
 
+    },
 
+    {
 
+      "icon_id": "20434823",
 
+      "name": "nav_scene_down",
 
+      "font_class": "nav_scene_down",
 
+      "unicode": "e778",
 
+      "unicode_decimal": 59256
 
+    },
 
+    {
 
+      "icon_id": "20434824",
 
+      "name": "tool_about",
 
+      "font_class": "tool_about",
 
+      "unicode": "e779",
 
+      "unicode_decimal": 59257
 
+    },
 
+    {
 
+      "icon_id": "20434825",
 
+      "name": "nav_scene_up",
 
+      "font_class": "nav_scene_up",
 
+      "unicode": "e77a",
 
+      "unicode_decimal": 59258
 
+    },
 
+    {
 
+      "icon_id": "20434826",
 
+      "name": "tool_vr",
 
+      "font_class": "tool_vr",
 
+      "unicode": "e77b",
 
+      "unicode_decimal": 59259
 
+    },
 
+    {
 
+      "icon_id": "20434827",
 
+      "name": "tool_window",
 
+      "font_class": "tool_window",
 
+      "unicode": "e77c",
 
+      "unicode_decimal": 59260
 
+    },
 
+    {
 
+      "icon_id": "20434829",
 
+      "name": "tool_full",
 
+      "font_class": "tool_full",
 
+      "unicode": "e77d",
 
+      "unicode_decimal": 59261
 
+    },
 
+    {
 
+      "icon_id": "20434835",
 
+      "name": "img_logo",
 
+      "font_class": "img_logo",
 
+      "unicode": "e77e",
 
+      "unicode_decimal": 59262
 
+    },
 
+    {
 
+      "icon_id": "20468141",
 
+      "name": "list_cover",
 
+      "font_class": "bs_list_cover",
 
+      "unicode": "e77f",
 
+      "unicode_decimal": 59263
 
+    },
 
+    {
 
+      "icon_id": "20468257",
 
+      "name": "list_delete",
 
+      "font_class": "list_delete",
 
+      "unicode": "e780",
 
+      "unicode_decimal": 59264
 
+    },
 
+    {
 
+      "icon_id": "20863638",
 
+      "name": "bs_stop",
 
+      "font_class": "bs_stop",
 
+      "unicode": "e781",
 
+      "unicode_decimal": 59265
 
+    },
 
+    {
 
+      "icon_id": "20863639",
 
+      "name": "bs_play",
 
+      "font_class": "bs_play",
 
+      "unicode": "e782",
 
+      "unicode_decimal": 59266
 
+    },
 
+    {
 
+      "icon_id": "20863640",
 
+      "name": "bs_list_circle",
 
+      "font_class": "bs_list_circle",
 
+      "unicode": "e783",
 
+      "unicode_decimal": 59267
 
+    },
 
+    {
 
+      "icon_id": "19543934",
 
+      "name": "show_playback",
 
+      "font_class": "show_playback",
 
+      "unicode": "e681",
 
+      "unicode_decimal": 59009
 
+    },
 
+    {
 
+      "icon_id": "19543936",
 
+      "name": "show_suspension",
 
+      "font_class": "show_suspension",
 
+      "unicode": "e683",
 
+      "unicode_decimal": 59011
 
+    },
 
+    {
 
+      "icon_id": "20066551",
 
+      "name": "show_3d_normal",
 
+      "font_class": "show_3d_normal",
 
+      "unicode": "e677",
 
+      "unicode_decimal": 58999
 
+    },
 
+    {
 
+      "icon_id": "20066554",
 
+      "name": "show_plane_normal",
 
+      "font_class": "show_plane_normal",
 
+      "unicode": "e67d",
 
+      "unicode_decimal": 59005
 
+    },
 
+    {
 
+      "icon_id": "20066556",
 
+      "name": "show_roaming_selected",
 
+      "font_class": "show_roaming_selected",
 
+      "unicode": "e682",
 
+      "unicode_decimal": 59010
 
+    },
 
+    {
 
+      "icon_id": "20066557",
 
+      "name": "show_plane_selected",
 
+      "font_class": "show_plane_selected",
 
+      "unicode": "e684",
 
+      "unicode_decimal": 59012
 
+    },
 
+    {
 
+      "icon_id": "20066558",
 
+      "name": "show_3d_selected",
 
+      "font_class": "show_3d_selected",
 
+      "unicode": "e685",
 
+      "unicode_decimal": 59013
 
+    },
 
+    {
 
+      "icon_id": "20066559",
 
+      "name": "show_roaming_normal",
 
+      "font_class": "show_roaming_normal",
 
+      "unicode": "e686",
 
+      "unicode_decimal": 59014
 
+    },
 
+    {
 
+      "icon_id": "20066572",
 
+      "name": "show_function_collect",
 
+      "font_class": "show_function_collect",
 
+      "unicode": "e687",
 
+      "unicode_decimal": 59015
 
+    },
 
+    {
 
+      "icon_id": "19543922",
 
+      "name": "show_drop-down",
 
+      "font_class": "show_drop-down",
 
+      "unicode": "e673",
 
+      "unicode_decimal": 58995
 
+    }
 
+  ]
 
+}

BIN
src/assets/fonts/iconfont.ttf
Просмотреть файл


BIN
src/assets/fonts/iconfont.woff
Просмотреть файл


BIN
src/assets/fonts/iconfont.woff2
Просмотреть файл


+ 7 - 0
src/assets/style/common.less
Просмотреть файл 

@@ -0,0 +1,7 @@
 
+@import './base/normalize.css';
 
+@import './component.less';
 
+
 
+
 
+.tttttt{
 
+  cursor: pointer;
 
+}

+ 57 - 32
src/assets/style/component.less
Просмотреть файл 

@@ -1,3 +1,13 @@
 
+@color:#0076F6;
 
+@hoverclr:#1983F6;
 
+@activeclr:#0069DC;
 
+
 
+@cancelcolor:#EBEDF0;
 
+@cancelhoverclr:#EBEDF0;
 
+@cancelactiveclr:#D3D4D7;
 
+
 
+@fontcolor:#323233;
 
+
 
 
 ::-webkit-scrollbar {
 
   width: 4px;
 
@@ -101,7 +111,7 @@ textarea:-ms-input-placeholder {
 
   text-overflow: ellipsis;
 
   overflow: hidden;
 
   white-space: nowrap;
 
-  width: 100%;
 
+  max-width: 100%;
 
 }
 
 
 .nodata{
 
@@ -562,27 +572,50 @@ textarea:-ms-input-placeholder {
 
 }
 
 
 .ui-button {
 
-  height: 34px;
 
+  height: 36px;
 
   line-height: 1;
 
-  border-radius: 17px;
 
+  border-radius: 4px;
 
   border: 1px solid @color;
 
+  padding: 0 16px;
 
   background-color: transparent;
 
   text-align: center;
 
   letter-spacing: 1px;
 
-  font-size: 12px;
 
+  min-width: 88px;
 
+  font-size: 14px;
 
   outline: none;
 
   white-space: nowrap;
 
   cursor: pointer;
 
-  color: @color;
 
+  color: @activeclr;
 
 
   &.submit {
 
-    color: #fff;
 
+    color: #fff!important;
 
     background-color: @color;
 
+    &:hover{
 
+      background-color: @hoverclr!important;
 
+      border-color:  @hoverclr!important;
 
+      color: #fff!important;
 
+    }
 
+    &:active{
 
+      background-color: @activeclr!important;
 
+      border-color:  @activeclr!important;
 
+      color: #fff!important;
 
+    }
 
   }
 
 
   &.cancel {
 
-    color: @color;
 
-    background-color: transparent;
 
+    background-color: @cancelcolor!important;
 
+    border-color:  @cancelcolor!important;
 
+    color: @fontcolor!important;
 
+    &:hover{
 
+      background-color: @cancelhoverclr!important;
 
+      border-color:  @cancelhoverclr!important;
 
+      color: @fontcolor!important;
 
+    }
 
+    &:active{
 
+      background-color: @cancelactiveclr!important;
 
+      border-color:  @cancelactiveclr!important;
 
+      color: @fontcolor!important;
 
+    }
 
   }
 
 
   &.block {
 
@@ -600,6 +633,16 @@ textarea:-ms-input-placeholder {
 
     border-color: #c80303;
 
     color: #fff;
 
   }
 
+  &:hover{
 
+    background-color: transparent!important;
 
+    color: @hoverclr!important;
 
+    border-color:  @hoverclr!important;
 
+  }
 
+  &:active{
 
+    background-color: transparent!important;
 
+    color: @activeclr!important;
 
+    border-color:  @activeclr!important;
 
+  }
 
 }
 
 
 .ui-input {
 
@@ -680,13 +723,15 @@ textarea:-ms-input-placeholder {
 
   text-align: center;
 
   transform: translate(-50%, -50%);
 
   overflow: hidden;
 
-  border-radius: 9px;
 
-  box-shadow: 0 0px 35px rgba(0, 0, 0, 0.3);
 
+  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
 
+  border-radius: 4px;
 
+  border: 1px solid #E4E7ED;
 
   &.dark {
 
     background: #252828;
 
     .ui-message-header {
 
       border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 
       span {
 
+        font-size: 18px;
 
         color: #fff;
 
 
         &:last-child {
 
@@ -699,7 +744,7 @@ textarea:-ms-input-placeholder {
 
 
 .message-material{
 
   border-radius: 2px;
 
-  @color:#1983F6;
 
+  @color:#0076F6;
 
   padding: 26px;
 
   .header-material{
 
     border-bottom: none;
 
@@ -741,22 +786,7 @@ textarea:-ms-input-placeholder {
 
     text-align: right;
 
     .ui-button {
 
       margin: 0 10px;
 
-      font-size: 14px;
 
-      border-radius: 0;
 
-      width: 104px;
 
-      height: 32px;
 
-      border: none;
 
-      border-radius: 4px!important;
 
-      &.submit{
 
-        background: @color;
 
-        color: #fff;
 
-      }
 
-      &.cancel{
 
-        color: #202020;
 
-        background: #EBEBEB;
 
-      }
 
     }
 
-  
   }
 
   
 }
 
@@ -772,7 +802,7 @@ textarea:-ms-input-placeholder {
 
 
   span {
 
     margin-left: 14px;
 
-
 
+    font-size: 18px;
 
     &:last-child {
 
       width: 40px;
 
       cursor: pointer;
 
@@ -785,11 +815,6 @@ textarea:-ms-input-placeholder {
 
   margin: 18px 0;
 
 
   .ui-button {
 
-    width: 120px;
 
-    margin: 0 18px;
 
-    font-size: 14px;
 
-    height: 40px;
 
-    border-radius: 20px;
 
   }
 
 }

+ 1 - 0
src/assets/style/component.widgets.less
Просмотреть файл 

@@ -552,6 +552,7 @@ body[edit-mode="pc"] .ruler-label .ruler-label-name,
 
 
 .el-message--error{
 
     background: #fff!important;
 
+    border-color: #fff!important;
 
 }
 
 
 @-webkit-keyframes ruler-point {

+ 0 - 8
src/common/button/index.js
Просмотреть файл 

@@ -1,8 +0,0 @@
 
-import ElButton from './src/button';
 
-
 
-/* istanbul ignore next */
 
-ElButton.install = function(Vue) {
 
-  Vue.component(ElButton.name, ElButton);
 
-};
 
-
 
-export default ElButton;

+ 0 - 10
src/common/button/src/button-group.vue
Просмотреть файл 

@@ -1,10 +0,0 @@
 
-<template>
 
-  <div class="el-button-group">
 
-    <slot></slot>
 
-  </div>
 
-</template>
 
-<script>
 
-  export default {
 
-    name: 'ElButtonGroup'
 
-  };
 
-</script>

+ 0 - 78
src/common/button/src/button.vue
Просмотреть файл 

@@ -1,78 +0,0 @@
 
-<template>
 
-  <button
 
-    class="el-button"
 
-    @click="handleClick"
 
-    :disabled="buttonDisabled || loading"
 
-    :autofocus="autofocus"
 
-    :type="nativeType"
 
-    :class="[
 
-      type ? 'el-button--' + type : '',
 
-      buttonSize ? 'el-button--' + buttonSize : '',
 
-      {
 
-        'is-disabled': buttonDisabled,
 
-        'is-loading': loading,
 
-        'is-plain': plain,
 
-        'is-round': round,
 
-        'is-circle': circle
 
-      }
 
-    ]"
 
-  >
 
-    <i class="el-icon-loading" v-if="loading"></i>
 
-    <i :class="icon" v-if="icon && !loading"></i>
 
-    <span v-if="$slots.default"><slot></slot></span>
 
-  </button>
 
-</template>
 
-<script>
 
-  export default {
 
-    name: 'ElButton',
 
-
 
-    inject: {
 
-      elForm: {
 
-        default: ''
 
-      },
 
-      elFormItem: {
 
-        default: ''
 
-      }
 
-    },
 
-
 
-    props: {
 
-      type: {
 
-        type: String,
 
-        default: 'default'
 
-      },
 
-      size: String,
 
-      icon: {
 
-        type: String,
 
-        default: ''
 
-      },
 
-      nativeType: {
 
-        type: String,
 
-        default: 'button'
 
-      },
 
-      loading: Boolean,
 
-      disabled: Boolean,
 
-      plain: Boolean,
 
-      autofocus: Boolean,
 
-      round: Boolean,
 
-      circle: Boolean
 
-    },
 
-
 
-    computed: {
 
-      _elFormItemSize() {
 
-        return (this.elFormItem || {}).elFormItemSize;
 
-      },
 
-      buttonSize() {
 
-        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
 
-      },
 
-      buttonDisabled() {
 
-        return this.disabled || (this.elForm || {}).disabled;
 
-      }
 
-    },
 
-
 
-    methods: {
 
-      handleClick(evt) {
 
-        this.$emit('click', evt);
 
-      }
 
-    }
 
-  };
 
-</script>

Разница между файлами не показана из-за своего большого размера
+ 0 - 27054
src/common/components.less


+ 18 - 1
src/framework/material/index.vue
Просмотреть файл 

@@ -19,7 +19,24 @@ export default {
 
     AppAside,
 
     AppHeader,
 
     AppMain
 
-  }
 
+  },
 
+  mounted() {
 
+    this.$nextTick(()=>{
 
+      this.$bus.on('refreshTips',(data)=>{
 
+      setTimeout(() => {
 
+        let lastinstances = $.tooltipster.instancesLatest();
 
+        $.each(lastinstances, function(i, instance){
 
+          instance.destroy()
 
+        });
 
+        
+        $('.tttttt').tooltipster({
 
+          delay: 300,
 
+          ...data
 
+        }); 
+      });
 
+    })
 
+    })
 
+  },
 
 }
 
 </script>

+ 6 - 1
src/mixins/index.js
Просмотреть файл 

@@ -44,7 +44,12 @@ Vue.prototype.$noresult = config.noresult;
 
 Vue.prototype.$MAPTABLEHEADER = MAPTABLEHEADER;
 
 Vue.prototype.$MARERIALSTR = MARERIALSTR;
 
 Vue.prototype.$STRSTATUS = STRSTATUS;
 
-Vue.prototype.$msg = Message;
 
+Vue.prototype.$msg = (data)=>{
 
+  return Message({
 
+    offset:100,
 
+    ...data
 
+  });
 
+}
 
 
 
 Vue.prototype.$videoImg =

+ 2 - 1
src/pages/Material.vue
Просмотреть файл 

@@ -36,4 +36,5 @@ img {
 
   outline: 0;
 
 }
 
 </style>
 
-<style lang="less" src="@/assets/style/style.pc.less"></style>
 
+<style lang="less" src="@/assets/style/common.less"></style>
 
+<style src="@/assets/fonts/iconfont.css"></style>

+ 10 - 25
src/pages/material.js
Просмотреть файл 

@@ -6,36 +6,21 @@ import store from '../Store'
 
 import 'viewerjs/dist/viewer.css'
 
 import Viewer from 'v-viewer'
 
 
+import { Button } from 'element-ui';
 
+Vue.component(Button.name, Button);
 
 
-import '../common/components.less';
 
-import Button from '../common/button/index.js';
 
 
+window.tipInstance = null
 
 
+Vue.use(Viewer,{
 
+  defaultOptions: {
 
+    toolbar: 0,
 
+    title:0,
 
+    navbar:false
 
+  }
 
+})
 
 
-const components = [
 
-  Button
 
-]
 
 
-const install = function(Vue) {
 
-  Vue.use(Viewer,{
 
-    defaultOptions: {
 
-      toolbar: 0,
 
-      title:0,
 
-      navbar:false
 
-    }
 
-  })
 
-
 
-  components.forEach(component => {
 
-    Vue.component(component.name, component);
 
-  });
 
-};
 
-
 
-
 
-/* istanbul ignore if */
 
-if (Vue) {
 
-  console.log('执行');
 
-  install(Vue);
 
-}
 
 
 Vue.config.productionTip = false

+ 32 - 0
src/views/material/components/uploadui/index.vue
Просмотреть файл 

@@ -0,0 +1,32 @@
 
+<template>
 
+  <div class="uploadlist">
 
+    <i class="iconfont iconmaterial_preview_upload"></i>
 
+    uploadUI
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  
+}
 
+</script>
 
+
 
+<style lang="less" scoped>
 
+.uploadlist{
 
+  position: fixed;
 
+  bottom: 0;
 
+  right: 0;
 
+  background-color: #fff;
 
+  width: 550px;
 
+  height: 60px;
 
+  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
 
+  border-radius: 4px;
 
+  border: 1px solid #E4E7ED;
 
+  display: flex;
 
+  justify-content: space-between;
 
+  .iconmaterial_preview_upload{
 
+    color: #0076F6;
 
+    font-size: 40px;
 
+  }
 
+}
 
+</style>

+ 7 - 1
src/views/material/pano/index.vue
Просмотреть файл 

@@ -117,6 +117,8 @@
 
       />
 
     </div>
 
 
+    <uploadui/>
 
+
 
 
     <rename
 
       :show="showRename"
 
@@ -150,6 +152,9 @@ import Upload from "@/components/shared/uploads/UploadMultiple";
 
 import { getImgWH, changeByteUnit } from "@/utils/file";
 
 import UploadList from "../components/uploadList";
 
 
+import uploadui from "../components/uploadui";
 
+
 
+
 
 import {
 
   getMaterialList,
 
   uploadMaterial,
 
@@ -173,7 +178,8 @@ export default {
 
     Paging,
 
     preview,
 
     Upload,
 
-    UploadList
 
+    UploadList,
 
+    uploadui
 
   },
 
   data() {
 
     return {

+ 112 - 97
src/views/material/popup/share.vue
Просмотреть файл 

@@ -1,140 +1,155 @@
 
 <template>
 
-    <popup v-if="show">
 
-      <div class="ui-message ui-message-confirm" style="width: 544px">
 
-        <div class="ui-message-header">
 
-          <span>分享全景作品</span>
 
-          <span @click="$emit('close')">
 
-            <i class="iconfont icon_close"></i>
 
-          </span>
 
-        </div>
 
-        <div class="ui-message-main re-name">
 
-          <div>
 
-            <div>作品二维码</div>
 
-            <div>
 
-              <img :src="(item.qrCode+`?${Math.random()}`)||$thumb" alt="">
 
-              <button @click="downloadImg(item.qrCode)" :class="`ui-button ui-button-rect submit`">下载</button>
 
-            </div>
 
-            <div>作品链接</div>
 
-            <div>
 
-              <input
 
-                :title="item.share"
 
-                class="ui-input"
 
-                disabled
 
-                type="text"
 
-                maxlength="15"
 
-                placeholder="输入名字"
 
-                v-model="item.share"
 
-              />
 
-              <button @click="copy(item.share)" :class="`ui-button ui-button-rect submit`">复制</button>
 
-            </div>
 
-          </div>
 
-        </div>
 
+  <popup v-if="show">
 
+    <div
 
+      class="ui-message ui-message-confirm message-material"
 
+      style="width: 500px"
 
+    >
 
+      <div class="ui-message-header header-material">
 
+        <span>分享</span>
 
+        <span @click="$emit('close')">
 
+          <i class="iconfont icon_close"></i>
 
+        </span>
 
       </div>
 
-    </popup>
 
+      <div class="ui-message-main">
 
+        <ul>
 
+          <li>
 
+            <span>作品链接</span>
 
+            <input
 
+              :title="item.share"
 
+              class="ui-input"
 
+              disabled
 
+              type="text"
 
+              maxlength="15"
 
+              placeholder="输入名字"
 
+              v-model="item.share"
 
+            />
 
+          </li>
 
+          <li>
 
+            <span>作品二维码</span>
 
+            <img :src="item.qrCode + `?${Math.random()}` || $thumb" alt="" />
 
+          </li>
 
+        </ul>
 
+      </div>
 
+
 
+      <div class="ui-message-footer footer-material">
 
+        <button @click="downloadImg(item.qrCode)" class="ui-button">
 
+          下载二维码
 
+        </button>
 
+        <button @click="copy(item.share)" class="ui-button submit">
 
+          复制链接
 
+        </button>
 
+      </div>
 
+    </div>
 
+  </popup>
 
 </template>
 
 
 <script>
 
 import Popup from "@/components/shared/popup";
 
 
 export default {
 
-  props:['show','item'],
 
-  components:{
 
-    Popup
 
+  props: ["show", "item"],
 
+  components: {
 
+    Popup,
 
   },
 
-  data(){
 
+  data() {
 
     return {
 
-      key:''
 
-    }
 
+      key: "",
 
+    };
 
   },
 
-  methods:{
 
-     downloadImg(url){
 
-        var a = document.createElement('a');          
-        var event = new MouseEvent('click')         
-        a.download = 'qrcode' 
-        a.href = url;
 
-        a.dispatchEvent(event)
 
-     },
 
-    copy(text){
 
-       var textArea = document.createElement('textarea')
 
+  mounted() {},
 
+  methods: {
 
+    downloadImg(url) {
 
+      var a = document.createElement("a");
 
+      var event = new MouseEvent("click");
 
+      a.download = "qrcode";
 
+      a.href = url;
 
+      a.dispatchEvent(event);
 
+    },
 
+    copy(text) {
 
+      var textArea = document.createElement("textarea");
 
 
-      textArea.style.position = 'fixed'
 
-      textArea.style.top = 0
 
-      textArea.style.left = 0
 
-      textArea.style.width = '2em'
 
-      textArea.style.height = '2em'
 
-      textArea.style.padding = 0
 
-      textArea.style.border = 'none'
 
-      textArea.style.outline = 'none'
 
-      textArea.style.boxShadow = 'none'
 
-      textArea.style.background = 'transparent'
 
-      textArea.value = text
 
+      textArea.style.position = "fixed";
 
+      textArea.style.top = 0;
 
+      textArea.style.left = 0;
 
+      textArea.style.width = "2em";
 
+      textArea.style.height = "2em";
 
+      textArea.style.padding = 0;
 
+      textArea.style.border = "none";
 
+      textArea.style.outline = "none";
 
+      textArea.style.boxShadow = "none";
 
+      textArea.style.background = "transparent";
 
+      textArea.value = text;
 
 
-      document.body.appendChild(textArea)
 
+      document.body.appendChild(textArea);
 
 
-      textArea.select()
 
+      textArea.select();
 
 
       try {
 
-                
-
 
-        document.execCommand('copy') ? this.$tips({ content: "复制成功",icon:'ok' }) :  this.$tips({ content: "复制失败",icon:'ok' })
 
+        document.execCommand("copy")
 
+          ? this.$tips({ content: "复制成功", icon: "ok" })
 
+          : this.$tips({ content: "复制失败", icon: "ok" });
 
       } catch (err) {
 
-         this.$tips({ content: "复制失败",icon:'ok' })
 
+        this.$tips({ content: "复制失败", icon: "ok" });
 
       }
 
 
-      document.body.removeChild(textArea)
 
-
 
-    }
 
-  }
 
-}
 
+      document.body.removeChild(textArea);
 
+    },
 
+  },
 
+};
 
 </script>
 
 
 <style lang="less" scoped>
 
-.ui-message-confirm{
 
+.ui-message-confirm {
 
   border-radius: 0;
 
-  .icon_close{
 
+  .icon_close {
 
     color: #909090;
 
   }
 
-  .ui-message-header{
 
-    border-bottom: 1px solid #EBEBEB;
 
-  }
 
-  .ui-message-main{
 
-    width: 444px;
 
+
 
+  .ui-message-main {
 
     margin: 20px auto;
 
     padding-bottom: 20px;
 
     background: #fff;
 
-    >div{
 
-      text-align: left;
 
-      >div{
 
+    > ul {
 
+      color: #646566;
 
+      > li {
 
         display: flex;
 
-        align-items: flex-end;
 
-        margin-bottom: 10px;
 
-        >img{
 
-          width: 150px;
 
+        align-items: flex-start;
 
+        margin-bottom: 20px;
 
+        > span {
 
+          font-size: 14px;
 
+          display: inline-block;
 
+          width: 70px;
 
+          margin-top: 4px;
 
+          text-align: right;
 
+          margin-right: 16px;
 
+        }
 
+        > img {
 
+          width: 120px;
 
           border: 1px solid #ccc;
 
         }
 
-        .ui-button{
 
+        .ui-input {
 
+          width: 362px;
 
+          height: 36px;
 
+          background: #f7f7f7;
 
+          border-radius: 4px;
 
+          border: 1px solid #ebedf0;
 
+        }
 
+        .ui-button {
 
           min-width: 104px;
 
           margin-left: 10px;
 
         }
 
       }
 
     }
 
   }
 
-  .ui-message-footer{
 
+  .ui-message-footer {
 
     width: 100%;
 
-    .btn{
 
-      width: 80%;
 
-      display: flex;
 
-      justify-content: center;
 
-      margin: 0 auto;
 
-      .ui-button{
 
-        max-width: 104px
 
-      }
 
-    }
 
-
 
+  }
 
+  .footer-material {
 
+    margin-top: 0 !important;
 
   }
 
 }
 
 </style>
 
 
 <style lang="less" scoped>
 
-@import '../style.less';
 
-</style>
 
+@import "../style.less";
 
+</style>

+ 9 - 13
src/views/material/style.less
Просмотреть файл 

@@ -7,9 +7,9 @@
 
   }
 
 
   .ui-button{
 
-    border: 1px @color solid;
 
     font-size: @color;
 
   }
 
+
 
   .btn{
 
     margin-top: 18px;
 
     .ui-button{
 
@@ -120,6 +120,9 @@
 
   font-size: 14px;
 
   vertical-align: middle;
 
   background: #F7F8FA;
 
+  &.active{
 
+    border: 1px solid #0076F6;
 
+  }
 
 }
 
 
 .filter > div > select,
 
@@ -145,19 +148,14 @@
 
   left: 10px;
 
   cursor: pointer;
 
   color: #C8C9CC;
 
-  font-size: 24px;
 
+  font-size: 20px;
 
 }
 
 .filter > div >.del{
 
   left: auto;
 
   right: 10px;
 
-  font-size: 14px;
 
+  font-size: 20px;
 
 }
 
 
-
 
-.submit{
 
-  background-color: @color!important;
 
-  border: 1px solid @color!important;
 
-}
 
 .cancel{
 
   background: #EBEBEB;
 
 }
 
@@ -191,11 +189,6 @@
 
   width: 100%;
 
 }
 
 
-.ui-message-header{
 
-  font-weight: bold;
 
-  font-size: 16px;
 
-}
 
-
 
 .paging{
 
   margin-top: 20px;
 
   text-align: left;
 
@@ -297,6 +290,9 @@
 
   &:hover{
 
     color: @color!important;
 
   }
 
+  &:active{
 
+    color: rgba(255, 255, 255, 0.5)!important;
 
+  }
 
 }
 
 
 .cancelhover{

+ 46 - 33
src/views/material/works/index.vue
Просмотреть файл 

@@ -4,14 +4,14 @@
 
       <span>我的作品 {{paging.total>0?`(${paging.total})`:''}}</span>
 
       <div class="tab-r">
 
          <div class="filter">
 
-          <div>
 
-            <i class="iconfont iconbs_search"></i>
 
+          <div :class="{active:searchKey}">
 
+            <i class="iconfont iconworks_search"></i>
 
             <input
 
               type="text"
 
               placeholder="搜索作品"
 
               v-model="searchKey"
 
             >
 
-            <i v-if="searchKey" @click="searchKey=''" class="iconfont iconbs_close del"></i>
 
+            <i v-if="searchKey" @click="searchKey=''" class="iconfont icontoast_red del"></i>
 
           </div>
 
         </div>
 
       </div>
 
@@ -27,7 +27,7 @@
 
       </li>
 
       <li v-for="(item,i) in list" :key="i">
 
         <div class="li-hover">
 
-          <span class="lipreview" @click="handlePreview(item)">预览</span>
 
+          <span class="lipreview ui-button submit" @click="handlePreview(item)">预览</span>
 
           <ul class="oper">
 
             <li class="comfirmhover" @click="edit(item)"><i class="iconfont iconbs_list_edit"></i>编辑</li>
 
             <li class="comfirmhover" @click="openShare(item)"><i class="iconfont iconbs_share"></i>分享</li>
 
@@ -38,11 +38,13 @@
 
           <img class="real" :src="item.icon||$thumb" alt="" />
 
         </div>
 
         <div class="li-info">
 
-          <span class="shenglve" :title="item.name">{{item.name||'无标题'}}</span>
 
+          <div>
 
+            <span class="shenglve tttttt" :title="item.name||'无标题'">{{item.name||'无标题'}}</span>
 
+          </div>
 
           <div>
 
             <span>{{item.createTime}}</span>
 
             <div :title="item.visit">
 
-              <i class="iconfont iconlist_views"></i>{{item.visit>10000?'1w+':item.visit}}
 
+              <i class="iconfont iconworks_look"></i>{{item.visit>10000?'1w+':item.visit}}
 
             </div>
 
           </div>
 
         </div>
 
@@ -111,6 +113,7 @@ export default {
 
   },
 
   mounted(){
 
     this.getWorksList()
 
+  
   },
 
   watch:{
 
     'paging.pageNum':function () {
 
@@ -161,6 +164,11 @@ export default {
 
         window.open(`./edit.html?id=${item.id}`)
 
     },
 
     del(item){
 
+      //  this.$msg({
 
+      //   message: `格式错误，请上传2:1、120MB以内、jpg格式的全景图片`,
 
+      //   type: 'error',
 
+      //   duration: 0
 
+      // });
 
       this.$confirm({
 
           title:'删除素材',
 
           content: "确定要删除素材吗？",
 
@@ -185,6 +193,10 @@ export default {
 
           this.paging.pageSize = data.data.pageSize;
 
           this.paging.total = data.data.total;
 
           this.list =data.data.list
 
+
 
+          this.$nextTick(()=>{
 
+            this.$bus.emit('refreshTips')
 
+          })
 
         }
 
       );
 
     }
 
@@ -251,7 +263,6 @@ export default {
 
           left: 50%;
 
           transform: translate(-50%,-50%);
 
           color: #fff;
 
-          border: 1px #fff solid;
 
           display: inline-block;
 
           line-height: 40px;
 
           height: 40px;
 
@@ -259,10 +270,8 @@ export default {
 
           text-align: center;
 
           border-radius: 22px;
 
           cursor: pointer;
 
-          &:hover{
 
-            background: @color;
 
-            border: 1px @color solid;
 
-          }
 
+          background-color: transparent;
 
+          border: 1px solid #fff;
 
         }
 
         .oper{
 
           display: flex;
 
@@ -317,30 +326,34 @@ export default {
 
       .li-info{
 
         font-size: 14px;
 
         padding: 10px;
 
-        >span{
 
-          font-weight: bold;
 
-          margin-bottom: 10px;
 
-          display: inline-block;
 
-          text-overflow: ellipsis;
 
-          overflow: hidden;
 
-          white-space: nowrap;
 
-          width: 100%;
 
-          cursor: pointer;
 
-          color: #323233;
 
-          font-size: 16px;
 
-        }
 
         >div{
 
-          display: flex;
 
-          justify-content: space-between;
 
-          align-items: center;
 
-          >span{
 
-            font-size: 14px;
 
-            color: #969799;
 
+          text-align: left;
 
+          &:first-of-type{
 
+            >span{
 
+              font-weight: bold;
 
+              margin-bottom: 10px;
 
+              display: inline-block;
 
+              text-overflow: ellipsis;
 
+              overflow: hidden;
 
+              white-space: nowrap;
 
+              cursor: pointer;
 
+              color: #323233;
 
+              font-size: 16px;
 
+            }
 
           }
 
-          >div{
 
-            color: #969799;
 
-            i{
 
-              margin-right: 6px;
 
+          &:last-of-type{
 
+            display: flex;
 
+            justify-content: space-between;
 
+            align-items: center;
 
+            >span{
 
+              font-size: 14px;
 
+              color: #969799;
 
+            }
 
+            >div{
 
+              color: #969799;
 
+              i{
 
+                margin-right: 6px;
 
+              }
 
             }
 
           }
 
         }