<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
body{margin:0;}
ul{margin:0; padding:0; list-style:none; overflow:hidden;}
.box{ width:500px; border:1px #000 solid;}
li{width:100px; float:left; background-color:#6FF; height:50px; line-height:50px; text-align:center; cursor:pointer;}
li.active{background-color:#fff;}
.box .content{height:50px; padding:50px;}
</style>
</head>
<body>
<div class="box">
<xzy-tab
:cities="cities1"
:contents="contents1"
:n="n"></xzy-tab>
<xzy-tab
:cities="cities2"
:contents="contents2"
:n="n"></xzy-tab>
</div>
<script src="vue.js"></script>
<script>
/*<div class=
vue组件做选项卡效果
最新推荐文章于 2024-05-07 08:44:06 发布