diff --git a/src/assets/images/leveladd/add.png b/src/assets/images/leveladd/add.png new file mode 100644 index 00000000..aecfb63e Binary files /dev/null and b/src/assets/images/leveladd/add.png differ diff --git a/src/assets/images/leveladd/an.png b/src/assets/images/leveladd/an.png new file mode 100644 index 00000000..722e73e2 Binary files /dev/null and b/src/assets/images/leveladd/an.png differ diff --git a/src/assets/images/leveladd/ce.png b/src/assets/images/leveladd/ce.png new file mode 100644 index 00000000..9f058e9c Binary files /dev/null and b/src/assets/images/leveladd/ce.png differ diff --git a/src/assets/images/leveladd/diao.png b/src/assets/images/leveladd/diao.png new file mode 100644 index 00000000..ef4afd06 Binary files /dev/null and b/src/assets/images/leveladd/diao.png differ diff --git a/src/assets/images/leveladd/gan.png b/src/assets/images/leveladd/gan.png new file mode 100644 index 00000000..f8442bb0 Binary files /dev/null and b/src/assets/images/leveladd/gan.png differ diff --git a/src/assets/images/leveladd/huo.png b/src/assets/images/leveladd/huo.png new file mode 100644 index 00000000..2312463d Binary files /dev/null and b/src/assets/images/leveladd/huo.png differ diff --git a/src/assets/images/leveladd/kao.png b/src/assets/images/leveladd/kao.png new file mode 100644 index 00000000..fe88f8fe Binary files /dev/null and b/src/assets/images/leveladd/kao.png differ diff --git a/src/assets/images/leveladd/mian.png b/src/assets/images/leveladd/mian.png new file mode 100644 index 00000000..8a91ac6f Binary files /dev/null and b/src/assets/images/leveladd/mian.png differ diff --git a/src/assets/images/leveladd/tao.png b/src/assets/images/leveladd/tao.png new file mode 100644 index 00000000..843cebf9 Binary files /dev/null and b/src/assets/images/leveladd/tao.png differ diff --git a/src/assets/images/leveladd/tou.png b/src/assets/images/leveladd/tou.png new file mode 100644 index 00000000..fb8c033c Binary files /dev/null and b/src/assets/images/leveladd/tou.png differ diff --git a/src/assets/images/leveladd/wai.png b/src/assets/images/leveladd/wai.png new file mode 100644 index 00000000..18dbe64d Binary files /dev/null and b/src/assets/images/leveladd/wai.png differ diff --git a/src/assets/images/leveladd/xiang.png b/src/assets/images/leveladd/xiang.png new file mode 100644 index 00000000..fe1310fe Binary files /dev/null and b/src/assets/images/leveladd/xiang.png differ diff --git a/src/assets/images/leveladd/z1.png b/src/assets/images/leveladd/z1.png new file mode 100644 index 00000000..3c6bfad6 Binary files /dev/null and b/src/assets/images/leveladd/z1.png differ diff --git a/src/assets/images/leveladd/z2.png b/src/assets/images/leveladd/z2.png new file mode 100644 index 00000000..8bd2307b Binary files /dev/null and b/src/assets/images/leveladd/z2.png differ diff --git a/src/assets/images/leveladd/zai.png b/src/assets/images/leveladd/zai.png new file mode 100644 index 00000000..3b2310b6 Binary files /dev/null and b/src/assets/images/leveladd/zai.png differ diff --git a/src/assets/images/leveladd/zhi.png b/src/assets/images/leveladd/zhi.png new file mode 100644 index 00000000..36bfb33f Binary files /dev/null and b/src/assets/images/leveladd/zhi.png differ diff --git a/src/assets/images/leveladd/zuo.png b/src/assets/images/leveladd/zuo.png new file mode 100644 index 00000000..423910fe Binary files /dev/null and b/src/assets/images/leveladd/zuo.png differ diff --git a/src/assets/images/projectadd/picture.png b/src/assets/images/projectadd/picture.png new file mode 100644 index 00000000..bd3b3700 Binary files /dev/null and b/src/assets/images/projectadd/picture.png differ diff --git a/src/assets/images/research/export.png b/src/assets/images/research/export.png new file mode 100644 index 00000000..78b8331f Binary files /dev/null and b/src/assets/images/research/export.png differ diff --git a/src/assets/images/research/picture.png b/src/assets/images/research/picture.png new file mode 100644 index 00000000..09cf517c Binary files /dev/null and b/src/assets/images/research/picture.png differ diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss index a6068f6b..3e8dce2d 100644 --- a/src/assets/scss/common.scss +++ b/src/assets/scss/common.scss @@ -78,7 +78,6 @@ border: 1px solid #C7CBD2 !important; // 表格--------------------------------- .tableBox{ - .ant-table-row .ant-table-cell{ height: 48px ; font-size: 14px; @@ -148,4 +147,48 @@ border: 1px solid #C7CBD2 !important; display: none; } } -} \ No newline at end of file +} +// 表格--------------------------------- +//表格下拉框------------------------------------------- +.tableSelect { + margin-left: 21px; + display: inline-block; + .ant-select:not(.ant-select-customize-input) + .ant-select-selector + .ant-select-selection-search-input { + background-color: rgba(255, 255, 255, 0); + border: none; + } + .ant-select:not(.ant-select-customize-input) .ant-select-selector { + background-color: rgba(255, 255, 255, 0); + border: none; + } + .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { + padding: 0; + } + .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) + .ant-select-selector { + box-shadow: none; + } + .ant-select-arrow { + right: 0px; + color: rgba(0, 0, 0, 0.8); + font-size: 14px; + line-height: 36px; + // top: 17px; + top:14px; + } + .ant-select-selection-item { + font-size: 14px; + font-weight: 400; + color: #4ea6ff; + line-height: 36px; + } + .ant-select-single.ant-select-open .ant-select-selection-item{ + color: #4ea6ff; + } +} +.tabledropdown { + width: 100px !important; +} +//表格下拉框------------------------------------------- \ No newline at end of file diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue index 11e7aaa1..78e6e7d2 100644 --- a/src/components/BreadCrumb.vue +++ b/src/components/BreadCrumb.vue @@ -134,6 +134,19 @@ export default { }, ]; } + if (n === "/researchmanage" || n === "/ResearchManage") { + state.list = [ + { + name: "调研管理", + href: "", + // href: "#/researchmanage", + }, + { + name: "管理", + href: "", + } + ]; + } if (n === "/systemmanage" || n === "/SystemManage") { state.list = [ { diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue index 7cd518d1..b8e05d2a 100644 --- a/src/components/NavTop.vue +++ b/src/components/NavTop.vue @@ -112,7 +112,7 @@ export default { } .roleItems { width: 109px; - height: 80px; + height: 90px; padding-top: 10px; background: #ffffff; box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); @@ -121,6 +121,7 @@ export default { right: 0px; text-align: center; display: none; + z-index: 100; } .roleItem { font-size: 14px; diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue index 0e8fd3af..5050e2d6 100644 --- a/src/views/courselibrary/CoursewareManage.vue +++ b/src/views/courselibrary/CoursewareManage.vue @@ -49,10 +49,10 @@
+ v-model:value="value2" + separator="至" + :placeholder="[' 开始时间', ' 结束时间']" + />
@@ -819,9 +819,9 @@ - \ No newline at end of file + diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue index 21ef46bf..6dc730ce 100644 --- a/src/views/learningpath/LevelAddDetail.vue +++ b/src/views/learningpath/LevelAddDetail.vue @@ -1,12 +1,939 @@ - \ No newline at end of file diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue index 320fb7f2..d88df7c3 100644 --- a/src/views/projectcenter/ProjectManage.vue +++ b/src/views/projectcenter/ProjectManage.vue @@ -67,11 +67,10 @@
+ > + +
@@ -145,26 +159,10 @@ const columns = [ }, { title: "操作", - dataIndex: "opacation", - key: "opacation", + dataIndex: "operation", + key: "operation", width: 300, align: "center", - scopedSlots: { customRender: "action" }, //引入的插槽 - customRender: () => { - // console.log(text); - return ( -
- 编辑 - 授权 - 创建子项目 - - 更多 -
-
-
-
- ); - }, }, ]; @@ -209,7 +207,7 @@ export default { time: "2022-07-20 14:00:03", children: [ { - key: 5, + key: "1-1", projectName: "管理者进阶5", manager: "黄华 刘俊", state: "草稿", @@ -217,14 +215,14 @@ export default { time: "2022-07-20 14:00:03", children: [ { - key: 7, + key: "1-1-1", projectName: "管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7", manager: "黄华 刘俊", state: "草稿", creater: "毛继禹", time: "2022-07-20 14:00:03", - }, + }, ], }, ], @@ -242,21 +240,21 @@ export default { key: 3, projectName: "管理者进阶3", manager: "黄华 刘俊", - state: "草稿", + state: "进行中", creater: "毛继禹", time: "2022-07-20 14:00:03", hasChildren: true, children: [ { - key: 35, + key: "3-1", projectName: "管理者进阶35", manager: "黄华 刘俊", - state: "草稿", + state: "已结束", creater: "毛继禹", time: "2022-07-20 14:00:03", }, { - key: 36, + key: "3-2", projectName: "管理者进阶36", manager: "黄华 刘俊", state: "草稿", @@ -277,17 +275,59 @@ export default { key: 4, projectName: "管理者进阶5", manager: "黄华 刘俊", - state: "草稿", + state: "已结束", creater: "毛继禹", time: "2022-07-20 14:00:03", + children: [ + { + key: "4-1", + projectName: "管理者进阶5", + manager: "黄华 刘俊", + state: "进行中", + creater: "毛继禹", + time: "2022-07-20 14:00:03", + children: [ + { + key: "4-1-1", + projectName: + "管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7", + manager: "黄华 刘俊", + state: "草稿", + creater: "毛继禹", + time: "2022-07-20 14:00:03", + }, + ], + }, + ], }, { - key: 4, - projectName: "管理者进阶", + key: 5, + projectName: "管理者进阶5", manager: "黄华 刘俊", - state: "草稿", + state: "已结束", creater: "毛继禹", time: "2022-07-20 14:00:03", + children: [ + { + key: "5-1", + projectName: "管理者进阶5", + manager: "黄华 刘俊", + state: "已结束", + creater: "毛继禹", + time: "2022-07-20 14:00:03", + children: [ + { + key: "5-1-1", + projectName: + "管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7", + manager: "黄华 刘俊", + state: "进行中", + creater: "毛继禹", + time: "2022-07-20 14:00:03", + }, + ], + }, + ], }, { key: 4, @@ -417,11 +457,869 @@ export default { // console.log("惦记了"); console.log("e", e, a); }; + + const getTableDate = () => { + state.tableData.map((value) => { + if (value.children) { + //多层项目 + console.log("11"); + value.operation = + value.state === "草稿" ? ( +
+ 编辑 +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 创建子项目 +
+ + +
基础信息
+
+ +
存为模板
+
+
+
+
+ ) : value.state === "进行中" ? ( +
+ 查看 +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 复制 + +
+ ) : value.state === "已结束" ? ( +
+ 查看 +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 复制 + 删除 +
+ ) : null; + + value.children.map((item) => { + if (item.children) { + //多层子项目 + item.operation = + item.state === "草稿" ? ( +
+ 编辑 +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 创建班级 +
+ + +
复制
+
+ +
删除
+
+
+
+
+ ) : item.state === "进行中" ? ( +
+ 查看 +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ + 创建班级 + 复制 +
+ ) : item.state === "已结束" ? ( +
+ 查看 +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 复制 + 删除 +
+ ) : null; + + item.children.map((a) => { + //班级 + a.operation = + a.state === "草稿" ? ( +
+ +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 发布 +
+ + +
复制
+
+ +
删除
+
+ +
存为模板
+
+ +
基础信息
+
+
+
+
+ ) : a.state === "进行中" ? ( +
+ +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 复制 +
+ + +
撤回
+
+ +
结束
+
+ +
存为模板
+
+ +
基础信息
+
+
+
+
+ ) : a.state === "已结束" ? ( +
+ +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 复制 + 复制 +
+ + +
删除
+
+ +
存为模板
+
+ +
基础信息
+
+
+
+
+ ) : a.state === "未开始" ? ( +
+ +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 复制 +
+ + +
结束
+
+ +
撤回
+
+ +
存为模板
+
+ +
基础信息
+
+
+
+
+ ) : null; + }); + } else { + //单层子项目 + item.operation = + item.state === "草稿" ? ( +
+ +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 发布 +
+ + +
复制
+
+ +
删除
+
+ +
存为模板
+
+ +
基础信息
+
+
+
+
+ ) : item.state === "进行中" ? ( +
+ +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 复制 +
+ + +
撤回
+
+ +
结束
+
+ +
存为模板
+
+ +
基础信息
+
+
+
+
+ ) : item.state === "已结束" ? ( +
+ +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 复制 +
+ + +
删除
+
+ +
结束
+
+ +
存为模板
+
+ +
基础信息
+
+
+
+
+ ) : item.state === "未开始" ? ( +
+ +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ 复制 +
+ + +
撤回
+
+ +
结束
+
+ +
存为模板
+
+ +
基础信息
+
+
+
+
+ ) : null; + } + }); + } else { + //单层项目 + value.operation = ( +
+ +
+ + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+
+ + {value.state === "草稿" ? ( + 发布 + ) : ( + 复制 + )} +
+ {value.state === "草稿" ? ( + + +
复制
+
+ +
{ + console.log("点击了"); + }} + > + 删除 +
+
+ +
存为模板
+
+ +
基础信息
+
+
+ ) : value.state === "进行中" ? ( + + +
存为模板
+
+ +
{ + console.log("点击了"); + }} + > + 结束 +
+
+ +
撤回
+
+ +
基础信息
+
+
+ ) : value.state === "已结束" || value.state === "未开始" ? ( + + +
存为模板
+
+ +
{ + console.log("点击了"); + }} + > + 删除 +
+
+ +
基础信息
+
+
+ ) : null} +
+
+ ); + } + + return 0; + }); + return state.tableData; + }; + + const tableDataFunc = () => { + const columns = [ + { + title: "项目名称", + dataIndex: "projectName", + key: "projectName", + width: 180, + // align: "center", + ellipsis: true, + // scopedSlots: { customRender: "action" }, //引入的插槽 + // customRender: (text, record) => { + // console.log(text, record); + // return {text.text}; + // }, + }, + { + title: "项目经理", + dataIndex: "manager", + key: "manager", + width: 100, + align: "center", + }, + { + title: "状态", + dataIndex: "state", + // width: "30%", + key: "state", + width: 100, + align: "center", + }, + { + title: "创建人", + dataIndex: "creater", + // width: "30%", + key: "creater", + width: 100, + align: "center", + }, + { + title: "创建时间", + dataIndex: "time", + key: "time", + width: 180, + align: "center", + }, + { + title: "操作", + dataIndex: "operation", + key: "operation", + width: 300, + align: "center", + }, + ]; + const data = getTableDate(); + return [columns, data]; + }; return { ...toRefs(state), columns, selectProjectName, expandTable, + getTableDate, + tableDataFunc, }; }, }; @@ -525,14 +1423,42 @@ export default { } .tableBox { margin: 20px 38px 30px; + .ant-table-thead > tr > th { + font-size: 14px; + font-weight: 400; + color: #999ba3; + line-height: 36px; + padding: 5px 16px; + background-color: #eff4fc; + } + .ant-table { + // overflow: visible; + // z-index: 99999; + } } - .opacation { + .operation { font-size: 14px; font-weight: 400; color: #4ea6ff; // line-height: 36px; + .operation1 { + margin-left: 21px; + width: 28px; + display: inline-block; + } + .operation3 { + margin-left: 21px; + width: 70px; + display: inline-block; + text-align: center; + } .more { + width: 50px; + display: inline-block; + margin-left: 21px; position: relative; + text-align: left; + // z-index: 99999; .moreArrow { width: 13px; height: 7px; @@ -544,7 +1470,7 @@ export default { } .moreItems { width: 80px; - height: 70px; + padding: 5px; display: none; background: #ffffff; box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05); @@ -552,8 +1478,9 @@ export default { border: 0px solid #dcdcdc; position: absolute; left: 0px; - top: 18px; + top: 28px; z-index: 100; + text-align: center; } } .more:hover .moreArrow { diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue new file mode 100644 index 00000000..d982d1ef --- /dev/null +++ b/src/views/projectcenter/TaskPage.vue @@ -0,0 +1,33 @@ + + + \ No newline at end of file diff --git a/src/views/research/ManagePage.vue b/src/views/research/ManagePage.vue new file mode 100644 index 00000000..b6de2e90 --- /dev/null +++ b/src/views/research/ManagePage.vue @@ -0,0 +1,256 @@ + + + + + + \ No newline at end of file diff --git a/src/views/research/ResearchAdd.vue b/src/views/research/ResearchAdd.vue index bbe46ff7..29dc7116 100644 --- a/src/views/research/ResearchAdd.vue +++ b/src/views/research/ResearchAdd.vue @@ -1,16 +1,117 @@ - \ No newline at end of file diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue index c40e72e1..2b5c3f45 100644 --- a/src/views/research/ResearchManage.vue +++ b/src/views/research/ResearchManage.vue @@ -1,174 +1,562 @@ - + - \ No newline at end of file + .btns { + display: flex; + // flex-wrap: wrap; + .btn { + padding: 0px 26px 0px 26px; + height: 38px; + background: rgba(64, 158, 255, 0); + border-radius: 8px; + border: 1px solid rgba(64, 158, 255, 1); + display: flex; + align-items: center; + justify-content: center; + margin-right: 14px; + flex-shrink: 0; + cursor: pointer; + .search { + background-size: 100%; + } + .btnText { + font-size: 14px; + font-weight: 400; + color: rgba(64, 158, 255, 1); + line-height: 36px; + margin-left: 5px; + } + } + .btn1 { + .search { + width: 15px; + height: 17px; + background-image: url("../../assets/images/courseManage/search1.png"); + } + } + .btn2 { + .search { + width: 16px; + height: 18px; + background-image: url("../../assets/images/courseManage/reset1.png"); + } + } + .btn3 { + margin-right: 0px; + .search { + width: 17px; + height: 18px; + background-image: url("../../assets/images/courseManage/add1.png"); + } + } + .btn1:hover { + background: rgba(64, 158, 255, 1); + .search { + background-image: url("../../assets/images/courseManage/search0.png"); + } + .btnText { + color: #ffffff; + } + } + .btn2:hover { + background: rgba(64, 158, 255, 1); + .search { + background-image: url("../../assets/images/courseManage/reset0.png"); + } + .btnText { + color: #ffffff; + } + } + .btn3:hover { + background: rgba(64, 158, 255, 1); + .search { + background-image: url("../../assets/images/courseManage/add0.png"); + } + .btnText { + color: #ffffff; + } + } + } + } + .tableBox { + margin: 20px 38px 30px ; + th.h { + background-color: #eff4fc !important; + } + + .ant-table-tbody + > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) + > td { + background: #f6f9fd; + } + } + .out { + display: block; + position: absolute; + top: 120px; + width: 600px; + // height: 525px; + background-color: #fff; + + box-shadow: 0 0 10px rgba(118, 136, 166, 0.21); + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + .top { + width: 100%; + height: 68px; + + background: linear-gradient( + rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100% + ); + display: flex; + align-items: center; + .topimg { + width: 18px; + height: 18px; + margin-left: 27px; + } + .topc { + color: #000000; + font-size: 16px; + margin-left: 8px; + } + } + .mid { + width: 100%; + height: 100%; + background-color: #fff; + display: flex; + flex-direction: column; + align-items: center; + .d { + // margin-top: 8px; + // color: #ff4e4e; + margin-left: -5px; + } + .name { + width: 78%; + // background-color: lightcoral; + display: flex; + margin-top: 20px; + align-items: center; + height: 40px; + // border: 1px solid black; + + .inname { + color: #6f6f6f; + font-size: 14px; + margin-left: 7px; + } + .in { + margin-left: 14px; + width: 81%; + .ant-input { + border-radius: 5px; + // height: 120%; + width: 100%; + height: 40px; + } + } + } + .btn { + width: 33%; + margin-top: 30px; + display: flex; + justify-content: space-between; + margin-bottom: 30px; + .samtn { + width: 100px; + height: 40px; + font-size: 14px; + border: 1px solid #4ea6ff; + border-radius: 8px; + cursor: pointer; + } + .btn1 { + background-color: #fff; + color: #4ea6ff; + } + .btn2 { + margin-left: 10px; + background-color: #4ea6ff; + color: #fff; + } + } + } + } + .unout { + display: none; + } + + .opa { + display: flex; + justify-content: right; + .opacation { + font-size: 14px; + font-weight: 400; + color: #4ea6ff; + // line-height: 36px; + .activecls { + display: inline-block; + } + .errorCls { + display: none; + } + .more { + position: relative; + .moreArrow { + width: 13px; + height: 7px; + display: inline-block; + background-image: url("../../assets/images/navtop/down.png"); + background-size: 100%; + margin: 2px; + margin-left: 7px; + } + .moreItems { + width: 80px; + height: 70px; + display: none; + background: #ffffff; + box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05); + border-radius: 3px; + border: 0px solid #dcdcdc; + position: absolute; + left: 0px; + top: 18px; + z-index: 100; + } + } + } + } +} +