小编cur*_*ous的帖子

如何在Bulma(flexbox)中将列高设置为最长列?

我正在使用Bulma 0.4.0,尽管答案可能与Bulma本身无关.

如何将列高设置为等于其他?(见下面的截图)


编辑:具有更多显示实际行为的文本的codepen:https://codepen.io/anon/pen/vmKVbx

预期行为:

预期的行为

实际行为:

实际行为

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.0/css/bulma.css" />
<div class="columns">
  <div class="column">
    <p class="notification is-info">First column</p>
  </div>
  <div class="column">
    <p class="notification is-success">Second column</p>
  </div>
  <div class="column">
    <p class="notification is-warning">Third column</p>
  </div>
  <div class="column">
    <p class="notification is-danger">Fourth</p>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

css css3 flexbox bulma

9
推荐指数
2
解决办法
1万
查看次数

如何跨文件夹或存储库共享文件

我正在编写一个代码片段,它必须跨多个主题.

假设我有三个主题:

  • 橙子
  • 绿色
  • 蓝色

每个主题都有一个名为"snippets"的文件夹,我将代码片段放在那里.

  • 橙/段/ code.html
  • 绿/段/ code.html
  • 蓝/段/ code.html

每个主题的"code.html"文件都完全相同.我在它自己的GitHub仓库中跟踪它,然后复制并粘贴到每个主题仓库.

如何在一个位置编辑此代码段并确保它在所有主题中都得到更新?我正在寻找一种可扩展的方法,一旦主题数量可能增长到20-30.

在我的情况下,我有更多的文件然后一个例子与"code.html" - 他们在两个文件夹,总量大约是10.

我正在阅读关于Git子模块的内容,但我不相信它们适合我的问题.我不确定这个问题是否与Git有关,对不起.

PS我正在研究SaaS - 确切地说是Shopify.因此,在这种情况下,任何类型的PHP技巧都不起作用.我需要在本地以某种方式处理文件.

编辑:现实生活中的例子:

我有这4个文件:

{{ theme }}/snippets/file1.liquid
{{ theme }}/snippets/file2.liquid
{{ theme }}/assets/file3.liquid
{{ theme }}/assets/file4.liquid
Run Code Online (Sandbox Code Playgroud)

我无法创建子目录或其他目录.

git version-control workflow

7
推荐指数
1
解决办法
409
查看次数

如何在启用自动静态优化的情况下访问 Next.js 中的规范 URL?

我正在研究需要规范 URL 的 SEO 组件。

如何在启用自动静态优化的情况下在 Next.js 中获取静态页面的 URL?

next.js

7
推荐指数
3
解决办法
3088
查看次数

如何将嵌套变量传递给 Apollo 中的 GraphQL 查询?

尝试将嵌套变量传递给 GraphQL 查询,但我的服务器仅获取顶级变量 ( shopId),其他所有内容均为 null。

我试过:

#1

const CALCULATE_PACKAGE_PRICE = gql`
  query CalculatePackagePrice(
    $shopId: String!
    $address1: String
    $zip: String
    $city: String
    $countryCode: String
    ) {
    calculatePackagePrice(
      where: {
        shopId: $shopId
        destination: {
          address1: $address1
          zip: $zip
          city: $city
          countryCode: $countryCode
        }
      }
    ) {
      name
      price
      userErrors {
        field
        message
      }
    }
  }
`

const [calculatePackagePrice, { loading, data }] = useLazyQuery(
  CALCULATE_PACKAGE_PRICE,
  {
    variables: {
      shopId: shopId,
      destination: {
        address1: "Example 123",
        zip: "123",
        city: "Test",
        countryCode: …
Run Code Online (Sandbox Code Playgroud)

apollo graphql react-apollo apollo-client

3
推荐指数
1
解决办法
4505
查看次数