wudao.vue
4.92 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<template>
<div>
<div class="mt20" />
<div class="box">
<el-card>
<el-row :gutter="20">
<el-col :lg="5">
<div class="leftNav">
<ul>
<li class="active">主办单位</li>
<li>WDSF亚洲体育舞蹈节</li>
<li>体育舞蹈项目</li>
</ul>
</div>
</el-col>
<el-col :lg="19">
<div class="infoPart pd20">
<h3 class="leftboderTT">主办单位介绍</h3>
<div class="content">
<p>现场，由世界体育舞蹈联合设立的，集世界、洲际、中国三位一体的联合总部基地——世界体育舞蹈（无锡）中心正式揭牌。未来，无锡将以总部基地落户为契机，启动培育自主品牌赛事中国无锡体育舞蹈节，持续拓展交流合作、赛事研发、教育培训等领域，致力打造全球体育舞蹈地标城市和独具魅力的国际赛事名城。
</p>
<p>本次亚洲体育舞蹈节以“三赛合一”创新形式落地无锡，为期四天的时间内，将举行世界标准舞锦标赛、世界体育舞蹈大奖赛（无锡站）两项国际级赛事，以及中国体育舞蹈公开系列赛（无锡站）一项国家级赛事，共吸引来自39个国家和地区1700多名选手参赛。
</p>
<p>体育舞蹈分为两个项目群、十个舞种，其中标准舞（也称摩登舞）项目群包括华尔兹、维也纳华尔兹、探戈、狐步和快步舞。拉丁舞项项目群包括伦巴、恰恰、桑巴、牛仔和斗牛舞。据不完全统计，目前中国体育舞蹈爱好者已超过5000万人。
</p>
<p>现场，拉丁舞蹈演出Latin Girl、体育舞蹈舞服秀精彩上演。国内外顶尖选手燃情竞技，参赛“绅士”与“美女”们尽情展示华丽妆容和舞姿。
</p>
<p>“最美”体育项目在太湖之滨耀眼绽放，造就年度全球体育舞蹈领域高光场景，打出了无锡体育的又一张闪亮名片。
</p>
<p>本次亚洲体育舞蹈节面向公众开放VIP和看台两类观赛票。同时，赛事还将通过奥林匹克频道、人民日报视界、咪咕、中国体育舞蹈联合会官网和抖音号、亚洲体育舞蹈节微信视频号、虎牙、企鹅、微博等平台在线直播。
</p>
<img src="@/assets/zhinan/photo.png"/>
</div>
</div>
</el-col>
</el-row>
</el-card>
<div class="indexTitle">
<h3 class="leftboderTT">联系我们</h3>
</div>
<div class="mapBox mb20">
<div class="content">
<div class="phone">
<h4>电话</h4>
<p>张小姐：18888888888</p>
</div>
<div class="address">
<h4>地址</h4>
<p>无锡市经开区清舒道88号</p>
</div>
<div class="email">
<h4>邮箱</h4>
<p>8888989@163.com</p>
</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
</script>
<style scoped lang="scss">
.leftNav{
ul{border-right: 2px solid #E5E5E5;padding:0 20px 0 0;}
li{margin: 30px 0;padding: 10px;text-align: right;
border-radius: 2px;position: relative;
font-weight: 600;
font-size: 18px;
background: linear-gradient(90deg, rgba(134, 35, 252, 0.1), rgba(69, 61, 234, 0.1));}
li::after{content: '';position: absolute;background: #898989;width: 8px;height: 8px;
border-radius: 50%;right: -29px;border: 4px solid #fff;outline: 2px solid #898989;
box-sizing: content-box;top: 0;bottom: 0;margin: auto;}
li.active{color: #fff;
background: linear-gradient(90deg, #8623FC, #453DEA);
&::after{outline: 2px solid #453DEA;background: #453DEA;}
}
}
.infoPart{
.leftboderTT{font-size:20px;color: var(--el-color-primary); }
}
.content{margin: 20px 0 0;text-indent: 2em;
line-height: 1.8;
font-weight: 400;
font-size: 16px;
color: #29343C;
img{max-width: 100%;margin: 20px auto;display: block;}
h4{text-indent: 0}
}
.mapBox{background: url("@/assets/zhinan/map.png") no-repeat right;height: 375px;
background-size: cover;padding: 1px;position: relative;display: flex;
.content{background: #fff;width: 60%;left: 40px;padding: 30px;text-indent: 0;
line-height: 1;
position: absolute;height: 90%;top: 0;bottom: 0;margin: auto;
}
div{padding-left: 60px;}
.phone{background: url("@/assets/dance/map01.png") no-repeat left;background-size: 30px;}
.address{background: url("@/assets/dance/map02.png") no-repeat left;background-size: 30px;
margin:50px 0;
}
.email{background: url("@/assets/dance/map03.png") no-repeat left;background-size: 30px;}
h4{margin: 0;
font-size: 16px;
color: #AAAAAA;}
p{margin: 13px 0 0;}
}
</style>