Проблема загрузки css на кнопку autodesk Forge - PullRequest
Новая
       10

Проблема загрузки css на кнопку autodesk Forge

0 голосов
/ 11 сентября 2018

Итак, я работал с программой просмотра Autodesk и смог включить ее в проект vue.js.

Я работаю со средством просмотра V6 и создал свой проект с Vue cli-3 и работаю над учебными пособиями.

Моя проблема на данный момент заключается в том, что классы CSS, добавленные к кнопке средства просмотра, не загружаются.

Вот что я имею в виду: 

ToolbarExtension.prototype.createUI = function() {

 var viewer = this.viewer;

 // Button 1
 var button1 = new Autodesk.Viewing.UI.Button('my-view-front-button');
 button1.onClick = function(e) {
   viewer.setViewCube('front');
 };
 button1.addClass('my-view-front-button');
 button1.setToolTip('View front');

 // Button 2
 var button2 = new Autodesk.Viewing.UI.Button('my-view-back-button');
 button2.onClick = function(e) {
   viewer.setViewCube('back');
 };
 button2.addClass('my-view-back-button');
 button2.setToolTip('View Back');

 // SubToolbar
 this.subToolbar = new Autodesk.Viewing.UI.ControlGroup('my-custom-view-toolbar');
 this.subToolbar.addControl(button1);
 this.subToolbar.addControl(button2);

 viewer.toolbar.addControl(this.subToolbar);
 };

Этот код используется для создания панели инструментов с двумя кнопками.

В основном эти строки добавляют класс CSS к кнопкам. 

 button1.addClass('my-view-front-button');
 button2.addClass('my-view-back-button');

и вот мой результат

Как видите, мои кнопки пустые, они должны быть красного и синего цвета. 

.my-view-front-button {
  background: red;
}
.my-view-back-button {
  background: blue;
}

Я пытался работать с другим пустым проектом vue (то же самое с cli-3, и он работает.)

Я бы хотел найти решение этой проблемы. Я встречал много проблем с этой библиотекой и не много решений.

Спасибо за помощь.

Я сделаю все возможное, чтобы ответить на ваши вопросы, если чего-то не хватает.

1 Ответ

0 голосов
/ 11 сентября 2018

Итак, я посмотрел свой код и нашел решение моей проблемы.

Я использовал средство просмотра в качестве дочернего компонента, дело в том, что мне пришлось изменить свойство scoped с <style lang="scss" scoped></style> directive.

Удаление свойства scoped исправило кнопки, теперь они выглядят как учебник.

Приносим извинения за неудобства, надеюсь, что этот пост поможет кому-то еще.

...