无法计算template-columns

来源：4-6 组件嵌套和投影组件（2）

klr106

2019-09-29

#这条语句无效：
return repeat(${this.cols},calc((100vw-${this.displayCols*0.4}rem)/${this.displayCols})); 然后导致sliderMargin也不能拉到最右边
不知道怎么改这个calc()函数，好像对vm不支持，我用的是google浏览器
能讲解一下吗？

写回答

1回答

接灰的电子产品

2019-10-08

要注意这个渲染后是这样的 css 属性

grid-template-columns: repeat(8, calc((100vw - 2rem) / 5));

所以构造字符串时要注意一下，哪些是计算，哪些是字符串

public get templateColumns(): string {
    return `repeat(${this.cols}, calc((100vw - ${this.displayCols *
      0.4}rem) / ${this.displayCols}))`;
  }

Angular 开发拼多多webapp 从基础到项目实战

高仿拼多多WebApp，带你在实战环境中学习Angular

1322 学习 · 451 问题

查看课程

相似问题

样式出现错误

回答 2

grid-template-rows的minmax函数加上auto-fill，css报错

回答 1

这个calc(100% - 3rem)？3rem是怎么计算出来的

回答 1

ng-template let-row="row" 与let-row 使用区别

回答 1

关于反单引号的用法

回答 1

打开慕课网App查看更多内容