@huijiewei 这种单纯是为了 atomic，不把开发体验放在重要位置，不看好

@narmgalaxy 这两天支持一下

@hewelzei [国内的前端开发人员好像不是很注重如何优雅编写样式] 这个赞同，不知为啥，国内很多前端都理所当然的认为“关注点分离”就是对的，而且国内 CSS in JS 也用得不多，可能国内真的太多前端是非科班转过了的

@damao2250 是的，已修改，谢谢

@u3u 除了 layout toolkit, 类名基本上是和 tailwindcss 一致的，只不过是驼峰而已，其实切换成本不高

@pabupa 欢迎在项目中体验，包香

@xiqingongzi Wxa.js 是 https://github.com/WeBankFinTech/wxa ？

@crs0910 是有 bug，新版已经修复，你可以看看文档，你真有眼光，fower-layout 是 fower 最好用的功能，也是我自己最新喜欢功能。

@3dwelcome 有计划做，做个 webpack-loader 就可以

@Shyla 那是很久之前的项目了，难得你记得 哈哈

@dartabe 全球开发者都把票投给了原子类，https://2020.stateofcss.com/en-US/technologies/css-frameworks/，只是国内环境比较特殊

@narmgalaxy taildwind 很不错，但不够灵活。举个小例子，我们一个项目使用过 tailwindcss，一大痛点就是太不灵活了，比如设置 padding，tailwind 中 p-2 代表 8px，我想要 10px 就很麻烦，使用 Fower，p2 代表你 padding: 8px, 但 p-{value} 可以是任意值

@shakukansp 是的，配置非常简单，可以看看： https://fower.vercel.app/zh-cn/docs/use-with-vue

@agdhole 这是 js 啊，直接跟普通 js 一起打包的，没打包性能问题

@agdhole 和 tailwindcss 相比，尺寸小很多：

- 在 React 中 15.2kB: https://bundlephobia.com/result?p=@fower/[email protected]
- 在 Vue 中 13.8kB: https://bundlephobia.com/result?p=@fower/[email protected]

性能比一般 CSS in JS 库好，因为每个原子类是缓存的

@towry 文档有写，如果你接受不了原子属性这种写法，你也可以使用 css 类名：

```html
<template>
<div class="toCenterY p-10 w-260 bgWhite rounded-10 shadow">
<img src="/img/vue-logo.png" class="circle-48" />
<div class="ml-10">
<div class="textXL fontBold">Evan You</div>
<span class="gray800">Creator of Vue.js.</span>
</div>
</div>
</template>
```

入侵还好，你用 tailwind 也一样，不过这其实不重要，重要的是要写的爽，效率高，好维护。

@towry 文档有写：

@codingguy @fower/core 是跟框架无关的，这看怎么定义框架无关了

@Jirajine 可以