Skip to content

V
vipSupplier
Commit 9ada8203 by wsm
Options

测导航栏+头部

parent 21e97916
Showing with 186 additions and 73 deletions
mock/controller/remixIcon.js
...@@ -2209,7 +2209,7 @@ const data = [ ...@@ -2209,7 +2209,7 @@ const data = [
'volume-up-line', 'volume-up-line',
'volume-vibrate-fill', 'volume-vibrate-fill',
'volume-vibrate-line', 'volume-vibrate-line',
'vuejs-fill', 'lqr_logo',
'vuejs-line', 'vuejs-line',
'walk-fill', 'walk-fill',
'walk-line', 'walk-line',
......
public/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cmn-Hans" style="filter: grayscale(100%)"> <html lang="zh-cmn-Hans">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
......
src/config/setting.config.js
...@@ -13,7 +13,7 @@ const setting = { ...@@ -13,7 +13,7 @@ const setting = {
// 进行编译的依赖 // 进行编译的依赖
transpileDependencies: [], transpileDependencies: [],
//标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题） //标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题）
title: 'vue-admin-better', title: 'VIP供应商信息平台',
//简写 //简写
abbreviation: 'vab', abbreviation: 'vab',
//开发环境端口号 //开发环境端口号
......
src/layouts/components/VabAd/index.vue deleted 100644 → 0
<template>
<div class="vab-ad">
<el-carousel
v-if="adList"
height="30px"
direction="vertical"
:autoplay="true"
:interval="3000"
indicator-position="none"
>
<el-carousel-item v-for="(item, index) in adList" :key="index">
<el-tag type="warning">Ad</el-tag>
<a target="_blank" :href="item.url">{{ item.title }}</a>
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
import { getList } from '@/api/ad'
export default {
name: 'VabAd',
data() {
return {
nodeEnv: process.env.NODE_ENV,
adList: [],
}
},
created() {
this.fetchData()
},
methods: {
async fetchData() {
const { data } = await getList()
this.adList = data
},
},
}
</script>
<style lang="scss" scoped>
.vab-ad {
height: 30px;
padding-right: $base-padding;
padding-left: $base-padding;
margin-bottom: -20px;
line-height: 30px;
cursor: pointer;
a {
color: #999;
}
}
</style>
src/layouts/components/VabAppMain/index.vue
<template> <template>
<div v-if="routerView" class="app-main-container"> <div v-if="routerView" class="app-main-container">
<vab-github-corner /> <!-- <vab-github-corner />
<transition mode="out-in" name="fade-transform"> <transition mode="out-in" name="fade-transform">
<keep-alive :include="cachedRoutes" :max="keepAliveMaxNum"> <keep-alive :include="cachedRoutes" :max="keepAliveMaxNum">
<router-view :key="key" class="app-main-height" /> <router-view :key="key" class="app-main-height" />
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
Copyright Copyright
<vab-icon :icon="['fas', 'copyright']"></vab-icon> <vab-icon :icon="['fas', 'copyright']"></vab-icon>
vue-admin-better 开源免费版 {{ fullYear }} vue-admin-better 开源免费版 {{ fullYear }}
</footer> </footer> -->
</div> </div>
</template> </template>
......
src/layouts/components/VabAvatar/index.vue
...@@ -10,10 +10,10 @@ ...@@ -10,10 +10,10 @@
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="github">github地址</el-dropdown-item> <!-- <el-dropdown-item command="github">github地址</el-dropdown-item>
<el-dropdown-item command="gitee" divided>码云地址</el-dropdown-item> <el-dropdown-item command="gitee" divided>码云地址</el-dropdown-item>
<el-dropdown-item command="pro" divided>pro付费版地址</el-dropdown-item> <el-dropdown-item command="pro" divided>pro付费版地址</el-dropdown-item>
<el-dropdown-item command="plus" divided>plus付费版地址</el-dropdown-item> <el-dropdown-item command="plus" divided>plus付费版地址</el-dropdown-item> -->
<el-dropdown-item command="logout" divided>退出登录</el-dropdown-item> <el-dropdown-item command="logout" divided>退出登录</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
...@@ -96,7 +96,8 @@ ...@@ -96,7 +96,8 @@
} }
.user-name { .user-name {
position: relative; // position: relative;
display: flex;
margin-left: 5px; margin-left: 5px;
margin-left: 5px; margin-left: 5px;
cursor: pointer; cursor: pointer;
......
src/layouts/components/VabLogo/index.vue
...@@ -2,7 +2,8 @@ ...@@ -2,7 +2,8 @@
<div :class="'logo-container-' + layout"> <div :class="'logo-container-' + layout">
<router-link to="/"> <router-link to="/">
<!-- 这里是logo变更的位置 --> <!-- 这里是logo变更的位置 -->
<vab-remix-icon v-if="logo" class="logo" :icon-class="logo" /> <!-- <vab-remix-icon v-if="logo" class="logo" :icon-class="logo" /> -->
<img class="logo" src="../../../assets/qr_logo/logo.png" />
<span <span
class="title" class="title"
:class="{ 'hidden-xs-only': layout === 'horizontal' }" :class="{ 'hidden-xs-only': layout === 'horizontal' }"
...@@ -52,7 +53,7 @@ ...@@ -52,7 +53,7 @@
@mixin title { @mixin title {
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
font-size: 24px; font-size: 20px;
line-height: 55px; line-height: 55px;
color: $base-title-color; color: $base-title-color;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -74,13 +75,13 @@ ...@@ -74,13 +75,13 @@
.logo-container-vertical { .logo-container-vertical {
@include container; @include container;
height: $base-logo-height; height: $base-logo-height;
line-height: $base-logo-height; line-height: $base-logo-height;
text-align: center; text-align: center;
.logo { .logo {
@include logo; @include logo;
// color: skyblue !important;
} }
.title { .title {
......
src/layouts/components/VabNavBar/index.vue
...@@ -14,15 +14,18 @@ ...@@ -14,15 +14,18 @@
</el-col> </el-col>
<el-col :xs="20" :sm="12" :md="12" :lg="12" :xl="12"> <el-col :xs="20" :sm="12" :md="12" :lg="12" :xl="12">
<div class="right-panel"> <div class="right-panel">
<vab-error-log /> <span>系统问题咨询电话：021-23513964，业务问题请联系采购或财务</span>
<vab-full-screen-bar @refresh="refreshRoute" /> <span>（咨询时间：周一至周五晚上9:00-18:00）</span>
<vab-theme-bar class="hidden-xs-only" /> <span>本页操作说明书：</span>
<vab-icon <img
title="重载所有路由" style="margin-right: 0.8vw"
:pulse="pulse" src="@/assets/qr_logo/book.png"
:icon="['fas', 'redo']" alt=""
@click="refreshRoute"
/> />
<vab-error-log />
<!-- <vab-full-screen-bar @refresh="refreshRoute" /> -->
<!-- <vab-theme-bar class="hidden-xs-only" /> -->
<!-- <vab-icon title="重载所有路由" :pulse="pulse" :icon="['fas', 'redo']" @click="refreshRoute" /> -->
<vab-avatar /> <vab-avatar />
<!-- <vab-icon <!-- <vab-icon
title="退出系统" title="退出系统"
...@@ -107,6 +110,23 @@ ...@@ -107,6 +110,23 @@
justify-content: flex-end; justify-content: flex-end;
height: $base-nav-bar-height; height: $base-nav-bar-height;
span {
white-space: nowrap;
&:first-child {
color: #ff0000;
}
&:nth-child(2) {
color: #0000ff;
}
&:nth-child(3) {
font-size: calc(100vw * 15 / 1920);
font-weight: bold;
}
}
::v-deep { ::v-deep {
svg { svg {
width: 1em; width: 1em;
......
src/layouts/index.vue
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</div> </div>
</div> </div>
<div class="vab-main main-padding"> <div class="vab-main main-padding">
<vab-ad /> <!-- <vab-ad /> -->
<vab-app-main /> <vab-app-main />
</div> </div>
</div> </div>
......
src/views/vab/accountInfoConfirm/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'AccountInfoConfirm',
}
</script>
<style></style>
src/views/vab/accountProtection/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'AccountProtection',
}
</script>
<style></style>
src/views/vab/billDetailsQuery/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'BillDetailsQuery',
}
</script>
<style></style>
src/views/vab/billQuery/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'BillQuery',
}
</script>
<style></style>
src/views/vab/directOrder/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'DirectOrder',
}
</script>
<style></style>
src/views/vab/getOrder/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'GetOrder',
}
</script>
<style></style>
src/views/vab/orderDownload/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'OrderDownload',
}
</script>
<style></style>
src/views/vab/orderProgress/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'OrderProgress',
}
</script>
<style></style>
src/views/vab/payRecord/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'PayRecord',
}
</script>
<style></style>
src/views/vab/profitDetailsQuery/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'ProfitDetailsQuery',
}
</script>
<style></style>
src/views/vab/profitQuery/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'ProfitQuery',
}
</script>
<style></style>
src/views/vab/supplierInvoicing/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'SupplierInvoicing',
}
</script>
<style></style>
src/views/vab/supplierInvoicingQuery/index.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: 'SupplierInvoicingQuery',
}
</script>
<style></style>
vue.config.js
...@@ -42,7 +42,7 @@ module.exports = { ...@@ -42,7 +42,7 @@ module.exports = {
publicPath, publicPath,
assetsDir, assetsDir,
outputDir, outputDir,
lintOnSave, lintOnSave: false,
transpileDependencies, transpileDependencies,
devServer: { devServer: {
......
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