zxy-netease-ui v0.1.1

前端官网脚手架

前端官网脚手架，集成主题配置、element-ui组件、iconfont、svg-icon、request等支持

• 1、iconfont
• 2、svg-icon
• 3、全局less变量文件
• 4、request
• 5、复制功能
• 6、支持适配

tailwind的使用方法

此项目支持 tailwindCss ，推荐开发者使用该功能，样式相关配置统一在tailwind.config.js,下面使用的一些介绍。

基本使用

<style lang="less">
.main-content{
  @apply text-primary hover:text-primary-hover text-sm mx-auto my-4;
}
</style>

取配置文件中的色值或宽度值

<style lang="less">
.main-content{
  // 特殊字符使用less的转义符~""即可
  min-height: calc(100vh - ~"theme(height.foot)");
  padding-top:  ~"theme(height.head)";
  @apply bg-primary/60;  // 取主题色透明度为60%
}
</style>

屏幕适配