Размер веб-части SharePoint Workbench отличается от размера веб-сайта - PullRequest
1 голос
/ 30 сентября 2019

Я написал веб-часть в Vue.js, где пользователь может написать много информации. Когда я тестировал веб-часть в своей рабочей среде SharePoint, она выглядела нормально.

Однако, когда я развернул файл .sppkg на сайте SharePoint, размер веб-части изменился, и я не смог нажать Create или Cancel больше.

Если я изменю height, я не смогу прокрутить вниз. Есть ли способ исправить это?

AddAthleticTestDialog: function() {
  var SelectedPlayerID = this.$store.state.selectedPlayer.ID;
  var $this = this;
  this.$modal.show(
    AddAthleticTest,
    {
      text: SelectedPlayerID
    },
    {
      draggable: true,
      width: 1200,
      height: 700
    },
    {
      closed: function(event) {
        $this.loadHistory(SelectedPlayerID);
      }
    }
  );
},    

Вот как это показано в рабочей среде:

Workbench

А вот как этоотображается при загрузке на веб-странице:

Website

Вот небольшая часть кода:

<template>
  <div class="container p-3">
      <tbody>
        <tr>
          <th scope="row" style="width:200px; padding-left:0;padding-right:0">Antropo.</th>
        </tr>
      </tbody>
    <div class="row">
      <div class="col">
        <label for="exampleInputAthletes">Athletes</label>
        <input  v-model="athleticsData.Athletes"  type="text" class="form-control" id="Athletes" placeholder="Enter Athletes" />
      </div>
      <div class="col">
        <label for="exampleInputTestingDay">Testing Day</label>
        <input v-model="athleticsData.TestingDay" type="text" class="form-control" id="TestingDay" placeholder="Enter Testing Day" />
      </div>
...