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 = [
'volume-up-line',
'volume-vibrate-fill',
'volume-vibrate-line',
'vuejs-fill',
'lqr_logo',
'vuejs-line',
'walk-fill',
'walk-line',
......
public/index.html
<!DOCTYPE html>
<html lang="zh-cmn-Hans" style="filter: grayscale(100%)">
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
......
src/config/setting.config.js
......@@ -13,7 +13,7 @@ const setting = {
// 进行编译的依赖
transpileDependencies: [],
//标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题）
title: 'vue-admin-better',
title: 'VIP供应商信息平台',
//简写
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>
<div v-if="routerView" class="app-main-container">
<vab-github-corner />
<!-- <vab-github-corner />
<transition mode="out-in" name="fade-transform">
<keep-alive :include="cachedRoutes" :max="keepAliveMaxNum">
<router-view :key="key" class="app-main-height" />
......@@ -10,7 +10,7 @@
Copyright
<vab-icon :icon="['fas', 'copyright']"></vab-icon>
vue-admin-better 开源免费版 {{ fullYear }}
</footer>
</footer> -->
</div>
</template>
......
src/layouts/components/VabAvatar/index.vue
......@@ -10,10 +10,10 @@
</span>
<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="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-menu>
</el-dropdown>
......@@ -96,7 +96,8 @@
}
.user-name {
position: relative;
// position: relative;
display: flex;
margin-left: 5px;
margin-left: 5px;
cursor: pointer;
......
src/layouts/components/VabLogo/index.vue
......@@ -2,7 +2,8 @@
<div :class="'logo-container-' + layout">
<router-link to="/">
<!-- 这里是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
class="title"
:class="{ 'hidden-xs-only': layout === 'horizontal' }"
......@@ -52,7 +53,7 @@
@mixin title {
display: inline-block;
overflow: hidden;
font-size: 24px;
font-size: 20px;
line-height: 55px;
color: $base-title-color;
text-overflow: ellipsis;
......@@ -74,13 +75,13 @@
.logo-container-vertical {
@include container;
height: $base-logo-height;
line-height: $base-logo-height;
text-align: center;
.logo {
@include logo;
// color: skyblue !important;
}
.title {
......
src/layouts/components/VabNavBar/index.vue
......@@ -14,15 +14,18 @@
</el-col>
<el-col :xs="20" :sm="12" :md="12" :lg="12" :xl="12">
<div class="right-panel">
<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"
<span>系统问题咨询电话：021-23513964，业务问题请联系采购或财务</span>
<span>（咨询时间：周一至周五晚上9:00-18:00）</span>
<span>本页操作说明书：</span>
<img
style="margin-right: 0.8vw"
src="@/assets/qr_logo/book.png"
alt=""
/>
<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-icon
title="退出系统"
......@@ -107,6 +110,23 @@
justify-content: flex-end;
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 {
svg {
width: 1em;
......
src/layouts/index.vue
......@@ -20,7 +20,7 @@
</div>
</div>
<div class="vab-main main-padding">
<vab-ad />
<!-- <vab-ad /> -->
<vab-app-main />
</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 = {
publicPath,
assetsDir,
outputDir,
lintOnSave,
lintOnSave: false,
transpileDependencies,
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