Skip to content

R
rym-element-ui
Commit c8da1460 by 姜雷
Options

修改菜单中图标组件

parent 6465e18a
Showing with 199 additions and 73 deletions
examples/route.js
......@@ -4,6 +4,7 @@ import Home from './containers/Home.vue';
import DatePicker from './containers/DatePicker.vue';
import SearchItem from './containers/SearchItem.vue';
import Pagination from './containers/Pagination.vue';
import layoutIcon from '../src/assets/images/menu/home.png';
Vue.use(Router);
......@@ -25,7 +26,7 @@ export const routerMap = [
{
path: '/layout',
name: 'layout',
meta: { title: '列表布局' },
meta: { title: '列表布局', icon: layoutIcon },
component: { render: h => <router-view /> },
children: [
{
......
lib/rymUi.common.js
......@@ -2399,6 +2399,13 @@ module.exports = __webpack_require__("9e1e") ? function (object, key, value) {
/***/ }),
/***/ "34d1":
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "35e8":
/***/ (function(module, exports, __webpack_require__) {
......@@ -10025,6 +10032,17 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
/***/ }),
/***/ "9166":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImgIcon_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("34d1");
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImgIcon_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImgIcon_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImgIcon_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/***/ "9b43":
/***/ (function(module, exports, __webpack_require__) {
......@@ -18132,12 +18150,12 @@ var lib_option_default = /*#__PURE__*/__webpack_require__.n(lib_option);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7f7f");
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/Layout/Layout.vue?vue&type=template&id=14a57b08&
var Layoutvue_type_template_id_14a57b08_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"app-wrapper"},[_vm._m(0),_c('div',{staticClass:"body-container"},[_c('div',{staticClass:"sidebar-container"},[_vm._t("nav")],2),_c('div',{staticClass:"main-container"},[_vm._t("default")],2)])])}
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/Layout/Layout.vue?vue&type=template&id=f70ab44c&
var Layoutvue_type_template_id_f70ab44c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"app-wrapper"},[_vm._m(0),_c('div',{staticClass:"body-container"},[_vm._t("nav"),_c('div',{staticClass:"main-container"},[_vm._t("default")],2)],2)])}
var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"topTitle"},[_c('div',{staticClass:"com-logo"},[_c('img',{attrs:{"src":__webpack_require__("9d64"),"alt":"logo"}})]),_c('h1',{staticClass:"com-title"},[_vm._v("后台管理系统")])])}]
// CONCATENATED MODULE: ./src/components/Layout/Layout.vue?vue&type=template&id=14a57b08&
// CONCATENATED MODULE: ./src/components/Layout/Layout.vue?vue&type=template&id=f70ab44c&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Layout/Layout.vue?vue&type=script&lang=js&
//
......@@ -18161,8 +18179,6 @@ var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _
//
//
//
//
//
/* harmony default export */ var Layoutvue_type_script_lang_js_ = ({
name: "app-layout",
computed: {
......@@ -18282,7 +18298,7 @@ function normalizeComponent (
var component = normalizeComponent(
Layout_Layoutvue_type_script_lang_js_,
Layoutvue_type_template_id_14a57b08_render,
Layoutvue_type_template_id_f70ab44c_render,
staticRenderFns,
false,
null,
......@@ -18364,12 +18380,12 @@ ListLayout.install = function (Vue) {
};
/* harmony default export */ var components_ListLayout = (ListLayout);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/Sidebar/Sidebar.vue?vue&type=template&id=3448c733&
var Sidebarvue_type_template_id_3448c733_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('scroll-bar',{staticClass:"navbar"},[_c('el-menu',{ref:"menu",attrs:{"mode":"vertical","default-active":_vm.$route.path,"unique-opened":"","background-color":"transparent","text-color":"#a9c2fb","active-text-color":"#fff"}},[_c('sidebar-item',{attrs:{"routes":_vm.routers}})],1)],1)}
var Sidebarvue_type_template_id_3448c733_staticRenderFns = []
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/Sidebar/Sidebar.vue?vue&type=template&id=4ef1094b&
var Sidebarvue_type_template_id_4ef1094b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"sidebar-container"},[_c('scroll-bar',[_c('el-menu',{ref:"menu",attrs:{"mode":"vertical","default-active":_vm.$route.path,"unique-opened":"","background-color":"transparent","text-color":"#a9c2fb","active-text-color":"#fff"}},[_c('sidebar-item',{attrs:{"routes":_vm.routers}})],1)],1)],1)}
var Sidebarvue_type_template_id_4ef1094b_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/Sidebar/Sidebar.vue?vue&type=template&id=3448c733&
// CONCATENATED MODULE: ./src/components/Sidebar/Sidebar.vue?vue&type=template&id=4ef1094b&
// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/menu-item.css
var menu_item = __webpack_require__("8bd8");
......@@ -18575,6 +18591,55 @@ var ScrollBar_component = normalizeComponent(
ScrollBar_component.options.__file = "index.vue"
/* harmony default export */ var ScrollBar = (ScrollBar_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/ImgIcon/ImgIcon.vue?vue&type=template&id=536a8008&
var ImgIconvue_type_template_id_536a8008_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"img-icon"},[_c('img',{attrs:{"src":_vm.iconName}})])}
var ImgIconvue_type_template_id_536a8008_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/ImgIcon/ImgIcon.vue?vue&type=template&id=536a8008&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImgIcon/ImgIcon.vue?vue&type=script&lang=js&
//
//
//
//
//
//
/* harmony default export */ var ImgIconvue_type_script_lang_js_ = ({
name: "img-icon",
props: {
iconName: {
type: String
}
}
});
// CONCATENATED MODULE: ./src/components/ImgIcon/ImgIcon.vue?vue&type=script&lang=js&
/* harmony default export */ var ImgIcon_ImgIconvue_type_script_lang_js_ = (ImgIconvue_type_script_lang_js_);
// EXTERNAL MODULE: ./src/components/ImgIcon/ImgIcon.vue?vue&type=style&index=0&lang=scss&
var ImgIconvue_type_style_index_0_lang_scss_ = __webpack_require__("9166");
// CONCATENATED MODULE: ./src/components/ImgIcon/ImgIcon.vue
/* normalize component */
var ImgIcon_component = normalizeComponent(
ImgIcon_ImgIconvue_type_script_lang_js_,
ImgIconvue_type_template_id_536a8008_render,
ImgIconvue_type_template_id_536a8008_staticRenderFns,
false,
null,
null,
null
)
ImgIcon_component.options.__file = "ImgIcon.vue"
/* harmony default export */ var ImgIcon = (ImgIcon_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sidebar/Sidebar.vue?vue&type=script&lang=js&
......@@ -18602,13 +18667,17 @@ ScrollBar_component.options.__file = "index.vue"
//
//
//
//
//
// import { constantRouterMap } from "../../../../router/index.js";
// import { constantRouterMap } from "../../../../router/index.js";
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(lib_menu_default.a.name, lib_menu_default.a);
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(lib_submenu_default.a.name, lib_submenu_default.a);
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(lib_menu_item_default.a.name, lib_menu_item_default.a);
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(ImgIcon.name, ImgIcon);
/* harmony default export */ var Sidebarvue_type_script_lang_js_ = ({
name: "sidebar-nav",
components: {
......@@ -18652,8 +18721,8 @@ var Sidebarvue_type_style_index_0_lang_scss_ = __webpack_require__("7148");
var Sidebar_component = normalizeComponent(
Sidebar_Sidebarvue_type_script_lang_js_,
Sidebarvue_type_template_id_3448c733_render,
Sidebarvue_type_template_id_3448c733_staticRenderFns,
Sidebarvue_type_template_id_4ef1094b_render,
Sidebarvue_type_template_id_4ef1094b_staticRenderFns,
false,
null,
null,
......
lib/rymUi.common.js.map
This source diff could not be displayed because it is too large. You can view the blob instead.
lib/rymUi.css
This source diff could not be displayed because it is too large. You can view the blob instead.
lib/rymUi.umd.js
......@@ -2408,6 +2408,13 @@ module.exports = __webpack_require__("9e1e") ? function (object, key, value) {
/***/ }),
/***/ "34d1":
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "35e8":
/***/ (function(module, exports, __webpack_require__) {
......@@ -10034,6 +10041,17 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
/***/ }),
/***/ "9166":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImgIcon_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("34d1");
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImgIcon_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImgIcon_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImgIcon_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/***/ "9b43":
/***/ (function(module, exports, __webpack_require__) {
......@@ -18141,12 +18159,12 @@ var lib_option_default = /*#__PURE__*/__webpack_require__.n(lib_option);
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7f7f");
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/Layout/Layout.vue?vue&type=template&id=14a57b08&
var Layoutvue_type_template_id_14a57b08_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"app-wrapper"},[_vm._m(0),_c('div',{staticClass:"body-container"},[_c('div',{staticClass:"sidebar-container"},[_vm._t("nav")],2),_c('div',{staticClass:"main-container"},[_vm._t("default")],2)])])}
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/Layout/Layout.vue?vue&type=template&id=f70ab44c&
var Layoutvue_type_template_id_f70ab44c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"app-wrapper"},[_vm._m(0),_c('div',{staticClass:"body-container"},[_vm._t("nav"),_c('div',{staticClass:"main-container"},[_vm._t("default")],2)],2)])}
var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"topTitle"},[_c('div',{staticClass:"com-logo"},[_c('img',{attrs:{"src":__webpack_require__("9d64"),"alt":"logo"}})]),_c('h1',{staticClass:"com-title"},[_vm._v("后台管理系统")])])}]
// CONCATENATED MODULE: ./src/components/Layout/Layout.vue?vue&type=template&id=14a57b08&
// CONCATENATED MODULE: ./src/components/Layout/Layout.vue?vue&type=template&id=f70ab44c&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Layout/Layout.vue?vue&type=script&lang=js&
//
......@@ -18170,8 +18188,6 @@ var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _
//
//
//
//
//
/* harmony default export */ var Layoutvue_type_script_lang_js_ = ({
name: "app-layout",
computed: {
......@@ -18291,7 +18307,7 @@ function normalizeComponent (
var component = normalizeComponent(
Layout_Layoutvue_type_script_lang_js_,
Layoutvue_type_template_id_14a57b08_render,
Layoutvue_type_template_id_f70ab44c_render,
staticRenderFns,
false,
null,
......@@ -18373,12 +18389,12 @@ ListLayout.install = function (Vue) {
};
/* harmony default export */ var components_ListLayout = (ListLayout);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/Sidebar/Sidebar.vue?vue&type=template&id=3448c733&
var Sidebarvue_type_template_id_3448c733_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('scroll-bar',{staticClass:"navbar"},[_c('el-menu',{ref:"menu",attrs:{"mode":"vertical","default-active":_vm.$route.path,"unique-opened":"","background-color":"transparent","text-color":"#a9c2fb","active-text-color":"#fff"}},[_c('sidebar-item',{attrs:{"routes":_vm.routers}})],1)],1)}
var Sidebarvue_type_template_id_3448c733_staticRenderFns = []
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/Sidebar/Sidebar.vue?vue&type=template&id=4ef1094b&
var Sidebarvue_type_template_id_4ef1094b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"sidebar-container"},[_c('scroll-bar',[_c('el-menu',{ref:"menu",attrs:{"mode":"vertical","default-active":_vm.$route.path,"unique-opened":"","background-color":"transparent","text-color":"#a9c2fb","active-text-color":"#fff"}},[_c('sidebar-item',{attrs:{"routes":_vm.routers}})],1)],1)],1)}
var Sidebarvue_type_template_id_4ef1094b_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/Sidebar/Sidebar.vue?vue&type=template&id=3448c733&
// CONCATENATED MODULE: ./src/components/Sidebar/Sidebar.vue?vue&type=template&id=4ef1094b&
// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/menu-item.css
var menu_item = __webpack_require__("8bd8");
......@@ -18584,6 +18600,55 @@ var ScrollBar_component = normalizeComponent(
ScrollBar_component.options.__file = "index.vue"
/* harmony default export */ var ScrollBar = (ScrollBar_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules//.cache//vue-loader","cacheIdentifier":"157995c4-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/components/ImgIcon/ImgIcon.vue?vue&type=template&id=536a8008&
var ImgIconvue_type_template_id_536a8008_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"img-icon"},[_c('img',{attrs:{"src":_vm.iconName}})])}
var ImgIconvue_type_template_id_536a8008_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/ImgIcon/ImgIcon.vue?vue&type=template&id=536a8008&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImgIcon/ImgIcon.vue?vue&type=script&lang=js&
//
//
//
//
//
//
/* harmony default export */ var ImgIconvue_type_script_lang_js_ = ({
name: "img-icon",
props: {
iconName: {
type: String
}
}
});
// CONCATENATED MODULE: ./src/components/ImgIcon/ImgIcon.vue?vue&type=script&lang=js&
/* harmony default export */ var ImgIcon_ImgIconvue_type_script_lang_js_ = (ImgIconvue_type_script_lang_js_);
// EXTERNAL MODULE: ./src/components/ImgIcon/ImgIcon.vue?vue&type=style&index=0&lang=scss&
var ImgIconvue_type_style_index_0_lang_scss_ = __webpack_require__("9166");
// CONCATENATED MODULE: ./src/components/ImgIcon/ImgIcon.vue
/* normalize component */
var ImgIcon_component = normalizeComponent(
ImgIcon_ImgIconvue_type_script_lang_js_,
ImgIconvue_type_template_id_536a8008_render,
ImgIconvue_type_template_id_536a8008_staticRenderFns,
false,
null,
null,
null
)
ImgIcon_component.options.__file = "ImgIcon.vue"
/* harmony default export */ var ImgIcon = (ImgIcon_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sidebar/Sidebar.vue?vue&type=script&lang=js&
......@@ -18611,13 +18676,17 @@ ScrollBar_component.options.__file = "index.vue"
//
//
//
//
//
// import { constantRouterMap } from "../../../../router/index.js";
// import { constantRouterMap } from "../../../../router/index.js";
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(lib_menu_default.a.name, lib_menu_default.a);
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(lib_submenu_default.a.name, lib_submenu_default.a);
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(lib_menu_item_default.a.name, lib_menu_item_default.a);
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(ImgIcon.name, ImgIcon);
/* harmony default export */ var Sidebarvue_type_script_lang_js_ = ({
name: "sidebar-nav",
components: {
......@@ -18661,8 +18730,8 @@ var Sidebarvue_type_style_index_0_lang_scss_ = __webpack_require__("7148");
var Sidebar_component = normalizeComponent(
Sidebar_Sidebarvue_type_script_lang_js_,
Sidebarvue_type_template_id_3448c733_render,
Sidebarvue_type_template_id_3448c733_staticRenderFns,
Sidebarvue_type_template_id_4ef1094b_render,
Sidebarvue_type_template_id_4ef1094b_staticRenderFns,
false,
null,
null,
......
lib/rymUi.umd.js.map
This source diff could not be displayed because it is too large. You can view the blob instead.
lib/rymUi.umd.min.js
This source diff could not be displayed because it is too large. You can view the blob instead.
lib/rymUi.umd.min.js.map
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
{
"name": "rym-element-ui",
"version": "0.1.7",
"version": "0.1.8",
"description": "任意门组件库",
"main": "lib/rymUi.common.js",
"scripts": {
......
src/assets/styles/variables.scss
// media min-width
$bigScreenWidth: 1600px;
//sidebar
$sideBar-width: 132px;
$sideBar-width: 112px;
$menuBg: #477cfa;
$subMenuBg: #306bf6;
$menuHover: #1459fc;
......
src/components/ImgIcon/ImgIcon.vue
<template>
<div class="img-icon">
<img :src="`/static/menu/${iconName}.png`" />
<img :src="iconName" />
</div>
</template>
<script>
export default {
name: 'img-icon',
name: "img-icon",
props: {
iconName: {
type: String,
},
},
type: String
}
}
};
</script>
......@@ -20,5 +20,10 @@ export default {
width: 20px;
height: 20px;
overflow: hidden;
img {
display: block;
width: 100%;
height: 100%;
}
}
</style>
src/components/Layout/Layout.vue
......@@ -11,9 +11,7 @@
</div>
<div class="body-container">
<div class="sidebar-container">
<slot name="nav"></slot>
</div>
<slot name="nav"></slot>
<div class="main-container">
<slot></slot>
</div>
......@@ -83,13 +81,6 @@ body,
display: flex;
height: calc(100vh - #{$topBar-height});
}
.sidebar-container {
transition: width 0.28s;
width: $sideBar-width;
height: 100%;
z-index: 1001;
overflow: hidden;
}
// 主体区域
.main-container {
flex: 1;
......@@ -99,10 +90,6 @@ body,
transition: margin-left 0.28s;
background-color: #eee;
// main-container全局样式
.app-main {
width: calc(100vw - #{$sideBar-width});
height: calc(100vh - #{$topBar-height} - 30px);
}
.main-wrap {
width: 100%;
height: 100%;
......@@ -170,9 +157,6 @@ body,
.body-container {
height: calc(100vh - #{$topBar-height});
}
.sidebar-container {
width: $sideBar-width;
}
.main-container {
height: calc(100vh - #{$topBar-height});
.main-wrap {
......
src/components/Sidebar/Sidebar.vue
<template>
<scroll-bar class="navbar">
<el-menu
mode="vertical"
:default-active="$route.path"
unique-opened
background-color="transparent"
text-color="#a9c2fb"
active-text-color="#fff"
ref="menu"
>
<sidebar-item :routes="routers"></sidebar-item>
</el-menu>
</scroll-bar>
<div class="sidebar-container">
<scroll-bar>
<el-menu
mode="vertical"
:default-active="$route.path"
unique-opened
background-color="transparent"
text-color="#a9c2fb"
active-text-color="#fff"
ref="menu"
>
<sidebar-item :routes="routers"></sidebar-item>
</el-menu>
</scroll-bar>
</div>
</template>
<script>
......@@ -19,10 +21,12 @@ import Vue from "vue";
import SidebarItem from "./SidebarItem";
import ScrollBar from "@/components/ScrollBar";
import { Menu, MenuItem, Submenu } from "element-ui";
import ImgIcon from "../ImgIcon/ImgIcon";
// import { constantRouterMap } from "../../../../router/index.js";
Vue.component(Menu.name, Menu);
Vue.component(Submenu.name, Submenu);
Vue.component(MenuItem.name, MenuItem);
Vue.component(ImgIcon.name, ImgIcon);
export default {
name: "sidebar-nav",
......@@ -55,7 +59,7 @@ export default {
<style lang="scss">
@import "../../assets/styles/variables.scss";
.navbar {
.sidebar-container {
transition: width 0.28s;
width: $sideBar-width;
height: 100%;
......@@ -113,7 +117,6 @@ export default {
position: absolute;
right: -145px;
text-align: left;
text-indent: 20px;
top: 0px;
background-color: $subMenuBg !important;
opacity: 1;
......@@ -149,6 +152,7 @@ export default {
font-size: 12px;
}
.el-menu-item {
text-align: left;
&:hover {
background-color: $menuHover !important;
}
......@@ -209,7 +213,6 @@ export default {
}
.el-menu-item {
text-align: left;
text-indent: 20px;
}
&.is-opened {
.el-submenu__title {
......@@ -225,7 +228,7 @@ export default {
@media screen and (min-width: $bigScreenWidth) {
$sideBar-width: 132px;
.navbar {
.sidebar-container {
width: $sideBar-width;
.img-icon {
width: 16px;
......@@ -250,11 +253,6 @@ export default {
width: $sideBar-width;
min-width: $sideBar-width;
}
.el-submenu {
.el-menu-item {
text-indent: 25px;
}
}
}
}
</style>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment