<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no">
<title>知产合伙人</title>
<link rel="stylesheet" href="/css/ele/chalk.css">
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/fontawesome/css/font-awesome.min.css">
<script src="/js/vue/vue.min.js"></script>
<script src="/js/vue/vue-router.min.js"></script>
<script src="/js/vue/vuex.min.js"></script>
<script src="/js/ele/index.js"></script>
<style>
	body{

	}
	.bkp{
	 background-color: #ddd;
	 height: 100%;
	 width: 100%;
	 position: fixed;
	 z-index: 1000;
	 margin-top: 0px;
	 top: 0px;
	 overflow: auto;
	}
	.bkp-center{
	 width: 100%;
	 height: 100%;
	 position: relative;
	}
	.header{
		width:100%;
		z-index:1002;
		position:fixed;
		left:0px;
		background-color: #2c3e50;
		border-bottom: 1px solid #666;
	}
	.stage{
	 position: absolute;
	 /*background-color: red;*/
	 /*left: 50%;*/
	 height: 100%;
	 width: 100%;
	 /*margin-left: -650px;*/
	 background-color: #ddd;

	}

	.appname{
		float: left;
		width: 150px;
		line-height: 50px;
		padding-left: 15px;
		color: #fff
	}
	.appname img{
		margin-top: 15px;
		height: 35px;
	}
	.menudiv{
		float: right;
		margin-right: 80px;
	}
  .el-menu{
		background-color:transparent;
		border-bottom: none
	}
	.el-carousel{
		overflow: hidden;
	}
	.el-carousel__item{
		padding-top: 150px;
	}
	.el-carousel__item img{
      width: 300px;
			height:300px;
  }
	.el-carousel__item h3 {
		color: #eee;
		font-size: 14px;
		opacity: 0.75;
		line-height: 200px;
		margin: 0;
  }

.el-carousel__item:nth-child(2n) {
	background-color: #2c3e50;
}

.el-carousel__item:nth-child(2n+1) {
	background-color: #2c3e50;
}
.slogon{
	line-height: 80px;
	text-align: center;
	background-color: white;
	color: #aaa;
}
</style>
</head>
<body>
	<div id="app">
		<div class="bkp">
			 <div class="bkp-center">
				   <div class="header">
						    <div class="appname">
									<img src="/imgs/appname.png"/>

								</div>
								<div class="menudiv">
										<el-menu  :default-active="activeIndex" active-text-color="orange" text-color="#ddd" mode="horizontal">
											 <el-menu-item index="1">控制台</el-menu-item>
									 </el-menu>
								</div>
					 </div>
            <div class="stage">
							<el-carousel :interval="6000"  height="600px">
								 <el-carousel-item v-for="item in items" :key="item.code" >
									 <el-row>
										 <el-col span="12" style="text-align:center;">
											 <img src="/imgs/i23.png" style="width:10%;height:5%;"/>
											 <img :src="item.right" />
										 </el-col>
										 <el-col span="12" style="text-align:center;">
											 <img :src="item.left"/>
										 </el-col>
									 </el-row>
								 </el-carousel-item>
							</el-carousel>
							<div class="slogon">
								<div>
									<h3>扫码成为合伙人，轻轻松松做老板</h3>
									<div id="login_container" style="background-color:white;height:150px;margin-top:-40px;"></div>
								</div>
								<div style="margin-top:5px">
									  <h3>合伙人开工流程</h3>
										<el-steps :active="activeIndex" align-center>
											<el-step title="申请成为合伙人" icon="el-icon-mobile-phone"  description="扫码完成申请"></el-step>
											<el-step title="核价" icon="el-icon-edit-outline" description="核算待办商标的价格"></el-step>
											<el-step title="下单" icon="el-icon-sold-out" description="在平台下单,分享订单付款或直接付款"></el-step>
											<el-step title="申报" icon="el-icon-upload2" description="平台机器人代替人工智能提报"></el-step>
											<el-step title="进度" icon="el-icon-loading" description="平台推送办理进度"></el-step>
											<el-step title="开票" icon="el-icon-tickets" description="合伙人向平台申请为客户或自己开具发票"></el-step>
											<el-step title="分润" icon="el-icon-rank" description="合伙人向平台申请为客户或自己开具发票"></el-step>
										</el-steps>
							  </div>

							</div>

						</div>
			 </div>
		</div>
  </div>
	<script src="/js/vue/jquery.min.js"></script>
  <script src="/js/vue/axios.min.js"></script>
	<script src="/js/wx/wxLogin.js"></script>
	<script>
	var app=new Vue({
		el:"#app",
		data:function(){
			return {
				activeIndex:1,
				items:[
					{code:"zero",left:"/imgs/i22.png",right:"/imgs/rebot.png"},
					{code:"one",left:"/imgs/i21.png",right:"/imgs/rebot.png"},
					{code:"two",left:"/imgs/i2.png",right:"/imgs/rebot.png"},
				],
				active: 0
			};
		},
	});
	var obj = new WxLogin({
			self_redirect:false,
			id:"login_container",
			appid:"wx76a324c5d201d1a4",
			scope:"snsapi_login",
			redirect_uri:"http://boss.gongsibao.com/",
			state: "wx76a324c5d201d1a4",
			href: "https://boss.gongsibao.com/css/qr.css"
	});
	</script>
</body>
</html>
