Commit 41b85030 authored by zL's avatar zL

去除无用代码

parent 4b70ae79
...@@ -3,8 +3,6 @@ ...@@ -3,8 +3,6 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"dev:refactoring": "vue-cli-service serve --mode refactoring_test" "dev:refactoring": "vue-cli-service serve --mode refactoring_test"
}, },
"dependencies": { "dependencies": {
...@@ -34,4 +32,4 @@ ...@@ -34,4 +32,4 @@
"last 2 versions", "last 2 versions",
"not dead" "not dead"
] ]
} }
\ No newline at end of file
<!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>
</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>
<template>
<div id="app">
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
</div>
<router-view/>
</div>
</template>
<style lang="stylus">
#app
font-family Avenir, Helvetica, Arial, sans-serif
-webkit-font-smoothing antialiased
-moz-osx-font-smoothing grayscale
text-align center
color #2c3e50
margin-top 60px
</style>
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<p>
For a guide and recipes on how to configure / customize this project,<br>
check out the
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
</p>
<h3>Installed CLI Plugins</h3>
<ul>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target="_blank" rel="noopener">typescript</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li>
</ul>
<h3>Essential Links</h3>
<ul>
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
</ul>
<h3>Ecosystem</h3>
<ul>
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
</ul>
</div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component
export default class HelloWorld extends Vue {
@Prop() private msg!: string;
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="stylus">
h3
margin 40px 0 0
ul
list-style-type none
padding 0
li
display inline-block
margin 0 10px
a
color #42b983
</style>
...@@ -196,7 +196,7 @@ export default class Home extends Vue { ...@@ -196,7 +196,7 @@ export default class Home extends Vue {
{ text: `定期维护更新` }, { text: `定期维护更新` },
{ text: `专业技术支持` }, { text: `专业技术支持` },
{ text: `全程自定义` }, { text: `全程自定义` },
{ text: `全程协同合作` } { text: `全程协同合作` },
]; ];
public hashText = ``; public hashText = ``;
// 我们的优势 // 我们的优势
...@@ -205,53 +205,53 @@ export default class Home extends Vue { ...@@ -205,53 +205,53 @@ export default class Home extends Vue {
src: require("../images/advantage1_szhfwcz.png"), src: require("../images/advantage1_szhfwcz.png"),
icon: `&#xe61e;`, icon: `&#xe61e;`,
title: `数字化防伪存证`, title: `数字化防伪存证`,
text: `区块链共识算法、非对称加密、分布式存储等技术特性,存证安全加密,溯源真实。` text: `区块链共识算法、非对称加密、分布式存储等技术特性,存证安全加密,溯源真实。`,
}, },
{ {
src: require("../images/advantage2_qzqsjjk.png"), src: require("../images/advantage2_qzqsjjk.png"),
icon: `&#xe632;`, icon: `&#xe632;`,
title: `全周期数据监控`, title: `全周期数据监控`,
text: `上链数据无法作弊、不可篡改,从源头控制数据,实现存证全生命周期监控。` text: `上链数据无法作弊、不可篡改,从源头控制数据,实现存证全生命周期监控。`,
}, },
{ {
src: require("../images/advantage3_djdsycz.png"), src: require("../images/advantage3_djdsycz.png"),
icon: `&#xe61b;`, icon: `&#xe61b;`,
title: `多节点溯源见证`, title: `多节点溯源见证`,
text: `高质量溯源系统稳定可靠,存证关键控制点提供警告、预防、管控提示,数据可控。` text: `高质量溯源系统稳定可靠,存证关键控制点提供警告、预防、管控提示,数据可控。`,
}, },
{ {
src: require("../images/advantage4_zdyslmb.png"), src: require("../images/advantage4_zdyslmb.png"),
icon: `&#xe61c;`, icon: `&#xe61c;`,
title: `自定义上链模板`, title: `自定义上链模板`,
text: `个性化模板自由定制,类目产品任意添加,数字化一体存证,操作更灵活。` text: `个性化模板自由定制,类目产品任意添加,数字化一体存证,操作更灵活。`,
}, },
{ {
src: require("../images/advantage5_dcbgxlz.png"), src: require("../images/advantage5_dcbgxlz.png"),
icon: `&#xe617;`, icon: `&#xe617;`,
title: `低成本高效流转`, title: `低成本高效流转`,
text: `上链即生成专属二维码,有效提高协调效率,线上线下易流转,降低传播成本。` text: `上链即生成专属二维码,有效提高协调效率,线上线下易流转,降低传播成本。`,
}, },
{ {
src: require("../images/advantage6_ganfhtx.png"), src: require("../images/advantage6_ganfhtx.png"),
icon: `&#xe61a;`, icon: `&#xe61a;`,
title: `高安全防护体系`, title: `高安全防护体系`,
text: `多维度、多层防护确保系统技术安全,保障产品及服务的无系统性风险运作。` text: `多维度、多层防护确保系统技术安全,保障产品及服务的无系统性风险运作。`,
} },
]; ];
// 企业独立部署 // 企业独立部署
public deploys = [ public deploys = [
{ {
title: `增量更新`, title: `增量更新`,
text: `信息上链后可持续录入,多次上链,上传更便捷。` text: `信息上链后可持续录入,多次上链,上传更便捷。`,
}, },
{ {
title: `用户管理`, title: `用户管理`,
text: `管理员统一设用户权限,专人专责,管理更规范。` text: `管理员统一设用户权限,专人专责,管理更规范。`,
}, },
{ {
title: `权限交接`, title: `权限交接`,
text: `现有工作信息一键移交,尽在掌握,操作更简单。` text: `现有工作信息一键移交,尽在掌握,操作更简单。`,
} },
]; ];
public currentDeploy = 0; // 当前选中的企业部署 public currentDeploy = 0; // 当前选中的企业部署
...@@ -262,7 +262,7 @@ export default class Home extends Vue { ...@@ -262,7 +262,7 @@ export default class Home extends Vue {
margin: 100, // 盒子间距 margin: 100, // 盒子间距
currentNum: 0, // 当前移动了多少 currentNum: 0, // 当前移动了多少
currentIndex: 0, // 当前显示的最左边是哪个 currentIndex: 0, // 当前显示的最左边是哪个
box: 3 // 一次显示几个盒子 box: 3, // 一次显示几个盒子
}; };
// 使用行业 // 使用行业
public industrys = [ public industrys = [
...@@ -270,26 +270,26 @@ export default class Home extends Vue { ...@@ -270,26 +270,26 @@ export default class Home extends Vue {
color: `#15CBBA`, color: `#15CBBA`,
icon: `&#xe62f;`, icon: `&#xe62f;`,
title: `商品上链`, title: `商品上链`,
text: `对商品实现从源头的信息采集记录,原料来源追溯、⽣产过程、加⼯环节、仓储信息、检验批次、物流周转、到第三⽅质检、海关出⼊境、防伪鉴证的全程可追溯。` text: `对商品实现从源头的信息采集记录,原料来源追溯、⽣产过程、加⼯环节、仓储信息、检验批次、物流周转、到第三⽅质检、海关出⼊境、防伪鉴证的全程可追溯。`,
}, },
{ {
color: `#6587FD`, color: `#6587FD`,
icon: `&#xe62e;`, icon: `&#xe62e;`,
title: `证书上链`, title: `证书上链`,
text: `各种教育资质证书均可上链,将个人学习、培训记录和证书存放在区块链数据库中,使得证书验证更加安全、有效,保证学习记录和证书的真实性并永久保存。` text: `各种教育资质证书均可上链,将个人学习、培训记录和证书存放在区块链数据库中,使得证书验证更加安全、有效,保证学习记录和证书的真实性并永久保存。`,
}, },
{ {
color: `#FFA475`, color: `#FFA475`,
icon: `&#xe645;`, icon: `&#xe645;`,
title: `文章上链`, title: `文章上链`,
text: `上链后文章将永久被记录在区块链上,不可篡改且不可删除,区块链文章为原创文章作者应有的版权保驾护航,让维权更简单。` text: `上链后文章将永久被记录在区块链上,不可篡改且不可删除,区块链文章为原创文章作者应有的版权保驾护航,让维权更简单。`,
}, },
{ {
color: `#FF7575`, color: `#FF7575`,
icon: `&#xe631;`, icon: `&#xe631;`,
title: `古董字画存证`, title: `古董字画存证`,
text: `上链后赋予每一件艺术品独一无二的身份信息,即便在交易流转过程中也可进行信息追加,让赝品、仿品无可乘之机,有效保障艺术品交易双方利益。` text: `上链后赋予每一件艺术品独一无二的身份信息,即便在交易流转过程中也可进行信息追加,让赝品、仿品无可乘之机,有效保障艺术品交易双方利益。`,
} },
]; ];
public mounted() { public mounted() {
this.industryStyle.currentIndex = 1; this.industryStyle.currentIndex = 1;
...@@ -303,7 +303,7 @@ export default class Home extends Vue { ...@@ -303,7 +303,7 @@ export default class Home extends Vue {
return { return {
icon: !isFlag ? `&#xe61f;` : `&#xe622;`, icon: !isFlag ? `&#xe61f;` : `&#xe622;`,
style: { color: !isFlag ? `#EFEFEF` : `#9DA0D6` }, style: { color: !isFlag ? `#EFEFEF` : `#9DA0D6` },
isFlag: isFlag isFlag: isFlag,
}; };
} }
// 右边按钮是否可以点击 // 右边按钮是否可以点击
...@@ -312,7 +312,7 @@ export default class Home extends Vue { ...@@ -312,7 +312,7 @@ export default class Home extends Vue {
return { return {
icon: !isFlag ? `&#xe621;` : `&#xe620;`, icon: !isFlag ? `&#xe621;` : `&#xe620;`,
style: { color: !isFlag ? `#EFEFEF` : `#9DA0D6` }, style: { color: !isFlag ? `#EFEFEF` : `#9DA0D6` },
isFlag: isFlag isFlag: isFlag,
}; };
} }
// 点击轮播切换 // 点击轮播切换
...@@ -330,21 +330,11 @@ export default class Home extends Vue { ...@@ -330,21 +330,11 @@ export default class Home extends Vue {
industryStyle.currentIndex--; industryStyle.currentIndex--;
} }
industryStyle.style = { industryStyle.style = {
transform: `translateX(${industryStyle.currentNum}px)` transform: `translateX(${industryStyle.currentNum}px)`,
}; };
} }
toLoginPanel(isRegister: boolean) { toLoginPanel(isRegister: boolean) {
// if (isRegister) {
// this.$router.push({
// path: "/signIn",
// query: {
// type: "1"
// }
// });
// } else {
// this.$router.push(`/signIn`);
// }
this.$router.push(`/signIn`); this.$router.push(`/signIn`);
} }
...@@ -384,7 +374,6 @@ export default class Home extends Vue { ...@@ -384,7 +374,6 @@ export default class Home extends Vue {
.home { .home {
min-width: 1200px; min-width: 1200px;
// overflow: hidden;
} }
.home-1 { .home-1 {
...@@ -434,9 +423,6 @@ export default class Home extends Vue { ...@@ -434,9 +423,6 @@ export default class Home extends Vue {
} }
} }
} }
// .bg-layout {
// }
.bg-content { .bg-content {
width: 465px; width: 465px;
height: 350px; height: 350px;
...@@ -982,18 +968,9 @@ export default class Home extends Vue { ...@@ -982,18 +968,9 @@ export default class Home extends Vue {
background-color: #c5cfe8; background-color: #c5cfe8;
margin: 4px 0 18px 0; margin: 4px 0 18px 0;
} }
// .footer-phone {
// }
// .footer-email {
// }
.footer-addr { .footer-addr {
padding-right: 40px; padding-right: 40px;
} }
// .footer-help {
// }
.footer-qs { .footer-qs {
width: 200px; width: 200px;
.footer-qs-img { .footer-qs-img {
......
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
import Vue from 'vue'
import VueRouter, { RouteConfig } from 'vue-router'
import Home from '../views/Home.vue'
Vue.use(VueRouter)
const routes: Array<RouteConfig> = [
{
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
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
}
})
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js App"/>
</div>
</template>
<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
export default {
name: 'Home',
components: {
HelloWorld
}
}
</script>
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