wangyifang
/
yikangyang-web
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
master
xy 1 year ago
parent db57d414af
commit 68db38f87e
11 changed files with 116 additions and 115 deletions
Show Stats Download Patch File Download Diff File

4
.env.development
Unescape View File

@ -2,6 +2,6 @@
ENV='development'
# base api
VUE_APP_BASE_API=http://starter.ali251.langye.net
VUE_APP_UPLOAD_API=http://starter.ali251.langye.net/api/admin/upload-file
VUE_APP_BASE_API=http://yikangyang.ali251.langye.net
VUE_APP_UPLOAD_API=http://yikangyang.ali251.langye.net/api/admin/upload-file
VUE_APP_PREVIEW_API=http://view.ali251.langye.net:8012/onlinePreview

6
.env.production
Unescape View File

@ -1,7 +1,7 @@
# just a flag
ENV = 'production'
ENV='production'
# base api
VUE_APP_BASE_API = http://starter.ali251.langye.net
VUE_APP_UPLOAD_API =http://starter.ali251.langye.net/api/admin/upload-file
VUE_APP_BASE_API=http://yikangyang.ali251.langye.net
VUE_APP_UPLOAD_API=http://yikangyang.ali251.langye.net/api/admin/upload-file
VUE_APP_PREVIEW_API=http://view.ali251.langye.net:8012/onlinePreview

10
.env.staging
Unescape View File

@ -1,9 +1,9 @@
NODE_ENV = production
NODE_ENV=production
# just a flag
ENV = 'staging'
ENV='staging'
# base api
VUE_APP_BASE_API=http://starter.ali251.langye.net
VUE_APP_UPLOAD_API=http://starter.ali251.langye.net/api/admin/upload-file
VUE_APP_BASE_API=http://yikangyang.ali251.langye.net
VUE_APP_UPLOAD_API=http://yikangyang.ali251.langye.net/api/admin/upload-file
VUE_APP_PREVIEW_API=http://view.ali251.langye.net:8012/onlinePreview

BIN
src/assets/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

8
src/components/LxHeader/index.vue
Unescape View File

