ib-activities.0b1e3b42.css.map 11 KB

1
  1. {"version":3,"sources":["webpack:///src/views/ib/F:/work_dabao/gypsy-crm-frontend/src/views/ib/Activities.vue"],"names":[],"mappings":"AAqhBA,gCACE,UAAA,CACA,WAAA,CACA,8CACE,UAAA,CACA,wBAAA,CA1YF,qBAxHgB,CAogBd,YAAA,CACA,6BAAA,CAAA,qBAAA,CA5YF,kEACE,qBA1Hc,CAsgBd,mDACE,UAAA,CACA,wBAAA,CACA,eAAA,CACA,cAAA,CACA,6BAAA,CAAA,qBAAA,CAEF,0DACE,uBAAA,CAnTJ,oBAlMe,CAufX,cAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CArTJ,8EACE,oBApMa,CAyfX,+DACE,WAAA,CACA,gBAAA,CACA,eAAA,CACA,kBAAA,CACA,mEACE,UAAA,CAGJ,mEACE,kBAAA,CAAA,UAAA,CAAA,MAAA,CACA,eAAA,CACA,0EACE,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,6BAAA,CACA,aAAA,CACA,gFACE,eAAA,CACA,cAAA,CAEF,gFACE,cAAA,CAGJ,wEACE,cAAA,CACA,mBAAA,CAEF,2EACE,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,kBAAA,CAAA,cAAA,CACA,gFACE,eAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CArgBV,UA5DkB,CAmkBR,cAAA,CAtgBV,oGACE,UA9DgB,CAqkBV,sFACE,gBAAA,CAveV,aA1F2B,CA2F3B,0GACE,aA5FyB,CAoJ3B,4LACE,wBAlIY,CA0Hd,8XACE,wBAtIoB,CAqkBd,iFACE,kBAAA,CAAA,UAAA,CAAA,MAAA,CACA,cAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,6BAAA,CACA,aAAA,CACA,iLACE,eAAA","file":"ib-activities.0b1e3b42.css","sourcesContent":["/**\r\n 所有的颜色变量\r\n 方便后期修改\r\n 命名规则 $font-color-1/$background-color-1\r\n**/\r\n\r\n\r\n\r\n\r\n\r\n//主色调\r\n$theme_1_main_color: #EB3F57;\r\n//字体色\r\n$theme_1_font_white:#ffffff;\r\n$theme_1_font_black:#495057;\r\n$theme_1_font_gray_1:#979797;\r\n$theme_1_font_gray_2:#C5C5C9;\r\n$theme_1_font_gray_3:#D5D5D5;\r\n$theme_1_font_gray_content_1:#505050;\r\n$theme_1_font_gray_content_2:#949494;\r\n$theme_1_font_blue_btn_1:#407BB9;\r\n$theme_1_font_red_icon_1:#EB3F57;\r\n$theme_1_font_green_icon_1:#4CB01A;\r\n//背景色\r\n$theme_1_bg_white:#ffffff;\r\n$theme_1_bg_gray_main:#F2F2F2;\r\n$theme_1_bg_gray_second:#6B7188;\r\n$theme_1_bg_gray_1:#C5C5C9;\r\n$theme_1_bg_gray_2:#F6F6F6; //个人信息,验证\r\n$theme_1_bg_gray_3:#505050; //验证页标题\r\n$theme_1_bg_gray_4:#F8F8F8; //新闻,图表\r\n$theme_1_bg_gray_5:#F9F9F9; //白底表格移入时,\r\n$theme_1_bg_gray_6:#323232; //按钮\r\n$theme_1_bg_gray_opacity_1:rgba(107, 113, 136, 0.8); //图表\r\n//$theme_1_bg_red_1:#EB3F57;\r\n$theme_1_bg_blue_1:#3490CE;\r\n$theme_1_bg_blue_2:#407BB9;\r\n$theme_1_bg_red:#EB3F57;\r\n//边框色\r\n$theme_1_bd_white:#ffffff; //三角形\r\n$theme_1_bd_gray_1:#979797;\r\n$theme_1_bd_gray_2:#9C9C9C;\r\n$theme_1_bd_gray_3:#DADADA;\r\n$theme_1_bd_gray_4:#EAEAEA;\r\n$theme_1_bd_gray_5:#C5C5C9;\r\n$theme_1_bd_gray_6:#C4C4C4;\r\n$theme_1_bd_gray_7:#DCDCDC;\r\n$theme_1_bd_gray_8:#D5D5D5;\r\n$theme_1_bd_gray_9:#323232;\r\n$theme_1_bd_gray:#F2F2F2;\r\n$theme_1_bd_red_1:#EB3F57;\r\n\r\n\r\n\r\n// 主色调\r\n@mixin font_main() {\r\n color: $theme_1_main_color;\r\n\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_main_color;\r\n }\r\n}\r\n\r\n@mixin bg_main() {\r\n background-color: $theme_1_main_color;\r\n\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_main_color;\r\n }\r\n}\r\n\r\n// 字体色\r\n@mixin font_white() {\r\n color: $theme_1_font_white;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_white;\r\n }\r\n}\r\n\r\n@mixin font_black() {\r\n color: $theme_1_font_black;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_black;\r\n }\r\n}\r\n\r\n@mixin font_gray_1() {\r\n color: $theme_1_font_gray_1;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_gray_1;\r\n }\r\n}\r\n\r\n@mixin font_gray_2() {\r\n color: $theme_1_font_gray_2;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_gray_2;\r\n }\r\n}\r\n\r\n@mixin font_gray_3() {\r\n color: $theme_1_font_gray_3;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_gray_3;\r\n }\r\n}\r\n\r\n@mixin font_gray_content_1() {\r\n color: $theme_1_font_gray_content_1;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_gray_content_1;\r\n }\r\n}\r\n\r\n@mixin font_gray_content_2() {\r\n color: $theme_1_font_gray_content_2;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_gray_content_2;\r\n }\r\n}\r\n\r\n@mixin font_blue_btn_1() {\r\n color: $theme_1_font_blue_btn_1;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_blue_btn_1;\r\n }\r\n}\r\n\r\n@mixin font_red_icon_1() {\r\n color: $theme_1_font_red_icon_1;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_red_icon_1;\r\n }\r\n}\r\n\r\n@mixin font_green_icon_1() {\r\n color: $theme_1_font_green_icon_1;\r\n [data-theme=\"theme1\"] & {\r\n color: $theme_1_font_green_icon_1;\r\n }\r\n}\r\n\r\n// 背景色\r\n@mixin bg_white() {\r\n background-color: $theme_1_bg_white;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_white;\r\n }\r\n}\r\n\r\n@mixin bg_gray_main() {\r\n background-color: $theme_1_bg_gray_main;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_gray_main;\r\n }\r\n}\r\n\r\n@mixin bg_gray_second() {\r\n background-color: $theme_1_bg_gray_second;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_gray_second;\r\n }\r\n}\r\n\r\n@mixin bg_red() {\r\n background-color: $theme_1_bg_red;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_red;\r\n }\r\n}\r\n\r\n@mixin bg_gray_1() {\r\n background-color: $theme_1_bg_gray_1;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_gray_1;\r\n }\r\n}\r\n\r\n@mixin bg_gray_2() {\r\n background-color: $theme_1_bg_gray_2;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_gray_2;\r\n }\r\n}\r\n\r\n@mixin bg_gray_3() {\r\n background-color: $theme_1_bg_gray_3;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_gray_3;\r\n }\r\n}\r\n\r\n@mixin bg_gray_4() {\r\n background-color: $theme_1_bg_gray_4;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_gray_4;\r\n }\r\n}\r\n\r\n@mixin bg_gray_5() {\r\n background-color: $theme_1_bg_gray_5;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_gray_5;\r\n }\r\n}\r\n\r\n@mixin bg_gray_6() {\r\n background-color: $theme_1_bg_gray_6;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_gray_6;\r\n }\r\n}\r\n\r\n@mixin bg_gray_opacity_1() {\r\n background-color: $theme_1_bg_gray_opacity_1;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_gray_opacity_1;\r\n }\r\n}\r\n\r\n@mixin bg_blue_1() {\r\n background-color: $theme_1_bg_blue_1;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_blue_1;\r\n }\r\n}\r\n\r\n@mixin bg_blue_2() {\r\n background-color: $theme_1_bg_blue_2;\r\n [data-theme=\"theme1\"] & {\r\n background-color: $theme_1_bg_blue_2;\r\n }\r\n}\r\n\r\n//边框色\r\n@mixin border_white() {\r\n border-color: $theme_1_bd_white;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_white;\r\n }\r\n}\r\n\r\n@mixin border_gray() {\r\n border-color: $theme_1_bd_gray;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray;\r\n }\r\n}\r\n\r\n@mixin border_gray_1() {\r\n border-color: $theme_1_bd_gray_1;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray_1;\r\n }\r\n}\r\n\r\n@mixin border_gray_2() {\r\n border-color: $theme_1_bd_gray_2;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray_2;\r\n }\r\n}\r\n\r\n@mixin border_gray_3() {\r\n border-color: $theme_1_bd_gray_3;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray_3;\r\n }\r\n}\r\n\r\n@mixin border_gray_4() {\r\n border-color: $theme_1_bd_gray_4;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray_4;\r\n }\r\n}\r\n\r\n@mixin border_gray_5() {\r\n border-color: $theme_1_bd_gray_5;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray_5;\r\n }\r\n}\r\n\r\n@mixin border_gray_6() {\r\n border-color: $theme_1_bd_gray_6;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray_6;\r\n }\r\n}\r\n\r\n@mixin border_gray_7() {\r\n border-color: $theme_1_bd_gray_7;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray_7;\r\n }\r\n}\r\n\r\n@mixin border_gray_8() {\r\n border-color: $theme_1_bd_gray_8;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray_8;\r\n }\r\n}\r\n\r\n@mixin border_gray_9() {\r\n border-color: $theme_1_bd_gray_9;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_gray_9;\r\n }\r\n}\r\n\r\n@mixin border_red_1() {\r\n border-color: $theme_1_bd_red_1;\r\n [data-theme=\"theme1\"] & {\r\n border-color: $theme_1_bd_red_1;\r\n }\r\n}\r\n\r\n@mixin border_bottom_red_1() {\r\n border-bottom-color: $theme_1_bd_red_1;\r\n [data-theme=\"theme1\"] & {\r\n border-bottom-color: $theme_1_bd_red_1;\r\n }\r\n}\r\n@mixin border_bottom_white_1() {\r\n border-bottom-color: $theme_1_bd_white;\r\n [data-theme=\"theme1\"] & {\r\n border-bottom-color: $theme_1_bd_white;\r\n }\r\n}\r\n\r\n\r\n\r\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n#ib_activities {\n width: 100%;\n height: 100%;\n .main-content{\n width: 100%;\n height: calc(100% - 50px);\n @include bg_white();\n padding: 10px;\n box-sizing: border-box;\n .tab{\n width: 100%;\n height: calc(100% - 62px);\n overflow-y: auto;\n padding: 0 10px;\n box-sizing: border-box;\n }\n .active-box{\n border-bottom: 1px solid;\n @include border_gray();\n padding: 20px 0;\n display: flex;\n .img {\n width: 300px;\n max-height: 150px;\n overflow: hidden;\n padding-right: 20px;\n img{\n width: 100%;\n }\n }\n .content{\n flex: 1;\n text-align: left;\n .title{\n display: flex;\n justify-content: space-between;\n padding: 5px 0;\n .name{\n font-weight: bold;\n font-size: 16px;\n }\n .time{\n font-size: 12px;\n }\n }\n .des{\n font-size: 12px;\n padding: 10px 0 20px;\n }\n .bottom{\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n .btn{\n min-width: 100px;\n padding: 8px 10px;\n margin-right: 10px;\n text-align: center;\n @include font_white();\n font-size: 14px;\n }\n .btn.check{\n border: 1px solid;\n @include font_gray_content_1();\n }\n .btn.red{\n @include bg_red();\n }\n .btn.gray{\n @include bg_gray_second();\n }\n .btn.black{\n @include bg_gray_second();\n }\n .info{\n flex: 1;\n font-size: 12px;\n display: flex;\n justify-content: space-between;\n margin: 20px 0;\n .account, .date{\n min-width: 120px;\n }\n }\n }\n }\n }\n }\n}\n"]}