仪表板

Question

我采用了潇洒的示例仪表板并添加了一些小部件 - 两个Image和一个BigImage小部件：

    <li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
      <div data-id="image2" data-view="Image" data-image="images/image2.jpg" title="Image2" data-link='abc' style="background-color:#ff9618"></div>
    </li>
    <li data-row="1" data-col="1" data-sizex="3" data-sizey="2">
  <!-- <div data-id="picture" data-view="BigImage" data-image="file:///shared/images/aura0.jpg" -->
  <div data-id="picture" data-view="BigImage" data-image="https://www.google.com/images/nav_logo195_hr.png"
    style="background-color:transparent;"
    data-max="true"
  ></div>
</li>

小部件的占位符确实显示但图像不显示：

当我点击以下内容时：

显然，我错过了一些管道 - 以及一些基本概念。可以理解指向要点或类似内容的指针。

Answer 1

您必须使用在浏览器可以加载它们的地方提供的图像。最简单的方法是将图片放入assets/images，然后点击assets/my-image.jpg链接到这些图片：

<li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
  <div data-id="logo" data-view="Image" data-image="assets/my-image.jpg"></div>
</li>

此外，当您点击其中一个时出现错误的原因是您已定义data-link='abc'，这是创建/abc的链接。这不存在，所以Dashing给你一个404.