Commit fd066b55 by 李宏达

lhd

parent 53be325c
......@@ -334,7 +334,7 @@ class RegionalpatentmonitoringCtl {
}
async aliBusinessDecision(obj){//IP智慧管理
async aliBusinessDecision(obj){//企业智慧管理
var entName = obj.entName;
var year = obj.year;
if(!entName){
......
......@@ -97,7 +97,7 @@ module.exports = {
{
"code": "businessdecisions",
"icon": "fa fa-search",
"label": "IP智慧管理",
"label": "企业智慧管理",
"bizCode": "businessdecisions",
"bizConfig": null,
"path": ""
......@@ -105,7 +105,7 @@ module.exports = {
{
"code": "businessdecisionsresult",
"icon": "fa fa-search",
"label": "IP智慧管理查询结果",
"label": "企业智慧管理查询结果",
"bizCode": "businessdecisionsresult",
"bizConfig": null,
"path": ""
......@@ -118,11 +118,28 @@ module.exports = {
"bizConfig": null,
"path": ""
},
{
"code": "competitiveanalysis",
"icon": "fa fa-search",
"label": "竞争企业分析",
"bizCode": "competitiveanalysis",
"bizConfig": null,
"path": ""
},
{
"code": "enterprisecontrast",
"icon": "fa fa-search",
"label": "竞争企业分析",
"bizCode": "enterprisecontrast",
"bizConfig": null,
"path": ""
}
],
},
"bizs": {
"iframehtml": {"title": "网页嵌入", "config": null, "path": "/iframehtml", "comname": "iframehtml"},
"competitiveanalysis": {"title": "竞争企业分析", "config": null, "path": "/competitiveanalysis", "comname": "competitiveanalysis"},
"enterprisecontrast": {"title": "竞争企业分析", "config": null, "path": "/enterprisecontrast", "comname": "enterprisecontrast"},
"home": {"title": "首页", "config": null, "path": "/", "comname": "home"},
"regionalpatentmonitoring": {"title": "监控", "config": null, "path": "/regionalpatentmonitoring", "comname": "regionalpatentmonitoring"},
"regionalpatentmonitoringdetails": {"title": "监控详情", "config": null, "path": "/regionalpatentmonitoringdetails", "comname": "regionalpatentmonitoringdetails"},
......@@ -187,20 +204,33 @@ module.exports = {
"comname": "regionalpatentmonitoringdetails"
},
"businessdecisions":{
"title": "IP智慧管理",
"title": "企业智慧管理",
"config": null,
"isDynamicRoute": false,
"path": "/businessdecisions",
"comname": "businessdecisions"
},
"businessdecisionsresult":{
"title": "IP智慧管理查询结果",
"title": "企业智慧管理查询结果",
"config": null,
"isDynamicRoute": false,
"path": "/businessdecisionsresult",
"comname": "businessdecisionsresult"
},
"competitiveanalysis":{
"title": "竞争企业分析",
"config": null,
"isDynamicRoute": false,
"path": "/businessdecisionsresult",
"comname": "businessdecisionsresult"
},
"path": "/competitiveanalysis",
"comname": "competitiveanalysis"
},
"enterprisecontrast":{
"title": "竞争企业分析",
"config": null,
"isDynamicRoute": false,
"path": "/enterprisecontrast",
"comname": "enterprisecontrast"
},
},
"pauths": [
"add", "edit", "delete", "export", "show"
......
......@@ -8789,7 +8789,7 @@ class PatentycService extends ServiceBase {
return reList;
};
async aliBusinessDecision(obj) {//IP智慧管理
async aliBusinessDecision(obj) {//企业智慧管理
var year = obj.year == null ? "" : obj.year;
var applicant = obj.entName == null ? "" : obj.entName;
var capilist = [];
......
This source diff could not be displayed because it is too large. You can view the blob instead.

12.1 KB | W: | H:

27.3 KB | W: | H:

ipop-web/app/front/entry/public/imgs/bgj1.png
ipop-web/app/front/entry/public/imgs/bgj1.png
ipop-web/app/front/entry/public/imgs/bgj1.png
ipop-web/app/front/entry/public/imgs/bgj1.png
  • 2-up
  • Swipe
  • Onion skin

29.7 KB | W: | H:

26.5 KB | W: | H:

ipop-web/app/front/entry/public/imgs/title.png
ipop-web/app/front/entry/public/imgs/title.png
ipop-web/app/front/entry/public/imgs/title.png
ipop-web/app/front/entry/public/imgs/title.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -149,6 +149,7 @@ axios.get("/vue/comp/base").then(function(res){
store:store,
data:function(){
return {
homeType: true,
navarr:[
{
name:'首页'
......@@ -159,7 +160,7 @@ axios.get("/vue/comp/base").then(function(res){
name:'智能分析'
},{
name:'IP智慧城市',
obj:['产业创新监测','创新人才发现','IP创新管理']
obj:['产业创新监测','创新人才发现','企业智慧管理']
},{
name:'智能估价'
},{
......@@ -172,7 +173,7 @@ axios.get("/vue/comp/base").then(function(res){
],
// {
// name:'企业级服务',
// obj:['IP智慧管理','智能估价']
// obj:['企业智慧管理','智能估价']
// }
// {
// name:'政府级服务',
......@@ -307,7 +308,7 @@ axios.get("/vue/comp/base").then(function(res){
setTimeout(()=>{
this.loadingHome = false;
},1000);
}else if ( v == 'IP创新管理') {
}else if ( v == '企业智慧管理') {
this.typeHome = false;
this.pushx({ name:'/businessdecisions'});
}else if(v== "高级检索"){
......
......@@ -36,7 +36,7 @@
margin-bottom: 59px;
}
.bd-main-input {
width: 976px;
width: 832px;
height: 78px;
border-radius: 6px;
background-color: rgba(17,132,224,0.2);
......@@ -44,6 +44,12 @@
padding: 10px;
box-sizing: border-box;
}
.bd-main-radio {
width: 832px;
height: 38px;
margin: 0 auto;
text-align: left;
}
.bd-input {
float: left;
width:668px;
......@@ -86,4 +92,19 @@
margin-left: 10px;
color: #fff;
cursor: pointer;
}
.businessdecisions .el-radio-button__inner {
background: transparent;
color: #fff;
border: none;
}
.businessdecisions .el-radio-button:first-child .el-radio-button__inner {
border-left: none;
}
.businessdecisions .el-radio-button__orig-radio:checked+.el-radio-button__inner {
color: #409EFF;
background-color: transparent;
border-color: transparent;
-webkit-box-shadow: -1px 0 0 0 transparent;
box-shadow: -1px 0 0 0 transparent;
}
\ No newline at end of file
......@@ -2,11 +2,33 @@
template:'${tmpl}',
data:function(){
return {
radio1: '深度分析',
year:"全部年份",
entName:"",
}
},
mounted:function(){
$('#wave-container').hover(function(){
$("#wave-container").addClass("animate-wave-container-hover");
},function(){
$("#wave-container").removeClass("animate-wave-container-hover");
});
},
methods:{
search1(val){
if (typeof val == 'string') {
console.log(val, this.radio1);
this.entName = val;
this.chaxun();
};
/*this.total=0;
this.currentpage=1;
清楚勾选的痕迹
this.checkAllAnalysis=false;
this.checkListAnalysis=[];
this.multipleSelection=[];
this.search();*/
},
chaxun () {
var obj={entName:"",year:""};
if(this.year && this.year!="全部年份" ){
......@@ -18,10 +40,18 @@
this.$message.warning("请填写企业名称");
return;
}
this.$root.pushx({
name:"/businessdecisionsresult",
params:obj
});
if (this.radio1 === '深度分析') {
this.$root.pushx({
name:"/businessdecisionsresult",
params:obj
});
}else {
this.$root.pushx({
name:"/competitiveanalysis",
params:obj
});
}
},
aliBusinessDecision(){
......
......@@ -499,7 +499,7 @@
this.year=this.$router.history.current.query.year || "";
if(!this.entName){
this.$root.pushx(
{ name:'/businessdecisions',title:"IP智慧管理"}
{ name:'/businessdecisions',title:"企业智慧管理"}
);
return ;
}
......@@ -514,7 +514,7 @@
this.initParams();
}else{
this.$root.pushx(
{ name:'/businessdecisions',title:"IP智慧管理"}
{ name:'/businessdecisions',title:"企业智慧管理"}
);
return ;
}*/
......
.competitiveanalysis {
width: 100%;
height: 100%;
background:rgba(15,12,63,1);
}
.competitiveanalysis .main {
width: 1200px;
height: 100%;
margin: 0 auto;
}
.competitiveanalysis .title {
width: 100%;
height: 63px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.title-div {
display: inline-block;
font-size:24px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(0,160,234,1);
line-height:63px;
}
.title-span {
position: absolute;
left: 0;
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
cursor: pointer;
}
.title-span span {
margin-right: 4px;
}
.lhd_header {
width:100%;
height:140px;
background:rgba(15,12,63,1);
border:1px solid rgba(17,132,224,1);
padding: 10px;
box-sizing: border-box;
text-align: left;
margin-top: 15px;
}
.lhd_header .left {
float: left;
width: 120px;
height: 120px;
text-align: center;
}
.lhd_header .right {
float: left;
height: 100%;
color: #fff;
padding-left: 20px;
box-sizing: border-box;
line-height: 40px;
}
.lhd_header .right div {
color: rgba(255, 255, 255, 1);
}
.lhd_header .right div span {
color: rgba(174, 210, 255, 1);
margin-right: 37px;
}
.lhd_h3 {
font-size:20px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(255,255,255,1);
}
.lhd_table {
width: 100%;
}
.lhd_table_top {
width:1200px;
height:60px;
background:rgba(27,37,106,0.8);
border:1px solid rgba(17,132,224,1);
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(55,166,255,1);
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.lhd_table_top span {
flex: 1;
text-align: center;
}
.lhd_table_list {
width: 100%;
height: 60px;
border: 1px solid rgba(17,132,224,1);
border-top: none;
border-bottom: 1px solid rgba(68,76,148,1);
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.lhd_table_list span {
flex: 1;
text-align: center;
}
.lhd_table_list .dj {
cursor: pointer;
}
\ No newline at end of file
<div class="competitiveanalysis">
<div class="main">
<div class="title">
<span class="title-span" @click="fanhui"><span><</span>返回上一级</span><div class="title-div">企业竞争分析</div>
</div>
<div class="lhd_header">
<div class="left"><img src="/imgs/fire.png" alt=""></div>
<div class="right">
<div class="lhd_h3">{{obj.companyname}}</div>
<div>专利总量&nbsp;&nbsp;<span>{{obj.patentnum}}</span>行业&nbsp;&nbsp;<span>{{obj.industryname}}</span>专利关键词&nbsp;&nbsp;<span>{{obj.businessscope}}</span></div>
<div>
主营业务&nbsp;&nbsp;<span>{{obj.keyword}}</span>
</div>
</div>
</div>
<div class="title">
<span class="title-span">专利竞争企业</span>
</div>
<div class="lhd_table">
<div class="lhd_table_top">
<span v-for="(item,key) in tableFrom" :key="key">{{item}}</span>
</div>
<div class="lhd_table_list" v-for="(list,index) in obj.competeinfo" :key="index">
<span>{{index}}</span>
<span>{{list.companyname}}</span>
<span>{{list.patentnum}}</span>
<span>{{list.keyword}}</span>
<span>{{list.industryname}}</span>
<span>{{list.competeindex}}</span>
<span class="dj" @click="contrast(list.companyname)">对比分析</span>
</div>
</div>
</div>
</div>
\ No newline at end of file
{
template:'${tmpl}',
data:function(){
return {
obj:{
"companyname": "华为技术科技有限公司",
"patentnum": 12345,
"industryname": "通信设备制造,互联网和相关服务",
"businessscope": "123456",
"keyword": [
"终端设备",
"电信"
],
"competeinfo": [
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造",
"competeindex": 90
},
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造,互联网和相关服务",
"competeindex": 90
},
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造",
"competeindex": 90
},
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造",
"competeindex": 90
},
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造",
"competeindex": 90
}
]
},
tableFrom:[
'序号','企业名称','专利总量','专利关键词','行业','竞争指数','操作'
],
entName: '',
year: ''
}
},
mounted:function(){
},
created:function(){
this.entName=this.$router.history.current.query.entName || "";
this.year=this.$router.history.current.query.year || "";
console.log(this.entName, this.year);
if (this.entName) {
this.analysisInfo();
}
},
methods:{
contrast(val) {
this.$root.pushx({
name:"/enterprisecontrast",
params:{
name1: val,
name2: this.entName
}
});
},
fanhui() {
this.$root.pushx({
name:"/businessdecisions",
params:{}
});
},
analysisInfo(){
var obj={entName:""};
if(this.entName ){
obj.entName=this.entName;
}else{
return ;
}
this.$root.showMask();
this.$root.getReq("web/patentycCtl/competitionAnalysisInfo",obj).then(d=>{
if(d && d.code==1){
this.obj = d.data;
console.log(d.data);
}
this.$root.hideMask();
}).catch(e=>{
this.$root.hideMask();
})
},
},
computed:{
},
vname:"gsb-competitiveanalysis"
}
.enterprisecontrast {
width: 100%;
height: 100%;
background-color: rgba(25, 19, 89, 1);
text-align: center;
font-size: 35px;
color: #fff;
}
.header_lhd {
width: 100%;
height: 8.1%;
background: url('https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_5371597459421664202015104341664组308.png') no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.left_button {
position: absolute;
left: 2%;
top: 0.5vh;
width: 6.3vh;
height: 6.3vh;
cursor: pointer;
}
.vs {
width: 47.4vh;
height: 100%;
}
.left_l {
font-size:3.4vh;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(219,229,240,1);
letter-spacing:1px;
-webkit-text-stroke:0px rgba(14,62,112,1);
text-stroke:0px rgba(14,62,112,1);
}
.right_h {
font-size:3.4vh;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(255,246,246,1);
letter-spacing:1px;
-webkit-text-stroke:2px rgba(255,0,0,1);
text-stroke:2px rgba(255,0,0,1);
}
.con_left {
margin-top: 5.3vh;
float: left;
width: 46.8%;
height: 78vh;
border:1px solid rgba(10,67,188,1);
margin-left: 2%;
}
.con_left_title {
width:100%;
height: 6.9%;
background:linear-gradient(270deg,rgba(41,91,214,1) 0%,rgba(22,45,103,0) 100%);
display: flex;
align-items: center;
justify-content: center;
}
.con_left_title span {
flex: 1;
font-size:16px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.cl_list {
width: 100%;
height: 18.9%;
display: flex;
align-items: center;
padding-left: 19px;
box-sizing: border-box;
}
.cl_list_title {
width: 23.6%;
height: 57.9%;
background: url('https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_1471597461958288202015112558288编组10.png') no-repeat;
background-size: 100% 100%;
font-size:1.8vh;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
position: relative;
text-align: left;
padding-top: 3.6%;
padding-left: 1.3%;
box-sizing: border-box;
}
.cl_list_title .mark {
position: absolute;
top: 0px;
right: 4.6%;
width:24.4%;
height: 77.3%;
background: url('https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_547159746286546720201511415467编组13.png') no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cl_list_item {
width: 20%;
height: 100%;
font-size:20px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.cl_text{
width: 80%;
text-align: left;
}
.cl_jdt {
width: 80%;
height: 15.1%;
background:rgba(34,70,147,1);
margin-top: 1vh;
}
.cl_zzt {
width:60%;
height:100%;
background:linear-gradient(90deg,rgba(50,197,255,1) 0%,rgba(97,228,255,1) 100%);
}
.con_right {
margin-top: 5.3vh;
float: right;
width: 46.8%;
height: 78vh;
border:1px solid rgba(84,42,42,1);
margin-right: 2%;
}
.con_right_title {
width:100%;
height: 6.9%;
background:linear-gradient(270deg,rgba(201,112,102,0) 0%,rgba(219,78,67,1) 100%);
display: flex;
align-items: center;
justify-content: center;
}
.con_right_title span {
flex: 1;
font-size:16px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.cr_list {
width: 100%;
height: 18.9%;
display: flex;
align-items: center;
padding-left: 19px;
box-sizing: border-box;
}
.cr_list_title {
width: 23.6%;
height: 57.9%;
background: url('https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_2067159746218207120201511294271编组12.png') no-repeat;
background-size: 100% 100%;
font-size:1.8vh;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
position: relative;
text-align: left;
padding-top: 3.6%;
padding-left: 1.3%;
box-sizing: border-box;
}
.cr_list_title .mark {
position: absolute;
top: 0px;
right: 4.6%;
width:24.4%;
height: 77.3%;
background: url('https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_547159746286546720201511415467编组13.png') no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cr_list_item {
width: 20%;
font-size:20px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.bar_lhd {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 21.3vh;
background: url('https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_4197159746069577320201511455773图层6 拷贝.png') no-repeat;
background-size: 100% 100%;
}
\ No newline at end of file
<div class="enterprisecontrast">
<div class="header_lhd">
<img class="left_button" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_17771597459611381202015104651381编组11.png" alt="">
<span class="left_l">{{name1}}</span>
<img class="vs" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_9771597459599608202015104639608编组9.png" alt="">
<span class="right_h">{{name2}}</span>
</div>
<div class="con_left">
<div class="con_left_title">
<span></span>
<span>专利总量</span>
<span>专利质量得分</span>
<span>专利成长率</span>
<span>总评分</span>
</div>
<div class="cl_list" v-for="(item,key) in 5" :key="key">
<div class="cl_list_title">
手机芯片技术
<div class="mark">9.9</div>
</div>
<div class="cl_list_item">
<div class="cl_text">6702</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[0]"></div></div>
</div>
<div class="cl_list_item">
<div class="cl_text">23</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[1]"></div></div>
</div>
<div class="cl_list_item">
<div class="cl_text">60%</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[2]"></div></div>
</div>
<div class="cl_list_item">
<div class="cl_text">133</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[3]"></div></div>
</div>
</div>
</div>
<div class="con_right">
<div class="con_right_title">
<span></span>
<span>专利总量</span>
<span>专利质量得分</span>
<span>专利成长率</span>
<span>总评分</span>
</div>
<div class="cr_list" v-for="(item,key) in 5" :key="key">
<div class="cr_list_title">
手机芯片技术
<div class="mark">9.9</div>
</div>
<div class="cl_list_item">
<div class="cl_text">6702</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[0]"></div></div>
</div>
<div class="cl_list_item">
<div class="cl_text">23</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[1]"></div></div>
</div>
<div class="cl_list_item">
<div class="cl_text">60%</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[2]"></div></div>
</div>
<div class="cl_list_item">
<div class="cl_text">133</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[3]"></div></div>
</div>
</div>
</div>
<div class="bar_lhd"></div>
</div>
\ No newline at end of file
{
template:'${tmpl}',
data:function(){
return {
name1: '',
name2: '',
colorArr:[
'background:linear-gradient(90deg,rgba(50,197,255,1) 0%,rgba(97,228,255,1) 100%);','background:linear-gradient(270deg,rgba(155,102,255,1) 0%,rgba(98,54,255,1) 100%);',
'background:linear-gradient(270deg,rgba(252,219,0,1) 0%,rgba(247,181,0,1) 100%);','background:linear-gradient(270deg,rgba(121,237,220,1) 0%,rgba(28,240,154,1) 100%);'
],
}
},
mounted:function(){
},
created:function(){
this.name1=this.$router.history.current.query.name1 || "";
this.name2=this.$router.history.current.query.name2 || "";
console.log(this.name1, this.name2);
},
methods:{
},
computed:{
},
vname:"gsb-enterprisecontrast"
}
......@@ -84,7 +84,7 @@
</div>
<div class="home-item" style="height:665px">
<div class="home-main">
<div class="content-title">IP智慧管理</div>
<div class="content-title">企业智慧管理</div>
<div class="content-name" style="margin-bottom: 49px;">企业、高校、科研院所等创新主体的决策、管理功能</div>
<img src="/imgs/home/a3.png" alt="">
</div>
......
......@@ -92,7 +92,7 @@
},
{
img:"/imgs/home/icon3.png",
name:'IP创新管理'
name:'企业智慧管理'
},
{
img:"/imgs/home/icon5.png",
......@@ -121,7 +121,14 @@
channels:[],
keyIcon: null,
keyIcon1: null,
BannerHeight:''
BannerHeight:'',
orbitRadius: null,
radius: null,
orbitX: null,
orbitY: null,
timePassed: null,
speed: null,
alpha: null
}
},
mounted:function(){
......@@ -140,6 +147,7 @@
},3000);
});
this.xingkong();
var that = this;
......@@ -174,19 +182,23 @@
ctx = canvas.getContext('2d');
ctx.clearRect(0,0,canvas.width,canvas.height),
ctx.beginPath(),
w = 0,
h = 0,
w = canvas.width = window.innerWidth,
h = canvas.height = window.innerHeight,
hue = 217,
stars = [],
count = 0,
maxStars = 1300;
console.log(maxStars);
var canvas2 = document.createElement('canvas'),
ctx2 = canvas2.getContext('2d');
ctx2.clearRect(0,0,canvas2.width,canvas2.height),
ctx2.beginPath(),
ctx2.fillStyle = null,
canvas2.width = 100;
canvas2.height = 100;
var half = canvas2.width / 2,
......@@ -222,23 +234,23 @@
diameter = Math.round(Math.sqrt(max * max + max * max));
return diameter / 2;
};
console.log(w,h);
var Star = function() {
this.orbitRadius = random(maxOrbit(w, h));
this.orbitRadius = random(maxOrbit(w, h));
this.radius = random(60, this.orbitRadius) / 8;
this.radius = random(60, this.orbitRadius) / 8;
this.orbitX = w / 2;
this.orbitY = h / 2;
this.timePassed = random(0, maxStars);
this.speed = random(this.orbitRadius) / 50000;
this.alpha = random(2, 10) / 10;
this.orbitX = w / 2;
this.orbitY = h / 2;
this.timePassed = random(0, maxStars);
this.speed = random(this.orbitRadius) / 50000;
this.alpha = random(2, 10) / 10;
count++;
stars[count] = this;
count++;
stars[count] = this;
};
console.log(new Star());
Star.prototype.draw = function() {
var x = Math.sin(this.timePassed) * this.orbitRadius + this.orbitX,
y = Math.cos(this.timePassed) * this.orbitRadius + this.orbitY,
......@@ -256,7 +268,7 @@
};
for (var i = 0; i < maxStars; i++) {
new Star();
new Star();
};
function animation() {
......
......@@ -532,5 +532,5 @@
</span>
<span class="wave-keywords-text animated fadeIn">控制模块</span>
</div>
</div>
</div>
</div>
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