parent
4b7b3d395b
commit
e6e1900e5a
@ -1,11 +1,12 @@
|
|||||||
# 页面标题
|
# 页面标题
|
||||||
VUE_APP_TITLE = 若依管理系统
|
VUE_APP_TITLE = 人口数据管理系统
|
||||||
|
|
||||||
# 开发环境配置
|
# 开发环境配置
|
||||||
ENV = 'development'
|
ENV = 'development'
|
||||||
|
|
||||||
# 若依管理系统/开发环境
|
# 政务网/开发环境
|
||||||
VUE_APP_BASE_API = '/dev-api'
|
VUE_APP_BASE_API_HTML = "http://122.193.93.182:19002"
|
||||||
|
VUE_APP_BASE_API = 'http://122.193.93.182:19002'
|
||||||
|
|
||||||
# 路由懒加载
|
# 路由懒加载
|
||||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
# 页面标题
|
# 页面标题
|
||||||
VUE_APP_TITLE = 若依管理系统
|
VUE_APP_TITLE = 人口数据管理系统
|
||||||
|
|
||||||
# 生产环境配置
|
# 生产环境配置
|
||||||
ENV = 'production'
|
ENV = 'production'
|
||||||
|
|
||||||
# 若依管理系统/生产环境
|
# 人口数据管理系统/生产环境
|
||||||
VUE_APP_BASE_API = '/prod-api'
|
VUE_APP_BASE_API = '/prod-api'
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
# 页面标题
|
# 页面标题
|
||||||
VUE_APP_TITLE = 若依管理系统
|
VUE_APP_TITLE = 人口数据管理系统
|
||||||
|
|
||||||
NODE_ENV = production
|
NODE_ENV = production
|
||||||
|
|
||||||
# 测试环境配置
|
# 测试环境配置
|
||||||
ENV = 'staging'
|
ENV = 'staging'
|
||||||
|
|
||||||
# 若依管理系统/测试环境
|
# 人口数据管理系统/测试环境
|
||||||
VUE_APP_BASE_API = '/stage-api'
|
VUE_APP_BASE_API = '/stage-api'
|
||||||
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 191 KiB |
After Width: | Height: | Size: 10 KiB |
@ -0,0 +1,53 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: "Alibaba-PuHuiTi-Bold.otf";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/Alibaba-PuHuiTi-Bold.otf");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Alibaba-PuHuiTi-Heavy.otf";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/Alibaba-PuHuiTi-Heavy.otf");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Alibaba-PuHuiTi-Light.otf";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/Alibaba-PuHuiTi-Light.otf");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Alibaba-PuHuiTi-Medium.otf";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/Alibaba-PuHuiTi-Medium.otf");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/Alibaba-PuHuiTi-Regular.otf");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "DIN-Condensed-Bold-2.ttf";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/DIN-Condensed-Bold-2.ttf");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "DIN-Medium-2.otf";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/DIN-Medium-2.otf");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "xiniu";
|
||||||
|
src: url("./font/xiniu.TTF");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "DIN-Regular-2.otf";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/DIN-Regular-2.otf");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "din-bold-2.ttf";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/din-bold-2.ttf");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "BY";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/font-file/兮妞中黑体.TTF");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "DS-Digital";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/font-file/DS-DIGI.TTF");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "PangMenZhengDao-Regular";
|
||||||
|
src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/PangMenZhengDaoBiaoTiTi-1.ttf");
|
||||||
|
}
|
||||||
|
|
Binary file not shown.
@ -0,0 +1,69 @@
|
|||||||
|
<template>
|
||||||
|
<div class="navigation-bar">
|
||||||
|
<div class="navigation-title">
|
||||||
|
<div class="main-title" :text="mainTitle">{{ mainTitle }}</div>
|
||||||
|
<div class="sub-title" :text="subTitle">{{ subTitle }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
mainTitle: {
|
||||||
|
type: String,
|
||||||
|
default: "娄东街道人口数据管理系统",
|
||||||
|
},
|
||||||
|
subTitle: {
|
||||||
|
type: String,
|
||||||
|
default: "Population data management system",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.navigation-bar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
height: 125px;
|
||||||
|
width: 100%;
|
||||||
|
background: url("~@/assets/images/ui/navigation.png");
|
||||||
|
background-size: 100% 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
.navigation-title {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 6px;
|
||||||
|
.main-title {
|
||||||
|
font-size: 36px;
|
||||||
|
color: #ffffff;
|
||||||
|
letter-spacing: 3px;
|
||||||
|
text-shadow: #333 2px 2px 2px;
|
||||||
|
font-family: "xiniu";
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-title {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #f2fbff;
|
||||||
|
text-align: center;
|
||||||
|
font-family: "Alibaba-PuHuiTi-Regular.otf";
|
||||||
|
text-shadow: #333 2px 2px 2px;
|
||||||
|
}
|
||||||
|
.main-title::before,
|
||||||
|
.sub-title::before {
|
||||||
|
content: attr(text);
|
||||||
|
position: absolute;
|
||||||
|
z-index: 10;
|
||||||
|
color: #ffffff;
|
||||||
|
background: linear-gradient(0deg, #9cf7ff 20%, #eaeaeb 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Reference in new issue