@ -31,7 +31,7 @@ export default {
},
};
</script>
<style lang="less" scoped>
<style lang="scss" scoped>
.v-header {
display: flex;
border-bottom: 1px solid #dcdee2;
@ -42,10 +42,10 @@ export default {
// padding-top: 10px;
font-weight: bold;
font-size: 15px;
color: #0077CC;
color: $primaryColor;
white-space: nowrap;
border-bottom: 2px solid #0077CC;
> span {
border-bottom: 2px solid $primaryColor;
& > span {
position: relative;
}

170
src/layout/components/Sidebar/Logo.vue
Unescape View File

@ -1,89 +1,89 @@
<template>
<div class="sidebar-logo-container" :class="{'collapse':collapse}">
<transition name="sidebarLogoFade">
<template>
<div class="sidebar-logo-container" :class="{'collapse':collapse}">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img src="../../../assets/logo-mini.png?v=1" class="sidebar-logo">
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img src="../../../assets/logo-mini.png?v=1" class="sidebar-logo">
<img src="../../../assets/logo.png?v=2" class="sidebar-name-logo" />
</router-link>
</transition>
</div>
</template>
<script>
export default {
name: 'SidebarLogo',
props: {
collapse: {
type: Boolean,
required: true
}
},
data() {
return {
title: '',
logo: false
}
}
}
</script>
<style lang="scss" scoped>
.sidebarLogoFade-enter-active {
transition: opacity 1.5s;
}
.sidebar-name-logo {
width: 120px;
height: 22px;
}
.sidebarLogoFade-enter,
.sidebarLogoFade-leave-to {
opacity: 0;
}
.sidebar-logo-container {
position: relative;
width: 100%;
height: 50px;
line-height: 50px;
background: #fff;
text-align: center;
overflow: hidden;
& .sidebar-logo-link {
height: 100%;
width: 100%;
display: flex !important;
justify-content: center;
align-items: center;
& .sidebar-logo {
width: 38px;
height: 38px;
vertical-align: middle;
margin-right: 12px;
}
& .sidebar-title {
display: inline-block;
margin: 0;
color: #fff;
font-weight: 600;
line-height: 50px;
font-size: 14px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle;
}
}
&.collapse {
.sidebar-logo {
margin-right: 0px;
}
}
}
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<!-- <img src="../../../assets/logo-mini.png?v=1" class="sidebar-logo">-->
<img src="../../../assets/logo.png?v=2" class="sidebar-name-logo" />
</router-link>
</transition>
</div>
</template>
<script>
export default {
name: 'SidebarLogo',
props: {
collapse: {
type: Boolean,
required: true
}
},
data() {
return {
title: '',
logo: false
}
}
}
</script>
<style lang="scss" scoped>
.sidebarLogoFade-enter-active {
transition: opacity 1.5s;
}
.sidebar-name-logo {
height: 76%;
object-fit: contain;
}
.sidebarLogoFade-enter,
.sidebarLogoFade-leave-to {
opacity: 0;
}
.sidebar-logo-container {
position: relative;
width: 100%;
height: 50px;
line-height: 50px;
background: $primaryColor;
text-align: center;
overflow: hidden;
& .sidebar-logo-link {
height: 100%;
width: 100%;
display: flex !important;
justify-content: center;
align-items: center;
& .sidebar-logo {
width: 38px;
height: 38px;
vertical-align: middle;
margin-right: 12px;
}
& .sidebar-title {
display: inline-block;
margin: 0;
color: #fff;
font-weight: 600;
line-height: 50px;
font-size: 14px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle;
}
}
&.collapse {
.sidebar-logo {
margin-right: 0px;
}
}
}
</style>

4
src/settings.js
Unescape View File

@ -1,7 +1,7 @@
module.exports = {
title: '朗业基础平台',
TOKEN_KEY: 'starter_token',
title: '医康养',
TOKEN_KEY: 'yikangyang_web_token',
/**
* @type {boolean} true | false
* @description Whether fix the header

4
src/styles/element-variables.scss
Unescape View File

@ -1,7 +1,7 @@
/* 改变主题色变量 */
$--color-primary: #0077CC;
$--color-primary: #b3241d;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
@import "~element-ui/packages/theme-chalk/src/index";

6
src/styles/sidebar.scss
Unescape View File

@ -11,7 +11,7 @@
transition: width 0.28s;
width: $sideBarWidth !important;
//background-color: $menuBg;
background: linear-gradient(180deg, #0284cd, #0077CC);
background: transparent;
box-shadow: 1px 1px 15px 0px rgba(17, 76, 157, 0.2);
height: 100%;
position: fixed;
@ -89,7 +89,7 @@
//border-right: 5px solid $subMenuActiveText !important;
}
.is-active>.el-submenu__title {
color: $subMenuActiveText !important;
color: $primaryColor !important;
}
@ -104,7 +104,7 @@
}
&.is-active{
background-color: $submenuActiveBg !important;
border-right: 5px solid $subMenuActiveText !important;
border-right: 5px solid $subMenuHover !important;
color: $subMenuActiveText !important;
}
}

17
src/styles/variables.scss
Unescape View File

@ -1,19 +1,20 @@
$primaryColor: #b3241d;
// sidebar
$menuText:#ffffff;
$menuText:#606266;
$menuActiveText:#ffffff;
$subMenuActiveText:#ffffff; //https://github.com/ElemeFE/element/issues/12951
$menuBg:rgb(255, 255, 255,0);//#304156
$menuHover:rgba(242, 242, 242, .4);
$menuActiveBg:rgba(242, 242, 242, .4);
$menuBg:#ffffff;//#304156
$menuHover:#d96d68;
$menuActiveBg:#b3241d;
$subMenuBg:rgb(255, 255, 255,0);//#304156
$subMenuHover:rgba(242, 242, 242, .4);
$submenuActiveBg:rgba(242, 242, 242, .4);
$subMenuBg:#ffffff;//#1f2d3d
$subMenuHover:#d96d68;
$submenuActiveBg: #b3241d;
$sideBarWidth: 210px;
$primaryColor: #0077CC;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {

2
src/styles/viewui-mine.less
Unescape View File

@ -1,4 +1,4 @@
@import '~view-design/src/styles/index.less';
// Here are the variables to cover, such as:
@primary-color: #0077CC;
@primary-color: #b3241d;

Write Preview
Loading…
Cancel
Save