(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[12],{ /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/system/adsort/index.vue?vue&type=script&lang=js&": /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/system/adsort/index.vue?vue&type=script&lang=js& ***! \***********************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.map */ \"./node_modules/core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _usr_local_develop_php_www_waibao_NN2024010801_NN2024010801_addons_admin_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2 */ \"./node_modules/@babel/runtime/helpers/esm/objectSpread2.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"SysAdSort\",\n data: function data() {\n return {\n table: {\n url: '/adsort/index',\n where: {}\n },\n // 表格配置\n choose: [],\n // 表格选中数据\n showEdit: false,\n // 是否显示表单弹窗\n editForm: {},\n // 表单数据\n editRules: {\n // 表单验证规则\n name: [{\n required: true,\n message: '请输入广告位名称',\n trigger: 'blur'\n }],\n description: [{\n required: true,\n message: '请输入广告位描述',\n trigger: 'blur'\n }],\n loc_id: [{\n required: true,\n message: '请输入广告位位置',\n trigger: 'blur'\n }],\n platform: [{\n required: true,\n message: '请选择广告位平台',\n trigger: 'blur'\n }],\n sort: [{\n required: true,\n message: '请输入排序',\n trigger: 'blur'\n }]\n }\n };\n },\n computed: Object(_usr_local_develop_php_www_waibao_NN2024010801_NN2024010801_addons_admin_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}, Object(vuex__WEBPACK_IMPORTED_MODULE_2__[\"mapGetters\"])([\"permission\"])),\n mounted: function mounted() {},\n methods: {\n /* 显示编辑 */\n edit: function edit(row) {\n this.editForm = Object.assign({}, row);\n this.showEdit = true;\n },\n\n /* 保存编辑 */\n save: function save() {\n var _this = this;\n\n this.$refs['editForm'].validate(function (valid) {\n if (valid) {\n var loading = _this.$loading({\n lock: true\n });\n\n _this.$http.post('/adsort/edit', _this.editForm).then(function (res) {\n loading.close();\n\n if (res.data.code === 0) {\n _this.showEdit = false;\n\n _this.$message({\n type: 'success',\n message: res.data.msg\n });\n\n _this.$refs.table.reload();\n } else {\n _this.$message.error(res.data.msg);\n }\n }).catch(function (e) {\n loading.close();\n\n _this.$message.error(e.message);\n });\n } else {\n return false;\n }\n });\n },\n\n /* 删除 */\n remove: function remove(row) {\n var _this2 = this;\n\n if (!row) {\n // 批量删除\n if (this.choose.length === 0) return this.$message.error('请至少选择一条数据');\n var ids = this.choose.map(function (d) {\n return d.id;\n });\n this.$confirm('确定要删除选中的广告位吗?', '提示', {\n type: 'warning'\n }).then(function () {\n var loading = _this2.$loading({\n lock: true\n });\n\n _this2.$http.post('/adsort/delete', {\n id: ids\n }).then(function (res) {\n loading.close();\n\n if (res.data.code === 0) {\n _this2.$message({\n type: 'success',\n message: res.data.msg\n });\n\n _this2.$refs.table.reload();\n } else {\n _this2.$message.error(res.data.msg);\n }\n }).catch(function (e) {\n loading.close();\n\n _this2.$message.error(e.message);\n });\n }).catch(function () {\n return 0;\n });\n } else {\n // 单个删除\n var loading = this.$loading({\n lock: true\n });\n this.$http.post('/adsort/delete', {\n id: row.id\n }).then(function (res) {\n loading.close();\n\n if (res.data.code === 0) {\n _this2.$message({\n type: 'success',\n message: res.data.msg\n });\n\n _this2.$refs.table.reload();\n } else {\n _this2.$message.error(res.data.msg);\n }\n }).catch(function (e) {\n loading.close();\n\n _this2.$message.error(e.message);\n });\n }\n }\n }\n});\n\n//# sourceURL=webpack:///./src/views/system/adsort/index.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"38fccce7-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/system/adsort/index.vue?vue&type=template&id=4e48253a&scoped=true&": /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38fccce7-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/system/adsort/index.vue?vue&type=template&id=4e48253a&scoped=true& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"ele-body\" },\n [\n _c(\n \"el-card\",\n { attrs: { shadow: \"never\" } },\n [\n _c(\n \"el-form\",\n {\n staticClass: \"ele-form-search\",\n attrs: { model: _vm.table.where, \"label-width\": \"90px\" },\n nativeOn: {\n keyup: function($event) {\n if (\n !$event.type.indexOf(\"key\") &&\n _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")\n ) {\n return null\n }\n return _vm.$refs.table.reload()\n },\n submit: function($event) {\n $event.preventDefault()\n }\n }\n },\n [\n _c(\n \"el-row\",\n { attrs: { gutter: 15 } },\n [\n _c(\n \"el-col\",\n { attrs: { md: 6, sm: 12 } },\n [\n _c(\n \"el-form-item\",\n { attrs: { label: \"广告位名称:\" } },\n [\n _c(\"el-input\", {\n attrs: {\n placeholder: \"请输入广告位名称\",\n clearable: \"\"\n },\n model: {\n value: _vm.table.where.name,\n callback: function($$v) {\n _vm.$set(_vm.table.where, \"name\", $$v)\n },\n expression: \"table.where.name\"\n }\n })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\"el-col\", { attrs: { md: 6, sm: 12 } }, [\n _c(\n \"div\",\n { staticClass: \"ele-form-actions\" },\n [\n _c(\n \"el-button\",\n {\n staticClass: \"ele-btn-icon\",\n attrs: { type: \"primary\", icon: \"el-icon-search\" },\n on: {\n click: function($event) {\n return _vm.$refs.table.reload()\n }\n }\n },\n [_vm._v(\"查询 \")]\n ),\n _c(\n \"el-button\",\n {\n on: {\n click: function($event) {\n ;(_vm.table.where = {}) &&\n _vm.$refs.table.reload()\n }\n }\n },\n [_vm._v(\"重置\")]\n )\n ],\n 1\n )\n ])\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"ele-table-tool ele-table-tool-default\" },\n [\n _vm.permission.includes(\"sys:adsort:add\")\n ? _c(\n \"el-button\",\n {\n staticClass: \"ele-btn-icon\",\n attrs: {\n type: \"primary\",\n icon: \"el-icon-plus\",\n size: \"small\"\n },\n on: {\n click: function($event) {\n _vm.showEdit = true\n }\n }\n },\n [_vm._v(\"添加 \")]\n )\n : _vm._e(),\n _vm.permission.includes(\"sys:adsort:dall\")\n ? _c(\n \"el-button\",\n {\n staticClass: \"ele-btn-icon\",\n attrs: {\n type: \"danger\",\n icon: \"el-icon-delete\",\n size: \"small\"\n },\n on: {\n click: function($event) {\n return _vm.remove()\n }\n }\n },\n [_vm._v(\"批量删除 \")]\n )\n : _vm._e()\n ],\n 1\n ),\n _c(\"ele-data-table\", {\n ref: \"table\",\n attrs: {\n config: _vm.table,\n choose: _vm.choose,\n height: \"calc(100vh - 315px)\",\n \"highlight-current-row\": \"\"\n },\n on: {\n \"update:choose\": function($event) {\n _vm.choose = $event\n }\n },\n scopedSlots: _vm._u([\n {\n key: \"default\",\n fn: function(ref) {\n var index = ref.index\n return [\n _c(\"el-table-column\", {\n attrs: {\n type: \"selection\",\n width: \"45\",\n align: \"center\",\n fixed: \"left\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n type: \"index\",\n index: index,\n label: \"编号\",\n width: \"60\",\n align: \"center\",\n fixed: \"left\",\n \"show-overflow-tooltip\": \"\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n prop: \"name\",\n label: \"广告位名称\",\n sortable: \"custom\",\n \"show-overflow-tooltip\": \"\",\n \"min-width\": \"200\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n label: \"广告位描述\",\n \"show-overflow-tooltip\": \"\",\n \"min-width\": \"250\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var row = ref.row\n return [\n _vm._v(\n _vm._s(row.description) +\n \" => \" +\n _vm._s(row.loc_id)\n )\n ]\n }\n }\n ],\n null,\n true\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n prop: \"item_cate_name\",\n label: \"所属栏目\",\n \"show-overflow-tooltip\": \"\",\n \"min-width\": \"200\",\n align: \"center\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n label: \"广告位平台\",\n \"min-width\": \"100\",\n align: \"center\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var row = ref.row\n return [\n _c(\n \"el-tag\",\n {\n attrs: {\n type: [\n \"\",\n \"primary\",\n \"success\",\n \"warning\"\n ][row.platform - 1],\n size: \"mini\"\n }\n },\n [\n _vm._v(\n _vm._s(\n [\n \"PC站\",\n \"WAP站\",\n \"微信小程序\",\n \"APP应用\"\n ][row.platform - 1]\n )\n )\n ]\n )\n ]\n }\n }\n ],\n null,\n true\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n prop: \"sort\",\n label: \"排序\",\n sortable: \"custom\",\n \"show-overflow-tooltip\": \"\",\n align: \"center\",\n \"min-width\": \"100\"\n }\n }),\n _c(\"el-table-column\", {\n attrs: {\n label: \"创建时间\",\n sortable: \"custom\",\n \"show-overflow-tooltip\": \"\",\n align: \"center\",\n \"min-width\": \"160\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var row = ref.row\n return [\n _vm._v(\n _vm._s(\n _vm._f(\"toDateString\")(row.create_time)\n )\n )\n ]\n }\n }\n ],\n null,\n true\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n label: \"更新时间\",\n sortable: \"custom\",\n \"show-overflow-tooltip\": \"\",\n align: \"center\",\n \"min-width\": \"160\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var row = ref.row\n return [\n _vm._v(\n _vm._s(\n _vm._f(\"toDateString\")(row.update_time)\n )\n )\n ]\n }\n }\n ],\n null,\n true\n )\n }),\n _c(\"el-table-column\", {\n attrs: {\n label: \"操作\",\n width: \"130px\",\n align: \"center\",\n resizable: false,\n fixed: \"right\"\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var row = ref.row\n return [\n _vm.permission.includes(\"sys:adsort:edit\")\n ? _c(\n \"el-link\",\n {\n attrs: {\n icon: \"el-icon-edit\",\n type: \"primary\",\n underline: false\n },\n on: {\n click: function($event) {\n return _vm.edit(row)\n }\n }\n },\n [_vm._v(\"修改\")]\n )\n : _vm._e(),\n _c(\n \"el-popconfirm\",\n {\n staticClass: \"ele-action\",\n attrs: { title: \"确定要删除此广告位吗？\" },\n on: {\n confirm: function($event) {\n return _vm.remove(row)\n }\n }\n },\n [\n _vm.permission.includes(\"sys:adsort:delete\")\n ? _c(\n \"el-link\",\n {\n attrs: {\n slot: \"reference\",\n icon: \"el-icon-delete\",\n type: \"danger\",\n underline: false\n },\n slot: \"reference\"\n },\n [_vm._v(\"删除\")]\n )\n : _vm._e()\n ],\n 1\n )\n ]\n }\n }\n ],\n null,\n true\n )\n })\n ]\n }\n }\n ])\n })\n ],\n 1\n ),\n _c(\n \"el-dialog\",\n {\n attrs: {\n title: _vm.editForm.id ? \"修改广告位\" : \"修改广告位\",\n visible: _vm.showEdit,\n width: \"400px\",\n \"destroy-on-close\": true,\n \"lock-scroll\": false\n },\n on: {\n \"update:visible\": function($event) {\n _vm.showEdit = $event\n },\n closed: function($event) {\n _vm.editForm = {}\n }\n }\n },\n [\n _c(\n \"el-form\",\n {\n ref: \"editForm\",\n attrs: {\n model: _vm.editForm,\n rules: _vm.editRules,\n \"label-width\": \"100px\"\n }\n },\n [\n _c(\n \"el-form-item\",\n { attrs: { label: \"广告位名称:\", prop: \"name\" } },\n [\n _c(\"el-input\", {\n attrs: { placeholder: \"请输入广告位名称\", clearable: \"\" },\n model: {\n value: _vm.editForm.name,\n callback: function($$v) {\n _vm.$set(_vm.editForm, \"name\", $$v)\n },\n expression: \"editForm.name\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"广告位描述:\", prop: \"description\" } },\n [\n _c(\"el-input\", {\n attrs: { placeholder: \"请输入广告位描述\", clearable: \"\" },\n model: {\n value: _vm.editForm.description,\n callback: function($$v) {\n _vm.$set(_vm.editForm, \"description\", $$v)\n },\n expression: \"editForm.description\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"广告位位置:\", prop: \"loc_id\" } },\n [\n _c(\"el-input\", {\n attrs: { placeholder: \"请输入广告位描述\", clearable: \"\" },\n model: {\n value: _vm.editForm.loc_id,\n callback: function($$v) {\n _vm.$set(_vm.editForm, \"loc_id\", $$v)\n },\n expression: \"editForm.loc_id\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"广告位平台:\", prop: \"platform\" } },\n [\n _c(\n \"el-select\",\n {\n staticClass: \"ele-block\",\n attrs: { placeholder: \"请选择广告位平台\", clearable: \"\" },\n model: {\n value: _vm.editForm.platform,\n callback: function($$v) {\n _vm.$set(_vm.editForm, \"platform\", $$v)\n },\n expression: \"editForm.platform\"\n }\n },\n [\n _c(\"el-option\", { attrs: { label: \"PC站\", value: 1 } }),\n _c(\"el-option\", { attrs: { label: \"WAP站\", value: 2 } }),\n _c(\"el-option\", {\n attrs: { label: \"微信小程序\", value: 3 }\n }),\n _c(\"el-option\", { attrs: { label: \"APP应用\", value: 4 } })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"排序号:\", prop: \"sort\" } },\n [\n _c(\"el-input-number\", {\n staticClass: \"ele-fluid ele-text-left\",\n attrs: {\n \"controls-position\": \"right\",\n min: 0,\n placeholder: \"请输入排序号\"\n },\n model: {\n value: _vm.editForm.sort,\n callback: function($$v) {\n _vm.$set(_vm.editForm, \"sort\", $$v)\n },\n expression: \"editForm.sort\"\n }\n })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"div\",\n { attrs: { slot: \"footer\" }, slot: \"footer\" },\n [\n _c(\n \"el-button\",\n {\n on: {\n click: function($event) {\n _vm.showEdit = false\n }\n }\n },\n [_vm._v(\"取消\")]\n ),\n _c(\n \"el-button\",\n { attrs: { type: \"primary\" }, on: { click: _vm.save } },\n [_vm._v(\"保存\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/views/system/adsort/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2238fccce7-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/system/adsort/index.vue?vue&type=style&index=0&id=4e48253a&scoped=true&lang=css&": /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/system/adsort/index.vue?vue&type=style&index=0&id=4e48253a&scoped=true&lang=css& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n.ele-block[data-v-4e48253a] .el-upload, .ele-block[data-v-4e48253a] .el-upload-dragger {\\r\\n width: 100%;\\n}\\r\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/views/system/adsort/index.vue?./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/system/adsort/index.vue?vue&type=style&index=0&id=4e48253a&scoped=true&lang=css&": /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-style-loader??ref--6-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/system/adsort/index.vue?vue&type=style&index=0&id=4e48253a&scoped=true&lang=css& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// style-loader: Adds some css to the DOM by adding a