Skip to content

3
360-views
Commit bbfaec3b authored by 陈佳豪's avatar 陈佳豪
Browse files
Options

重新提交

parent 00a0541b
Expand all Show whitespace changes
Inline Side-by-side
Showing with 13599 additions and 1 deletion
healthy @ 59cdf913
Subproject commit 59cdf9138fb3a00df3c99782c0f98a9bf161e658
healthy/.babelrc 0 → 100644
View file @ bbfaec3b
{
"presets": [["@babel/preset-env", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
\ No newline at end of file
healthy/.editorconfig 0 → 100644
View file @ bbfaec3b
[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
healthy/.gitignore 0 → 100644
View file @ bbfaec3b
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
healthy/README.md 0 → 100644
View file @ bbfaec3b
# healthy
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
healthy/babel.config.js 0 → 100644
View file @ bbfaec3b
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
],
}
healthy/package-lock.json 0 → 100644
View file @ bbfaec3b
This diff is collapsed.
healthy/package.json 0 → 100644
View file @ bbfaec3b
{
"name": "healthy",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.5",
"element-ui": "^2.13.2",
"register-service-worker": "^1.7.1",
"swiper": "^5.4.5",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vuex": "^3.4.0"
},
"devDependencies": {
"@babel/preset-env": "^7.10.4",
"@vue/cli-plugin-babel": "~4.4.0",
"@vue/cli-plugin-eslint": "~4.4.0",
"@vue/cli-plugin-pwa": "~4.4.0",
"@vue/cli-plugin-router": "~4.4.0",
"@vue/cli-plugin-vuex": "~4.4.0",
"@vue/cli-service": "~4.4.0",
"@vue/eslint-config-standard": "^5.1.2",
"babel-eslint": "^10.1.0",
"babel-plugin-component": "^1.1.1",
"babel-preset-es2015": "^6.24.1",
"element-ui": "^2.13.2",
"eslint": "^6.7.2",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.0",
"eslint-plugin-vue": "^6.2.2",
"sass": "^1.26.5",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"@vue/standard"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}
healthy/public/img/icons/safari-pinned-tab.svg 0 → 100644
View file @ bbfaec3b
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
</svg>
healthy/public/index.html 0 → 100644
View file @ bbfaec3b
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
<title>云健康档案</title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
healthy/public/robots.txt 0 → 100644
View file @ bbfaec3b
User-agent: *
Disallow:
healthy/src/App.vue 0 → 100644
View file @ bbfaec3b
<template>
<div id="app">
<div class="big-box">
<Head />
<Main />
</div>
</div>
</template>
<style lang="scss">
#app {
width: 1920px;
margin-left: 0;
margin-right: 0;
margin: auto;
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-shadow: 0 0 3px 3px #999;
}
// #nav {
// padding: 30px;
// a {
// font-weight: bold;
// color: #2c3e50;
// &.router-link-exact-active {
// color: #42b983;
// }
// }
// }
</style>
healthy/src/components/Content.vue 0 → 100644
View file @ bbfaec3b
<template>
<div class="content">
<!-- 使用组件完成顶部信息展示 -->
<List-head/>
<!-- 中间信息展示 -->
<div class="middle">
<Title title="基本信息" :flag="false" />
<!-- 下方信息展示 -->
<div class="middle-info">
<ul class="clear">
<li v-for="(usersinfo,index) in usersinfo" :key="index">
<p>
<strong>{{usersinfo.title}}</strong>
{{usersinfo.content}}
</p>
<p>
<strong>{{usersinfo.title1}}</strong>
{{usersinfo.content1}}
</p>
</li>
</ul>
</div>
</div>
<!-- 底部信息展示 -->
<div class="bottom">
<!-- 头部标题 -->
<Title title="出生医学证明" :flag="false" />
<!-- 下方信息展示 -->
<div class="bottom-info">
<!-- 个人信息 -->
<div class="info-top">
<div class="images">
<img src="../assets/users.png" alt />
</div>
<ul class="clear">
<li v-for="(item,i) in users" :key="i">
<p>
<strong>{{item.title}}</strong>
{{item.content}}
</p>
<p>
<strong>{{item.title1}}</strong>
{{item.content1}}
</p>
<p>
<strong>{{item.title2}}</strong>
{{item.content2}}
</p>
<p>
<strong>{{item.title3}}</strong>
{{item.content3}}
</p>
</li>
</ul>
</div>
<!-- 母亲信息 -->
<div class="info-middle">
<div class="images">
<img src="../assets/mother.png" alt />
</div>
<ul class="clear">
<li v-for="(item,i) in mother" :key="i">
<p>
<strong>{{item.title}}</strong>
{{item.content}}
</p>
<p>
<strong>{{item.title1}}</strong>
{{item.content1}}
</p>
</li>
</ul>
</div>
<!-- 父亲信息 -->
<div class="info-bottom">
<div class="images">
<img src="../assets/father.png" alt />
</div>
<ul class="clear">
<li v-for="(item,i) in father" :key="i">
<p>
<strong>{{item.title}}</strong>
{{item.content}}
</p>
<p>
<strong>{{item.title1}}</strong>
{{item.content1}}
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
usersinfo: [
{
title: '健康档案编号;',
content: '4278452212124800',
title1: '联系人:',
content1: '韩和'
},
{
title: '出生日期:',
content: '2015年1月1日',
title1: '联系电话:',
content1: '18754215546'
},
{
title: '民族:',
content: '汉族',
title1: '家庭住址:',
content1: '湖北省宜昌市枝江市当阳长坂坡'
}
],
users: [
{
title: '出生医学证明编号:',
content: '4278452212124800',
title1: '出生身长:',
content1: '80cm',
title2: '接生人员姓名:',
content2: '胡佑硕',
title3: '签发日期:',
content3: '中国'
},
{
title: '出生地址:',
content: '湖北省宜昌市枝江市当阳长坂坡',
title1: '出生体重:',
content1: '1.8kg',
title2: '签发机构名称:',
content2: '宜昌市枝江市当阳',
title3: '领证人员姓名:',
content3: '刘长红'
},
{
title: '出生孕周:',
content: '40周',
title1: '接生医疗机构名称:',
content1: '宜昌市枝江市妇幼医院',
title2: '签发人员姓名:',
content2: '陈晨'
}
],
mother: [
{
title: '母亲姓名:',
content: '韩和',
title1: '母亲民族:',
content1: '中国'
},
{
title: '母亲出生日期:',
content: '1985.07.6',
title1: '母亲身份证号码:',
content1: '4278452212124800'
},
{
title: '母亲国籍:',
content: '中国',
title1: '母亲地址:',
content1: '湖北省宜昌市枝江市当阳长坂坡'
}
],
father: [
{
title: '父亲姓名:',
content: '韩呵呵',
title1: '父亲民族:',
content1: '中国'
},
{
title: '父亲出生日期:',
content: '1985.07.6',
title1: '父亲身份证号码:',
content1: '4278452212124800'
},
{
title: '父亲国籍:',
content: '中国',
title1: '父亲地址:',
content1: '湖北省宜昌市枝江市当阳长坂坡'
}
]
}
},
mounted () {}
}
</script>
<style lang="scss" scoped>
.middle {
margin-left: 40px;
height: 228px;
width: 95%;
background-color: #fff;
margin-top: 30px;
.title {
border-bottom: 1px solid #ecf2f7;
}
span {
width: 12px;
height: 12px;
display: inline-block;
background: rgba(57, 203, 254, 1);
border-radius: 50%;
margin-top: 33px;
margin-left: 31px;
margin-right: 17px;
}
h3 {
display: inline-block;
color: #7895ff;
font-size: 20px;
margin-top: 26px;
padding-bottom: 28px;
}
ul {
margin-top: 10px;
li {
float: left;
width: 28%;
margin-left: 4%;
font-size: 16px;
p {
line-height: 73px;
color: #5d6884;
strong {
color: #303951;
margin-right: 10px;
}
}
}
}
}
.bottom {
margin-left: 40px;
height: 580px;
width: 95%;
background-color: #fff;
margin-top: 30px;
margin-bottom: 30px;
.info-top,
.info-middle,
.info-bottom {
// height: 222px;
width: 1559px;
margin-left: 35px;
margin-top: 40px;
border-bottom: 1px solid #ecf2f7;
// background-color: red;
.images {
float: left;
img {
width: 58px;
height: 58px;
}
}
ul li {
float: left;
width: 30%;
margin-left: 2%;
p {
margin-bottom: 21px;
color: #5d6884;
font-size: 16px;
strong {
color: #303951;
margin-right: 10px;
}
}
}
}
}
</style>
healthy/src/components/Event.vue 0 → 100644
View file @ bbfaec3b
<template>
<div>
<List-head/>
<!-- 计划免疫接种情况展示 -->
<div class="showPlan">
<!-- 头部标题 -->
<Title title="计划免疫接种情况" />
</div>
</div>
</template>
<style lang="scss" scoped>
.showPlan{
width: 95%;
height: 900px;
background-color: #fff;
margin-top: 31px;
margin-left: 40px;
margin-bottom: 36px;
}
</style>
\ No newline at end of file
healthy/src/components/Head.vue 0 → 100644
View file @ bbfaec3b
<template>
<!-- 头部显示 -->
<header class="both">
<div class="logo clear">
<h1>
<img src="../assets/logo.png" alt="">
</h1>
</div>
<div class="nav clear">
<ul class="clear">
<li v-for="(item,i) in header" :key="i">
<span></span>
<div class="content">
<p>{{item.title}}</p>
<p>{{item.cycle}}</p>
</div>
</li>
</ul>
</div>
</header>
</template>
<script>
export default {
data (){
return {
header:[
{title:'婴儿期',cycle:'0-1岁'},
{title:'婴儿期',cycle:'0-1岁'},
{title:'婴儿期',cycle:'0-1岁'},
{title:'婴儿期',cycle:'0-1岁'},
{title:'婴儿期',cycle:'0-1岁'},
{title:'婴儿期',cycle:'0-1岁'},
{title:'婴儿期',cycle:'0-1岁'},
{title:'婴儿期',cycle:'0-1岁'}
]
}
},
mounted(){
console.log(this.header)
}
}
</script>
<style lang="scss" scoped>
header{
// background-color: red;
.logo{
float: left;
h1{
height: 100px;
img{
width: 120px;
height: 54px;
margin-left: 31px;
margin-top: 27px;
}
}
}
}
.nav{
ul li{
float: right;
width: 200px;
height: 100px;
text-align: center;
line-height: 50px;
}
}
</style>
healthy/src/components/ListHead.vue 0 → 100644
View file @ bbfaec3b
<template>
<div>
<!-- 顶部信息展示 -->
<div class="top">
<!-- 顶部左侧信息展示 -->
<div class="left clear">
<div class="avater">
<img src="../assets/logo.png" alt />
</div>
<div class="information">
<h2>赵子龙</h2>
<div class="info">
<span class="info-left">
<i class="el-icon-eleme"></i>男
</span>
<span class="info-right">
<i class="el-icon-eleme"></i>2015.01.01
</span>
</div>
<p class="card">
<i class="el-icon-eleme"></i>4201**************52
</p>
</div>
</div>
<!-- 顶部右侧信息展示 -->
<div class="right clear">
<div class="step">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(list,i) in list" :key='i'>
<div class="show-list">
<p>{{list.title}}</p>
<p>
<img src="../assets/door.png" alt="">
</p>
<h4>{{list.tag}}</h4>
<p>{{list.time}}</p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
<div class="swiper-button-next"></div>
<!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import Swiper from "swiper";
import "swiper/css/swiper.min.css";
export default {
data() {
return {
list:[
{title:'枝江市妇幼',img:'../assets/door.png',tag:'门诊',time:'2015.01.01'},
{title:'枝江市妇幼',img:'../assets/door.png',tag:'门诊',time:'2015.01.02'},
{title:'枝江市妇幼',img:'../assets/door.png',tag:'门诊',time:'2015.01.03'},
{title:'枝江市妇幼',img:'../assets/door.png',tag:'门诊',time:'2015.01.04'},
{title:'枝江市妇幼',img:'../assets/door.png',tag:'门诊',time:'2015.01.05'},
]
};
},
mounted() {
var mySwiper = new Swiper(".swiper-container", {
slidesPerView : 5,
loop: true,
observer: true,
observeParents: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
})
},
updata() {
var mySwiper = new Swiper(".swiper-container", {
slidesPerView : 5,
// loop: true,
observer: true,
observeParents: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
},
};
</script>
<style lang="scss" scoped>
.top {
.left {
width: 22%;
height: 176px;
margin-top: 40px;
margin-left: 40px;
background-color: #fff;
float: left;
.avater {
float: left;
img {
width: 98px;
height: 98px;
margin-top: 40px;
margin-left: 30px;
border-radius: 50%;
}
}
.information {
display: inline-block;
margin-left: 20px;
margin-top: 40px;
h2 {
font-weight: bold;
font-size: 2px;
}
.info {
margin-top: 23px;
font-size: 14px;
i {
margin-right: 9px;
color: #abcdef;
}
.info-right {
margin-left: 23px;
}
}
.card {
margin-top: 6px;
i {
margin-right: 9px;
color: #abcdef;
}
}
}
}
.step {
width: 71%;
background-color: #fff;
height: 176px;
float: left;
margin-top: 40px;
margin-left: 30px;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
height: 176px;
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
text-align: center;
height: 100%;
position: relative;
p{
margin-top: 14px;
color: #5D6884;
}
h4{
margin-top: 14px;
}
}
}
}
</style>
healthy/src/components/Main.vue 0 → 100644
View file @ bbfaec3b
<template>
<div class="both">
<el-tabs :tab-position="tabPosition" style="height:100%">
<el-tab-pane label="人口学基本特征">
<span slot="label"><i><img src="../assets/icon1.png" alt=""></i> 人口学基本特征</span>
<Content/>
</el-tab-pane>
<el-tab-pane label="主要事件">
<span slot="label"><i><img src="../assets/icon2.png" alt=""></i> 主要事件</span>
<Event/>
</el-tab-pane>
<el-tab-pane label="主要健康问题">
<span slot="label"><i><img src="../assets/icon3.png" alt=""></i> 主要健康问题</span>
<Question/>
</el-tab-pane>
<el-tab-pane label="疾病管理">
<span slot="label"><i><img src="../assets/icon4.png" alt=""></i> 疾病管理</span>
<Yiqing/>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
export default {
data () {
return {
tabPosition: 'left'
}
}
}
</script>
<style lang="scss">
.both .el-tabs__item.is-active {
background: linear-gradient(
90deg,
rgba(57, 203, 254, 1) 0%,
rgba(124, 152, 255, 1) 100%
);
color: #fff;
}
.el-tabs__content {
overflow: hidden;
position: relative;
background-color: #f3f8fb;
// height:1114px;
}
.both .el-tabs--left .el-tabs__item.is-left {
text-align: left;
i{
img{
margin-top: 10px;
}
}
}
.el-tabs__item {
line-height: 60px;
color: #37425e;
}
.both .el-tabs--left .el-tabs__header.is-left {
float: left;
margin: 0;
}
</style>
healthy/src/components/Question.vue 0 → 100644
View file @ bbfaec3b
<template>
<div class="question">
<List-head/>
<div class="main">
<div class="show-question" v-for="( content , i ) in content" :key="i">
<Title :title="content.title" :flag="true" :show="true" />
<div class="content">
<p>{{ content.content }}</p>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
content: [
{
title: '出生情况',
content:
'本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。'
},
{
title: '出生情况',
content:
'本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。'
},
{
title: '出生情况',
content:
'本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。'
},
{
title: '出生情况',
content:
'本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。'
},
{
title: '出生情况',
content:
'本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。'
},
{
title: '出生情况',
content:
'本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。'
},
{
title: '出生情况',
content:
'本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。'
},
{
title: '出生情况',
content:
'本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。'
}
]
}
}
}
</script>
<style lang="scss" scoped>
.show-question {
background-color: #fff;
margin-left: 40px;
margin-top: 30px;
width:95%;
}
.content {
overflow: hidden;
p {
margin-top: 36px;
margin-bottom: 27px;
margin-left: 60px;
line-height: 28px;
font-size: 16px;
color: #5D6884;
}
}
.main {
margin-bottom: 30px;
}
</style>
healthy/src/components/Title.vue 0 → 100644
View file @ bbfaec3b
<template>
<div class="title">
<span></span>
<h3>{{title}}</h3>
<div class="tag" :v-if="flag">
<i v-if="show" class="el-icon-caret-top" ></i>
<i v-if="!show" class="el-icon-caret-bottom"></i>
</div>
</div>
</template>
<script>
export default {
props: {
title: {
type: String
},
show: {
type: Boolean
},
flag: {
type: Boolean
},
},
};
</script>
<style lang="scss" scoped>
.title {
border-bottom: 1px solid #ecf2f7;
}
span {
width: 12px;
height: 12px;
display: inline-block;
background: rgba(57, 203, 254, 1);
border-radius: 50%;
margin-top: 33px;
margin-left: 31px;
margin-right: 17px;
}
h3 {
display: inline-block;
color: #7895ff;
font-size: 20px;
margin-top: 26px;
padding-bottom: 28px;
}
i {
float: right;
margin-top: 34px;
margin-right: 31px;
color: #39cbfe;
}
.tag{
display: inline;
}
</style>
\ No newline at end of file
healthy/src/components/Yiqing.vue 0 → 100644
View file @ bbfaec3b
<template>
<div class="yiqing">
<List-head/>
<!-- 出生缺陷栏 -->
<div class="start">
<Title title="出生缺陷" :flag="true" :show="true" />
<div class="content">
<p>本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。</p>
</div>
</div>
<div class="child">
<Title title="新生儿疾病" :flag="true" :show="true" />
<div class="content">
<p>本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间本人XXX出生日期为:阳历19XX年X月X日，转换为阴历时间为19XX年X月X日。干部档案中最早材料《XXXXX》中记载的出生日期为阴历时间。</p>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.start{
width: 95%;
// height: 172px;
background-color: #fff;
margin-left: 40px;
margin-top: 30px;
}
.child{
width: 95%;
// height: 190px;
background-color: #fff;
margin-left: 40px;
margin-top: 30px;
margin-bottom: 342px;
}
.content{
overflow: hidden;
p{
width: 95%;
margin-top: 36px;
margin-bottom: 27px;
margin-left: 60px;
line-height: 28px;
font-size: 16px;
color: #5D6884;
}
}
</style>
\ No newline at end of file
healthy/src/main.js 0 → 100644
View file @ bbfaec3b
import Vue from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'　
// 全局的样式文件硬如
import './styles/index.scss'
import './utils'
// 引入element-ui的按需加载文件
import './utils/element.js'
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
healthy/src/registerServiceWorker.js 0 → 100644
View file @ bbfaec3b
/* eslint-disable no-console */
import { register } from 'register-service-worker'
if (process.env.NODE_ENV === 'production') {
register(`${process.env.BASE_URL}service-worker.js`, {
ready () {
console.log(
'App is being served from cache by a service worker.\n' +
'For more details, visit https://goo.gl/AFskqB'
)
},
registered () {
console.log('Service worker has been registered.')
},
cached () {
console.log('Content has been cached for offline use.')
},
updatefound () {
console.log('New content is downloading.')
},
updated () {
console.log('New content is available; please refresh.')
},
offline () {
console.log('No internet connection found. App is running in offline mode.')
},
error (error) {
console.error('Error during service worker registration:', error)
}
})
}
healthy/src/router/index.js 0 → 100644
View file @ bbfaec3b
import Vue from 'vue'
import VueRouter from 'vue-router'
// import Home from '../views/Home.vue'
Vue.use(VueRouter)
const routes = [
// {
// path: '/',
// name: 'Home',
// component: Home
// },
// {
// path: '/about',
// name: 'About',
// // route level code-splitting
// // this generates a separate chunk (about.[hash].js) for this route
// // which is lazy-loaded when the route is visited.
// component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
// }
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
healthy/src/store/index.js 0 → 100644
View file @ bbfaec3b
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
}
})
healthy/src/styles/common.scss 0 → 100644
View file @ bbfaec3b
@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
padding: 0;
margin: 0;
}
body{
font:12px/24px "微软雅黑","宋体",Arial;
color: #333;
}
a{
text-decoration: none;
color: inherit;/*继承*/
}
li{
list-style: none;
}
img{
vertical-align: top;
border:0;
}
a:hover{
color: red;
}
input:focus,textarea:focus,select:focus{
outline:none;
}
input[type="submit"],input[type="button"],input[type="reset"]{
cursor: pointer;
}
input{
padding: 0;
border: 0;
color: inherit;
font-family: inherit;
font-size:inherit;
}
textarea{
resize:none;
}
.sl{
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.clear:after{
content:"";
display: block;
clear: both;
height:0;
overflow:hidden;
visibility: hidden;
}
.clear{
zoom: 1;
}
.both{
width: 1920px;
margin-left: auto;
margin-right: auto;
}
healthy/src/utils/element.js 0 → 100644
View file @ bbfaec3b
import Vue from 'vue'
// 按需加载element-ui
import { Button, Tabs, TabPane, Steps, Step } from 'element-ui'
Vue.use(Button).use(Tabs).use(TabPane).use(Step).use(Steps)
healthy/src/utils/index.js 0 → 100644
View file @ bbfaec3b
import Vue from 'vue';
import Head from '@/components/Head.vue';
import Main from '@/components/Main.vue';
import Content from '@/components/Content.vue';
import ListHead from '@/components/ListHead.vue';
import Event from '@/components/Event.vue';
import Title from '@/components/Title.vue';
import Question from '@/components/Question.vue';
import Yiqing from '@/components/Yiqing.vue';
Vue.component('Head',Head)
Vue.component('Main',Main)
Vue.component('Content',Content)
Vue.component('ListHead',ListHead)
Vue.component('Event',Event)
Vue.component('Title',Title)
Vue.component('Question',Question)
Vue.component('Yiqing',Yiqing)
\ No newline at end of file
healthy/vue.config.js 0 → 100644
View file @ bbfaec3b
module.exports = {
lintOnSave:false , // 处理ESLint 的 error 提示
devServer:{
host:"localhost", // 0.0.0.0
port:8080,
open:true, // 自动打开浏览器
inline:true,
// proxy:{ // 反向代理
// }
},
publicPath:".", // 项目上线打包 打包启用
}
\ No newline at end of file
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