Skip to content

D
document-management
Commit af2a94a2 by lxyang
Options

feat：提交

parent ea6c5f86
Showing with 341 additions and 101 deletions
src/assets/icons/svg/search-new.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M6.24412,1.25 L11.707297,1.25 C12.0429629,1.25 12.364524,1.38500024 12.5995946,1.62461143 L17.1424186,6.25518441 C17.3714709,6.48866117 17.4998891,6.80261493 17.5001204,7.12968767 L17.5057602,15.0971675 C17.5057602,15.8279705 16.8556941,16.25 16.26158,16.25 L6.2499404,16.25 C5.65590262,16.25 5.00593036,15.8285213 5.00576079,15.0978959 L4.9999404,2.4023889 C4.9999404,1.67158462 5.65000713,1.25 6.24412,1.25 Z M6.25571609,15 L16.2556911,15 L16.2503946,7.51594365 L11.2500447,7.51594365 L11.2500447,2.5 L6.2499851,2.5 L6.25571609,15 Z M15.4018772,6.26594365 L12.5000453,6.26594365 L12.5000453,3.30806032 L15.4018772,6.26594365 Z M2.5,17.5159454 C2.5,18.2063031 3.05964559,18.7659442 3.75,18.7659442 L13.75,18.7659442 L13.75,17.5159442 L3.75,17.5159454 L3.75,6.25001669 L2.5,6.25001669 L2.5,17.5159454 Z" id="file-copy"></path>
</svg>
\ No newline at end of file
src/assets/icons/svg/search.svg
<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M124.884 109.812L94.256 79.166c-.357-.357-.757-.629-1.129-.914a50.366 50.366 0 0 0 8.186-27.59C101.327 22.689 78.656 0 50.67 0 22.685 0 0 22.688 0 50.663c0 27.989 22.685 50.663 50.656 50.663 10.186 0 19.643-3.03 27.6-8.201.286.385.557.771.9 1.114l30.628 30.632a10.633 10.633 0 0 0 7.543 3.129c2.728 0 5.457-1.043 7.543-3.115 4.171-4.157 4.171-10.915.014-15.073M50.671 85.338C31.557 85.338 16 69.78 16 50.663c0-19.102 15.557-34.661 34.67-34.661 19.115 0 34.657 15.559 34.657 34.675 0 19.102-15.557 34.661-34.656 34.661"/></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M6.24412,1.25 L11.707297,1.25 C12.0429629,1.25 12.364524,1.38500024 12.5995946,1.62461143 L17.1424186,6.25518441 C17.3714709,6.48866117 17.4998891,6.80261493 17.5001204,7.12968767 L17.5057602,15.0971675 C17.5057602,15.8279705 16.8556941,16.25 16.26158,16.25 L6.2499404,16.25 C5.65590262,16.25 5.00593036,15.8285213 5.00576079,15.0978959 L4.9999404,2.4023889 C4.9999404,1.67158462 5.65000713,1.25 6.24412,1.25 Z M6.25571609,15 L16.2556911,15 L16.2503946,7.51594365 L11.2500447,7.51594365 L11.2500447,2.5 L6.2499851,2.5 L6.25571609,15 Z M15.4018772,6.26594365 L12.5000453,6.26594365 L12.5000453,3.30806032 L15.4018772,6.26594365 Z M2.5,17.5159454 C2.5,18.2063031 3.05964559,18.7659442 3.75,18.7659442 L13.75,18.7659442 L13.75,17.5159442 L3.75,17.5159454 L3.75,6.25001669 L2.5,6.25001669 L2.5,17.5159454 Z" id="file-copy"></path>
</svg>
\ No newline at end of file
src/assets/icons/svg/server-new.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>1.Bace基础/3.Icon图标/其他/server/white</title>
<path d="M5,6.5625 L5,5.3125 L8.75,5.3125 L8.75,6.5625 L5,6.5625 Z M2.50030518,2.5 L17.5003052,2.5 C17.8454173,2.5 18.1252122,2.77971875 18.1253052,3.1248305 L18.1264925,8.74985218 C18.1266618,9.09509659 17.8467369,9.37502205 17.5014925,9.37502205 L2.50149243,9.37502205 C2.15638068,9.37502205 1.87658564,9.09530342 1.87649202,8.75019133 L1.87530518,3.1251698 C1.87530518,2.77992561 2.15506099,2.5 2.50030518,2.5 Z M3.12547475,3.75 L16.8754745,3.75 L16.8763232,8.12502205 L3.12632248,8.12502205 L3.12547475,3.75 Z M8.7501353,14.6875 L8.7501353,13.4375 L5.0001356,13.4375 L5.0001356,14.6875 L8.7501353,14.6875 Z M2.50166148,10.6250173 L17.5016618,10.6250173 C17.8468394,10.6250173 18.1266618,10.9048396 18.1266618,11.2500173 L18.1266618,16.875 C18.1266618,17.2201777 17.8468394,17.5 17.5016618,17.5 L2.50166193,17.5 C2.15648398,17.5 1.87666151,17.2201777 1.87666151,16.875 L1.87666151,11.2500173 C1.87666151,10.904839 2.15648357,10.6250173 2.50166148,10.6250173 Z M3.12666148,11.8750173 L16.8766618,11.8750173 L16.8766618,16.25 L3.12666148,16.25 L3.12666148,11.8750173 Z" id="server"></path>
</svg>
\ No newline at end of file
src/assets/icons/svg/server.svg
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1547360688278" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6717" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M890 120H134a70 70 0 0 0-70 70v500a70 70 0 0 0 70 70h756a70 70 0 0 0 70-70V190a70 70 0 0 0-70-70z m-10 520a40 40 0 0 1-40 40H712V448a40 40 0 0 0-80 0v232h-80V368a40 40 0 0 0-80 0v312h-80V512a40 40 0 0 0-80 0v168H184a40 40 0 0 1-40-40V240a40 40 0 0 1 40-40h656a40 40 0 0 1 40 40zM696 824H328a40 40 0 0 0 0 80h368a40 40 0 0 0 0-80z" fill="#bfbfbf" p-id="6718"></path></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>1.Bace基础/3.Icon图标/其他/server/white</title>
<g id="全局" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon" transform="translate(-422.000000, -172.000000)">
<g id="1.Bace基础/3.Icon图标/其他/server/white" transform="translate(422.000000, 172.000000)">
<path d="M0,0 L20,0 L20,20 L0,20 Z" id="server-(Background)"></path>
<path d="M5,6.5625 L5,5.3125 L8.75,5.3125 L8.75,6.5625 L5,6.5625 Z M2.50030518,2.5 L17.5003052,2.5 C17.8454173,2.5 18.1252122,2.77971875 18.1253052,3.1248305 L18.1264925,8.74985218 C18.1266618,9.09509659 17.8467369,9.37502205 17.5014925,9.37502205 L2.50149243,9.37502205 C2.15638068,9.37502205 1.87658564,9.09530342 1.87649202,8.75019133 L1.87530518,3.1251698 C1.87530518,2.77992561 2.15506099,2.5 2.50030518,2.5 Z M3.12547475,3.75 L16.8754745,3.75 L16.8763232,8.12502205 L3.12632248,8.12502205 L3.12547475,3.75 Z M8.7501353,14.6875 L8.7501353,13.4375 L5.0001356,13.4375 L5.0001356,14.6875 L8.7501353,14.6875 Z M2.50166148,10.6250173 L17.5016618,10.6250173 C17.8468394,10.6250173 18.1266618,10.9048396 18.1266618,11.2500173 L18.1266618,16.875 C18.1266618,17.2201777 17.8468394,17.5 17.5016618,17.5 L2.50166193,17.5 C2.15648398,17.5 1.87666151,17.2201777 1.87666151,16.875 L1.87666151,11.2500173 C1.87666151,10.904839 2.15648357,10.6250173 2.50166148,10.6250173 Z M3.12666148,11.8750173 L16.8766618,11.8750173 L16.8766618,16.25 L3.12666148,16.25 L3.12666148,11.8750173 Z" id="server" fill="#FFFFFF"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/styles/index.scss
......@@ -122,7 +122,7 @@ aside {
//main-container全局样式
.app-container {
padding: 20px;
padding: 0;
}
.components-container {
......
src/assets/styles/sidebar.scss
......@@ -27,6 +27,9 @@
.scrollbar-wrapper {
overflow-x: hidden !important;
background: #fff;
padding-top: 16px;
border-right: 2px solid rgba(231, 231, 231, 1);
}
.el-scrollbar__bar.is-vertical {
......@@ -39,7 +42,7 @@
&.has-logo {
.el-scrollbar {
height: calc(100% - 50px);
height: calc(100% - 64px);
}
}
......@@ -54,7 +57,9 @@
}
.svg-icon {
margin-right: 16px;
margin-right: 4px;
font-size: 18px;
vertical-align: middle;
}
.el-menu {
......@@ -70,10 +75,33 @@
background-color: $menuHover !important;
}
}
.el-submenu__title {
padding: 0 !important;
height: 36px;
background: #0052D9 !important;
}
.is-active>.el-submenu__title {
padding: 0;
color: $subMenuActiveText !important;
}
.menu-wrapper {
background: #fff;
.el-menu-item {
margin: 0 8px 4px 8px;
height: 36px;
line-height: 36px;
width: 192px;
border-radius: 3px;
padding: 0 16px;
color: rgba(0, 0, 0, 0.6000) !important;
background: #fff !important;
&:hover, &.is-active {
color: #fff !important;
background: #0052D9 !important;
}
}
}
& .nest-menu .el-submenu>.el-submenu__title,
& .el-submenu .el-menu-item {
......
src/assets/styles/variables.scss
......@@ -19,7 +19,7 @@ $menuHover:#263445;
$subMenuBg:#1f2d3d;
$subMenuHover:#001528;
$sideBarWidth: 200px;
$sideBarWidth: 208px;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
......
src/layout/components/AppMain.vue
......@@ -38,7 +38,7 @@ export default {
.hasTagsView {
.app-main {
/* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 104px);
min-height: calc(100vh - 64px);
}
.fixed-header+.app-main {
......
src/layout/components/Navbar.vue
<template>
<div class="navbar">
<div class="menu-item active">智能文档监测</div>
<div class="menu-item" @click="hint('探真')">探真</div>
<div class="menu-item" @click="hint('微舆情')">微舆情</div>
<div class="icon"><img class="icon-img" src="../../assets/image/user-circle.png" alt=""></div>
<div class="icon"><img class="icon-img" src="../../assets/image/phone.png" alt=""></div>
<div class="icon"><img class="icon-img" src="../../assets/image/message.png" alt=""></div>
<!-- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> -->
<!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" /> -->
......@@ -81,6 +87,12 @@ export default {
toggleSideBar() {
this.$store.dispatch('app/toggleSideBar')
},
hint(item) {
this.$message({
message: `${item}尽请期待！`,
type: 'warning'
});
},
async logout() {
this.$confirm('确定注销并退出系统吗？', '提示', {
confirmButtonText: '确定',
......@@ -98,17 +110,40 @@ export default {
<style lang="scss" scoped>
.navbar {
height: 50px;
height: 64px;
padding: 0 32px 0 16px;
background: #2C2C2C;
overflow: hidden;
position: relative;
background: #fff;
box-shadow: 0 1px 4px rgba(0,21,41,.08);
.icon {
float: right;
height: 22px;
margin: 21px 0 21px 24px;
cursor: pointer;
.icon-img {
height: 22px;
}
}
.menu-item {
margin: 12px 2px;
float: left;
font-size: 14px;
padding: 12px 24px;
color: rgba(255,255,255,0.55);
border-radius: 3px;
cursor: pointer;
&:hover, &.active {
background: #5E5E5E;
color: rgba(255,255,255,0.9);
}
}
.hamburger-container {
line-height: 46px;
line-height: 64px;
height: 100%;
float: left;
cursor: pointer;
color: #fff;
transition: background .3s;
-webkit-tap-highlight-color:transparent;
......
src/layout/components/Sidebar/Logo.vue
......@@ -46,9 +46,9 @@ export default {
.sidebar-logo-container {
position: relative;
width: 100%;
height: 50px;
line-height: 50px;
background: #2b2f3a;
height: 64px;
line-height: 64px;
background: #2C2C2C;
text-align: center;
overflow: hidden;
......
src/layout/components/TagsView/index.vue
<template>
<div id="tags-view-container" class="tags-view-container">
<scroll-pane ref="scrollPane" class="tags-view-wrapper">
<router-link
<!-- <scroll-pane ref="scrollPane" class="tags-view-wrapper"> -->
<!-- <router-link
v-for="tag in visitedViews"
ref="tag"
:key="tag.path"
......@@ -15,7 +15,7 @@
{{ tag.title }}
<span v-if="!tag.meta.affix" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
</router-link>
</scroll-pane>
</scroll-pane> -->
<ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
<li @click="refreshSelectedTag(selectedTag)">刷新页面</li>
<li v-if="!(selectedTag.meta&&selectedTag.meta.affix)" @click="closeSelectedTag(selectedTag)">关闭当前</li>
......@@ -26,11 +26,11 @@
</template>
<script>
import ScrollPane from './ScrollPane'
// import ScrollPane from './ScrollPane'
import path from 'path'
export default {
components: { ScrollPane },
// components: { ScrollPane },
data() {
return {
visible: false,
......
src/layout/index.vue
......@@ -5,7 +5,7 @@
<div :class="{hasTagsView:needTagsView}" class="main-container">
<div :class="{'fixed-header':fixedHeader}">
<navbar />
<tags-view v-if="needTagsView" />
<!-- <tags-view v-if="needTagsView" /> -->
</div>
<app-main />
<right-panel v-if="showSettings">
......
src/router/index.js
......@@ -69,14 +69,14 @@ export const constantRoutes = [
{
path: '',
component: Layout,
name: '搜索',
name: '搜索文档',
redirect: 'index',
children: [
{
path: 'index',
component: () => import('@/views/index'),
name: '搜索',
meta: { title: '搜索', icon: 'log', noCache: true, affix: true }
name: '搜索文档',
meta: { title: '搜索文档', icon: 'search-new', noCache: true, affix: true }
}
]
},
......@@ -113,7 +113,7 @@ export const constantRoutes = [
component: Layout,
name: '文档管理',
meta: {
icon: 'system',
icon: 'server-new',
title: '文档管理'
},
path: '/documentManagement',
......@@ -122,29 +122,34 @@ export const constantRoutes = [
component: () => import('@/views/dataList/dashboard/index'),
meta: {
icon: '',
title: '跟踪文档'
title: '搜索文档详情'
},
name: 'tailAfter',
path: 'tailAfter'
path: 'tailAfter',
hidden: true
},
{
component: () => import('@/views/system/customer/index'),
meta: {
icon: '',
title: '任务列表'
title: '跟踪文档'
},
name: 'taskList',
path: 'taskList'
}
// {
// component: () => import('@/views/dataList/product/index'),
// meta: {
// icon: '',
// title: '客户投放数据'
// },
// name: 'Product',
// path: 'Product'
// },
path: 'taskList',
props: {
default: false
}
},
{
component: () => import('@/views/dataList/product/index'),
meta: {
icon: '',
title: '跟踪文档详情'
},
name: 'taskListDetails',
path: 'taskListDetails',
hidden: true
},
// {
// component: () => import('@/views/dataList/putIn/index'),
// meta: {
......
src/views/index.scss
.dashboard-editor-container {
padding: 32px;
background-color: #fff;
background-color: #fafafa;
position: absolute;
left: 0;
right: 0;
......@@ -15,33 +15,64 @@
}
.seach-center {
position: absolute;
top: 25%;
top: 200px;
left: 50%;
transform: translate(-50%, -50%);
transform: translate(-50%, 0);
z-index: 1;
.seach-logo {
width: 80px;
height: 35px;
line-height: 35px;
width: 190px;
height: 45px;
line-height: 45px;
background: #fff;
color: #222;
font-size: 26px;
font-size: 40px;
font-weight: 600;
text-align: center;
margin: 0 auto 40px auto;
margin: 0 auto 20px auto;
}
.common-url {
margin-top: 80px;
.common-url-title {
color: rgba(0,0,0,0.9);
font-size: 16px;
margin-bottom: 16px;
}
.common-url-center {
display: flex;
.link {
color: rgba(0, 82, 217, 1);
margin-right: 8px;
&:hover {
color: rgba(0, 82, 217, .9);
}
}
}
}
/deep/.el-input-group {
width: 700px;
height: 40px;
width: 800px;
height: 48px;
}
/deep/.el-input__prefix {
font-size: 16px;
left: 8px;
}
/deep/.el-input-group--append {
.el-input__inner {
height: 40px;
width: 600px;
height: 48px;
width: 680px;
padding-left: 40px;
border-color: rgba(220, 220, 220, 1);
border-radius: 4px 0 0 4px;
}
.el-input-group__append {
width: 100px;
width: 120px;
text-align: center;
background: rgba(0, 82, 217, 1);
color: rgba(255,255,255,0.9);
border-radius: 0 4px 4px 0;
&:hover {
background: rgba(0, 82, 217, .8);
}
}
}
}
src/views/index.vue
......@@ -2,9 +2,16 @@
<div class="dashboard-editor-container">
<div class="seach-center">
<div class="seach-logo">logo</div>
<el-input placeholder="例如：腾讯" @keyup.enter.native="searchDocument" v-model="search" class="input-with-select">
<el-button slot="append" @click="searchDocument">搜索</el-button>
<el-input prefix-icon="el-icon-search" placeholder="请输入你需要搜索的内容" @keyup.enter.native="searchDocument" v-model="search" class="input-with-select">
<el-button slot="append" @click="searchDocument">搜索文档</el-button>
</el-input>
<div class="common-url">
<div class="common-url-title">常用链接</div>
<div class="common-url-center">
<a href="https://www.oceanengine.com/" target="_blank" class="link">巨量引擎</a>
<a href="http://baidu.guojidxqf.com/?gclid=Cj0KCQiAmaibBhCAARIsAKUlaKQaOd7vK47N2G7vH6lSS4QeRNY_0gIbaJ13hSL4Og7A50CiNFRRL3waAjMAEALw_wcB" target="_blank" class="link">百度联盟</a>
</div>
</div>
</div>
</div>
</template>
......@@ -31,8 +38,8 @@ export default {
return
}
this.$router.push({
path: '/documentManagement/tailAfter',
query: {
name: 'tailAfter',
params: {
search: this.search
}
})
......
src/views/main.scss
// 上方搜索
/deep/.seachData {
height: 64px;
display: flex;
background: #fff;
box-shadow: inset 0px -1px 0px 0px #DCDCDC;
.el-form {
display: flex;
flex-wrap: wrap;
}
.el-button--primary {
min-width: 80px;
height: 34px;
min-width: 112px;
height: 32px;
background: rgba(0, 82, 217, 1);
border-color: rgba(0, 82, 217, 1);
font-size: 14px;
margin-left: 20px;
margin-bottom: 16px;
margin: 16px 0 16px 16px;
}
.el-button--text {
margin-left: 36px;
}
.el-form--inline {
.el-form-item {
margin: 0 20px 20px 0;
&.active {
......@@ -32,11 +36,6 @@
width: 220px;
}
}
.el-input__inner {
height: 34px;
font-size: 14px;
padding: 8px 10px;
}
.el-range-editor--small {
.el-range__close-icon {
vertical-align: middle;
......@@ -49,12 +48,29 @@
width: 220px;
}
.seachData-left {
width: calc(100% - 118px);
width: 50%;
color: rgba(0, 0, 0, 0.9000);
line-height: 64px;
padding-left: 32px;
font-size: 20px;
font-weight: 500;
}
.seachData-right {
width: 116px;
border-left: 1px solid #E4E4E4;
min-height: 90px;
width: 50%;
padding-right: 40px;
display: flex;
justify-content: flex-end;
.el-input {
width: 320px;
height: 32px;
margin: 16px 0;
}
.el-input__inner {
height: 32px;
width: 320px;
font-size: 14px;
padding: 8px 10px;
}
}
.seachData-next-line {
width: 100%;
......@@ -100,7 +116,6 @@
}
}
}
}
}
// 表格弹框
/deep/.from-pop-up {
......@@ -221,8 +236,8 @@
}
.app-container {
padding: 32px;
background-color: #fff;
padding: 0;
background-color: #fafafa;
position: absolute;
left: 0;
right: 0;
......@@ -230,13 +245,10 @@
bottom: 0;
.content {
position: absolute;
left: 32px;
bottom: 32px;
right: 32px;
top: 68px;
.solid {
border: 1px solid #999;
}
left: 0;
bottom: 0;
right: 0;
top: 96px;
.scroll {
overflow-y: auto;
&::-webkit-scrollbar-track-piece {
......@@ -286,49 +298,103 @@
position: absolute;
left: 0;
right: 432px;
top: 32px;
top: 0;
bottom: 0;
right: 0;
.content-left-center {
width: 100%;
height: 100%;
padding: 16px 16px 0 16px;
padding: 0 16px 0 16px;
position: relative;
/deep/.pagination-container {
background: #fafafa;
}
/deep/.el-pagination {
text-align: center;
width: 100%;
}
/deep/.el-pagination.is-background {
.el-pager li {
background-color: #fafafa;
border-radius: 3px;
color: rgba(0, 0, 0, 0.6000);
border: 1px solid rgba(220, 220, 220, 1);
border-radius: 3px;
&:not(.disabled).active {
color: #fff;
background: rgba(0, 82, 217, 1);
}
}
.btn-prev, .btn-next {
border: 0;
background: #fafafa;
color: rgba(0, 0, 0, 0.6000);
}
}
}
.left-content {
position: relative;
padding: 40px 56px;
width: 100%;
border: 1px solid #ccc;
margin-bottom: 20px;
padding-left: 80px;
width: 752px;
margin-bottom: 40px;
&:first-child {
margin-top: 40px;
}
.left-content-title {
position: absolute;
left: 0;
top: 0;
background: pink;
color: #222;
font-size: 18px;
padding: 4px 8px;
width: 100%;
margin-bottom: 12px;
height: 20px;
.logo {
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
border: 1px solid #ccc;
margin-right: 8px;
float: left;
.logo-img {
width: 18px;
height: 18px;
border-radius: 50%;
}
}
.media {
margin-right: 32px;
}
.text {
float: left;
font-size: 14px;
line-height: 20px;
color: rgba(0,0,0,0.4);
}
}
.content-text-header {
height: 32px;
height: 28px;
line-height: 28px;
font-size: 20px;
font-weight: 500;
color: #222;
color: rgba(0, 0, 0, 0.9000);
text-align: left;
margin-bottom: 8px;
.link {
cursor: pointer;
color: #222;
&:hover {
color: rgb(64, 158, 255);
color: #0052d9;
}
}
}
.content-text {
margin-top: 8px;
margin-bottom: 4px;
margin-top: 0;
text-align: left;
font-size: 14px;
color: #222;
line-height: 20px;
color: rgba(0,0,0,0.6);
word-break: break-all;
&:last-child {
margin-bottom: 0;
}
}
}
}
......@@ -391,5 +457,48 @@
}
}
.blue {
color: #1890ff;
color: #0052d9;
cursor: pointer;
&:hover {
color: #025cf1;
}
}
.app-header {
height: 96px;
background: #fff;
padding: 24px 36px;
display: flex;
.search-logo {
height: 32px;
width: 32px;
background: #fafafa;
margin: 8px 12px 8px 0;
float: left;
}
/deep/.el-input-group {
width: 800px;
}
/deep/.el-input-group--append {
float: left;
.el-input__inner {
height: 48px;
width: 680px;
padding-left: 40px;
border-color: rgba(220, 220, 220, 1);
border-radius: 4px 0 0 4px;
}
.el-input-group__append {
width: 120px;
text-align: center;
background: rgba(0, 82, 217, 1);
color: rgba(255,255,255,0.9);
border-radius: 0 4px 4px 0;
&:hover {
background: rgba(0, 82, 217, .8);
}
}
.el-input__prefix {
font-size: 16px;
}
}
}
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