diff --git a/src/assets/images/DeleteButton.svg b/src/assets/images/DeleteButton.svg new file mode 100644 index 0000000..bb7c8eb --- /dev/null +++ b/src/assets/images/DeleteButton.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/EditButton.svg b/src/assets/images/EditButton.svg new file mode 100644 index 0000000..f4c66ab --- /dev/null +++ b/src/assets/images/EditButton.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/styles/element-variables.scss b/src/assets/styles/element-variables.scss index 47d102d..26ca378 100644 --- a/src/assets/styles/element-variables.scss +++ b/src/assets/styles/element-variables.scss @@ -84,6 +84,43 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts'; background-color: #e8e8e8; box-shadow: -5px 5px 5px 5px #eaeaea; } +//main-container结构下的标头格式 +.HeadLine{ + font-size:20px; + display:flex; + flex-direction:row; + flex-wrap:nowrap; + align-items: center; +} +//main-container结构下的标头字体格式 +.TitleFont{ + margin-left:10px; + font-weight:600; +} +//main-container结构下的标头矩形图案样式 +.HeadSquare{ + width:2.5px; + height:23px; + margin-left:5px; + margin-top:3px; + background-color: #59a2a3; +} +//按钮格子的位置调整： +.ButtonBlock{ + display: flex; + flex-wrap:nowrap; + flex-direction:row; + justify-content:space-around; +} +//按钮特效： +.MyButton{ + +} +.MyButton:hover{ + transform:scale(1.08); + cursor: pointer; +} + .backbutton :hover{ color: #789be5!important; } diff --git a/src/components/System/Manage/articleManage.vue b/src/components/System/Manage/articleManage.vue index a8d9d23..bc63ff2 100644 --- a/src/components/System/Manage/articleManage.vue +++ b/src/components/System/Manage/articleManage.vue @@ -1,13 +1,275 @@ + - \ No newline at end of file diff --git a/src/components/System/Manage/categoryManage.vue b/src/components/System/Manage/categoryManage.vue index 5119b22..89d7a1c 100644 --- a/src/components/System/Manage/categoryManage.vue +++ b/src/components/System/Manage/categoryManage.vue @@ -1,11 +1,222 @@