#插件讨论# 【 高颜值优惠券组件，支持多选，单选（支持互斥） - 源码好又多科技 】求助

1、复制示例项目中的 components 目录下的 nx-coupon，nx-can-use-coupon，nx-coupon-rule 三个文件夹到自己项目的 components 目录下。

2、复制示列项目中 static/style 目录到自己项目的 static 目录中。

3、复制示例项目中的 static/colorui 目录到自己的项目的 static 目录中（如果你的项目中已经存在 colorui 了，可以不用复制，但是需要对应修改 static/style/base.scss 中的 colorui 的引入位置。比如我的 colorui 原本就在根目录下，那么我就需要修改 base.css 的路径如下）

@import './mixin/flex.scss';                // flex(主轴,交叉轴,方向,换行,多轴线对齐) / flex-self(对齐,(布满||固定),顺序)  
@import './mixin/text-overflow.scss';       // 文本格式化超出省略号  参数：宽度,单行/多行  
@import './mixin/position-absolute.scss';   // 绝对定位  参数：上,右,下,左  
@import './mixin/triangle.scss';            // 画三角形  参数：宽度,朝向,颜色  
@import './mixin/hr.scss';                  // 添加分割线  参数：位置,间隔  
@import './mixin/price-before.scss';        // 价格¥前加  
/*colorui css */  
@import  "/colorui/main.css"; // 注意路径  
@import "/colorui/icon.css";  // 注意路径

4、App.vue文件中引入base.scss文件

//注意style标签中增加 lang="scss"属性  
<style lang="scss">  
    @import "colorui/main.css";  
    @import "colorui/icon.css";  
    /*每个页面公共css */  
    @import "static/style/base.scss";  
</style>