dpzvc-ui 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +3 -3
- package/src/components/Text/index.js +1 -1
- package/src/components/action-sheet/index.js +1 -1
- package/src/components/loadMore/index.js +1 -1
- package/src/components/picker/area-picker/props.js +1 -1
- package/src/components/picker/date-picker/props.js +1 -1
- package/src/components/picker/index.js +1 -1
- package/src/components/picker/normal-picker/props.js +1 -1
- package/src/components/popup/index.js +1 -1
- package/src/components/progress/index.js +1 -1
- package/src/components/spinner/index.js +1 -1
- package/src/components/spinner/props.js +1 -1
- package/src/components/switchbar/index.js +1 -1
- package/src/components/tab/index.js +1 -1
- package/src/components/toTop/index.js +1 -1
- package/src/components/upload/index.js +1 -1
- package/src/views/Picker.vue +1 -1
- package/src/views1/ActionSheet.vue +0 -33
- package/src/views1/Badge.vue +0 -40
- package/src/views1/Button.vue +0 -40
- package/src/views1/Card.vue +0 -52
- package/src/views1/Cell.vue +0 -21
- package/src/views1/CellSwipe.vue +0 -85
- package/src/views1/CheckBox.vue +0 -53
- package/src/views1/Header.vue +0 -47
- package/src/views1/Indicator.vue +0 -69
- package/src/views1/LoadMore.vue +0 -54
- package/src/views1/Message.vue +0 -42
- package/src/views1/Modal.vue +0 -32
- package/src/views1/Picker.vue +0 -50
- package/src/views1/Popup.vue +0 -87
- package/src/views1/Progress.vue +0 -32
- package/src/views1/Prompt.vue +0 -31
- package/src/views1/RadioBox.vue +0 -55
- package/src/views1/Rater.vue +0 -39
- package/src/views1/SlideBar.vue +0 -47
- package/src/views1/Spinner.vue +0 -15
- package/src/views1/Swipe.vue +0 -34
- package/src/views1/SwitchBar.vue +0 -36
- package/src/views1/Tab.vue +0 -41
- package/src/views1/Text.vue +0 -64
- package/src/views1/ToTop.vue +0 -17
- package/src/views1/Upload.vue +0 -44
- package/src/views1/guide.vue +0 -159
- package/src/views1/index.vue +0 -435
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dpzvc-ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2",
|
|
4
4
|
"description": "Vue组件库",
|
|
5
5
|
"main": "dist/dpzvc.js",
|
|
6
6
|
"module": "dist/dpzvc.esm.js",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"build:prod": "webpack --config webpack.dist.prod.config.js",
|
|
13
13
|
"build": "npm run build:style && npm run build:dev && npm run build:prod",
|
|
14
14
|
"dist": "webpack --progress --config webpack.prod.config.js",
|
|
15
|
-
"prepare": "husky
|
|
15
|
+
"prepare": "husky"
|
|
16
16
|
},
|
|
17
17
|
"repository": {
|
|
18
18
|
"type": "git",
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
},
|
|
106
106
|
"lint-staged": {
|
|
107
107
|
"*.{js,vue}": [
|
|
108
|
-
"eslint --max-warnings=
|
|
108
|
+
"eslint --max-warnings=0"
|
|
109
109
|
]
|
|
110
110
|
}
|
|
111
111
|
}
|
package/src/views/Picker.vue
CHANGED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="ActionSheet">
|
|
3
|
-
<VButton width="50%" @click="visible = true"></VButton>
|
|
4
|
-
<ActionSheet :items="actionSheet" v-model="visible">
|
|
5
|
-
|
|
6
|
-
</ActionSheet>
|
|
7
|
-
</div>
|
|
8
|
-
</template>
|
|
9
|
-
|
|
10
|
-
<script>
|
|
11
|
-
export default {
|
|
12
|
-
name: "action-sheet",
|
|
13
|
-
data(){
|
|
14
|
-
return {
|
|
15
|
-
visible:false,
|
|
16
|
-
actionSheet:[
|
|
17
|
-
{text: '提交'},
|
|
18
|
-
{text: '确定'},
|
|
19
|
-
]
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<style lang="less" scoped>
|
|
26
|
-
.ActionSheet {
|
|
27
|
-
height: 100%;
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
justify-content: space-around;
|
|
31
|
-
align-items: center;
|
|
32
|
-
}
|
|
33
|
-
</style>
|
package/src/views1/Badge.vue
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="Badge">
|
|
3
|
-
<Badge number="10">
|
|
4
|
-
<div class="item"></div>
|
|
5
|
-
</Badge>
|
|
6
|
-
|
|
7
|
-
<Badge number="100" max="99" :dot="false">
|
|
8
|
-
<div class="item"></div>
|
|
9
|
-
</Badge>
|
|
10
|
-
|
|
11
|
-
<Badge number="100" max="99" :dot="true">
|
|
12
|
-
<div class="item"></div>
|
|
13
|
-
</Badge>
|
|
14
|
-
</div>
|
|
15
|
-
</template>
|
|
16
|
-
|
|
17
|
-
<script>
|
|
18
|
-
|
|
19
|
-
export default {
|
|
20
|
-
name: "badge",
|
|
21
|
-
data(){
|
|
22
|
-
return {
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
</script>
|
|
29
|
-
|
|
30
|
-
<style lang="less" scoped>
|
|
31
|
-
.Badge {
|
|
32
|
-
width: 100%;
|
|
33
|
-
margin-top: 100px;
|
|
34
|
-
display: flex;
|
|
35
|
-
justify-content: space-around;
|
|
36
|
-
.item {
|
|
37
|
-
width: 45px;height: 45px;background-color: red
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
</style>
|
package/src/views1/Button.vue
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="Button">
|
|
3
|
-
<VButton type="primary">Primary</VButton>
|
|
4
|
-
<VButton type="success" :loading="loading" @click="onClick">Success</VButton>
|
|
5
|
-
<VButton type="warning" :loading="loading" @click.native="onClick">Warning</VButton>
|
|
6
|
-
<VButton type="danger">Danger</VButton>
|
|
7
|
-
<VButton type="normal">Normal</VButton>
|
|
8
|
-
<VButton type="normal" disabled >Disabled</VButton>
|
|
9
|
-
</div>
|
|
10
|
-
</template>
|
|
11
|
-
|
|
12
|
-
<script>
|
|
13
|
-
import VButton from '../components/button'
|
|
14
|
-
export default {
|
|
15
|
-
name: "button",
|
|
16
|
-
data(){
|
|
17
|
-
return {
|
|
18
|
-
loading:false
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
components:{
|
|
22
|
-
VButton
|
|
23
|
-
},
|
|
24
|
-
methods:{
|
|
25
|
-
onClick(){
|
|
26
|
-
this.loading = !this.loading
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
</script>
|
|
31
|
-
|
|
32
|
-
<style lang="less" scoped>
|
|
33
|
-
.Button {
|
|
34
|
-
height: 100%;
|
|
35
|
-
display: flex;
|
|
36
|
-
flex-direction: column;
|
|
37
|
-
justify-content: space-around;
|
|
38
|
-
align-items: center;
|
|
39
|
-
}
|
|
40
|
-
</style>
|
package/src/views1/Card.vue
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="Card">
|
|
3
|
-
<Card width="80%">
|
|
4
|
-
<span class="item" slot="header">头部</span>
|
|
5
|
-
<span class="item-main" >内容</span>
|
|
6
|
-
<span class="item" slot="footer">底部</span>
|
|
7
|
-
|
|
8
|
-
</Card>
|
|
9
|
-
</div>
|
|
10
|
-
</template>
|
|
11
|
-
|
|
12
|
-
<script>
|
|
13
|
-
|
|
14
|
-
export default {
|
|
15
|
-
name: "card",
|
|
16
|
-
data(){
|
|
17
|
-
return {
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<style lang="less" scoped>
|
|
26
|
-
.Card {
|
|
27
|
-
background: #4d4d4d;
|
|
28
|
-
width: 100%;
|
|
29
|
-
height: 100%;
|
|
30
|
-
display: flex;
|
|
31
|
-
flex-direction: row;
|
|
32
|
-
justify-content: center;
|
|
33
|
-
align-items: center;
|
|
34
|
-
.item {
|
|
35
|
-
width: 100%;
|
|
36
|
-
height: 100%;
|
|
37
|
-
;
|
|
38
|
-
display: flex;
|
|
39
|
-
align-items: center;
|
|
40
|
-
justify-content: center;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.item-main {
|
|
44
|
-
width: 100%;
|
|
45
|
-
height: 200px;
|
|
46
|
-
|
|
47
|
-
display: flex;
|
|
48
|
-
align-items: center;
|
|
49
|
-
justify-content: center;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
</style>
|
package/src/views1/Cell.vue
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="Cell">
|
|
3
|
-
<Cell title="Guide" label="导航" link="/guide" value="跳转到导航页"></Cell>
|
|
4
|
-
<Cell title="Index" label="主页" link="/guide" ></Cell>
|
|
5
|
-
</div>
|
|
6
|
-
</template>
|
|
7
|
-
|
|
8
|
-
<script>
|
|
9
|
-
|
|
10
|
-
export default {
|
|
11
|
-
name: "cell",
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<style lang="less" scoped>
|
|
17
|
-
.Cell {
|
|
18
|
-
width: 100%;
|
|
19
|
-
position: relative;
|
|
20
|
-
}
|
|
21
|
-
</style>
|
package/src/views1/CellSwipe.vue
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="CellSwipe">
|
|
3
|
-
<CellSwipe :right="right" title="向左滑" has-mask ></CellSwipe>
|
|
4
|
-
<CellSwipe :left="left" title="向右滑" has-mask ></CellSwipe>
|
|
5
|
-
<template v-if="show">
|
|
6
|
-
<CellSwipe :left="left" :right="right" title="删除测试" has-mask ></CellSwipe>
|
|
7
|
-
</template>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
</div>
|
|
12
|
-
</template>
|
|
13
|
-
|
|
14
|
-
<script>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
export default {
|
|
20
|
-
name: "cell-swipe",
|
|
21
|
-
data(){
|
|
22
|
-
return {
|
|
23
|
-
show:true,
|
|
24
|
-
left:[
|
|
25
|
-
{
|
|
26
|
-
content:'确定',
|
|
27
|
-
style:{
|
|
28
|
-
backgroundColor:'#eee',
|
|
29
|
-
color:'#fff'
|
|
30
|
-
},
|
|
31
|
-
handleClick:function(){
|
|
32
|
-
EventBus.$Modal.info({
|
|
33
|
-
body:'点击了确定'
|
|
34
|
-
})
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
content:'删除',
|
|
39
|
-
style:{
|
|
40
|
-
backgroundColor:'red',
|
|
41
|
-
color:'#fff'
|
|
42
|
-
},
|
|
43
|
-
handleClick:function(){
|
|
44
|
-
EventBus.$Modal.info({
|
|
45
|
-
body:'点击了删除'
|
|
46
|
-
})
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
],
|
|
50
|
-
right:[
|
|
51
|
-
{
|
|
52
|
-
content:'确定',
|
|
53
|
-
style:{
|
|
54
|
-
backgroundColor:'#eee',
|
|
55
|
-
color:'#fff'
|
|
56
|
-
},
|
|
57
|
-
handleClick:function(){
|
|
58
|
-
EventBus.$Modal.info({
|
|
59
|
-
body:'点击了确定'
|
|
60
|
-
})
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
content:'删除',
|
|
65
|
-
style:{
|
|
66
|
-
backgroundColor:'red',
|
|
67
|
-
color:'#fff'
|
|
68
|
-
},
|
|
69
|
-
handleClick:function(){
|
|
70
|
-
EventBus.$Modal.info({
|
|
71
|
-
body:'点击了删除'
|
|
72
|
-
})
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
],
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}
|
|
81
|
-
</script>
|
|
82
|
-
|
|
83
|
-
<style scoped>
|
|
84
|
-
|
|
85
|
-
</style>
|
package/src/views1/CheckBox.vue
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="CheckBox">
|
|
3
|
-
<p>checkbox组合</p>
|
|
4
|
-
<div class="item">
|
|
5
|
-
<CheckBox-group v-model="data" >
|
|
6
|
-
<CheckBox label="中国"></CheckBox>
|
|
7
|
-
<CheckBox label="美国"></CheckBox>
|
|
8
|
-
<CheckBox label="日本"></CheckBox>
|
|
9
|
-
</CheckBox-group>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<div class="item">value:{{data}}</div>
|
|
13
|
-
<p>单个checkbox</p>
|
|
14
|
-
<div class="item"><CheckBox label="苹果" v-model="checked" ></CheckBox></div>
|
|
15
|
-
<div class="item">checked:{{checked}}</div>
|
|
16
|
-
<p>禁用的checkbox</p>
|
|
17
|
-
<div class="item"><CheckBox label="玩具" disable></CheckBox></div>
|
|
18
|
-
</div>
|
|
19
|
-
</template>
|
|
20
|
-
|
|
21
|
-
<script>
|
|
22
|
-
|
|
23
|
-
export default {
|
|
24
|
-
name: "check-box",
|
|
25
|
-
data(){
|
|
26
|
-
return {
|
|
27
|
-
data: [],
|
|
28
|
-
visible: true,
|
|
29
|
-
checked:false
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
</script>
|
|
35
|
-
|
|
36
|
-
<style lang="less" scoped>
|
|
37
|
-
.CheckBox {
|
|
38
|
-
padding-top: 100px;
|
|
39
|
-
p {
|
|
40
|
-
width: 100%;
|
|
41
|
-
font-weight: bold;
|
|
42
|
-
font-size: 16px;
|
|
43
|
-
margin: 20px 0;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.item{
|
|
47
|
-
width: 100%;
|
|
48
|
-
display: flex;
|
|
49
|
-
justify-content: center;
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
</style>
|
package/src/views1/Header.vue
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="Header">
|
|
3
|
-
<div class="item">
|
|
4
|
-
<DpHeader title="Header" :fixed="fixed"></DpHeader>
|
|
5
|
-
</div>
|
|
6
|
-
<div class="item">
|
|
7
|
-
<DpHeader title="Header" :fixed="fixed">
|
|
8
|
-
<span slot="right" @click="share">分享</span>
|
|
9
|
-
</DpHeader>
|
|
10
|
-
</div>
|
|
11
|
-
<div class="item">
|
|
12
|
-
<DpHeader title="Header" :fixed="fixed">
|
|
13
|
-
<span slot="left">返回</span>
|
|
14
|
-
<span slot="right" @click="share">分享</span>
|
|
15
|
-
</DpHeader>
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
</template>
|
|
19
|
-
|
|
20
|
-
<script>
|
|
21
|
-
|
|
22
|
-
export default {
|
|
23
|
-
name: "dp-header",
|
|
24
|
-
|
|
25
|
-
data(){
|
|
26
|
-
return {
|
|
27
|
-
fixed:false
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
methods:{
|
|
31
|
-
share(){
|
|
32
|
-
this.$Modal.confirm({
|
|
33
|
-
showHead:false,
|
|
34
|
-
body:'点击了分享'
|
|
35
|
-
})
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
</script>
|
|
40
|
-
|
|
41
|
-
<style scoped>
|
|
42
|
-
.item {
|
|
43
|
-
position: relative;
|
|
44
|
-
margin-bottom: 20px;
|
|
45
|
-
height: 50px;
|
|
46
|
-
}
|
|
47
|
-
</style>
|
package/src/views1/Indicator.vue
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="Indicator">
|
|
3
|
-
<div class="item">
|
|
4
|
-
<VButton @click="blade()">blade</VButton>
|
|
5
|
-
</div>
|
|
6
|
-
<div class="item">
|
|
7
|
-
<VButton @click="snake()">snake</VButton>
|
|
8
|
-
</div>
|
|
9
|
-
<div class="item">
|
|
10
|
-
<VButton @click="circle()">circle</VButton>
|
|
11
|
-
</div>
|
|
12
|
-
<div class="item">
|
|
13
|
-
<VButton @click="bounce()">bounce</VButton>
|
|
14
|
-
</div>
|
|
15
|
-
</div>
|
|
16
|
-
</template>
|
|
17
|
-
|
|
18
|
-
<script>
|
|
19
|
-
|
|
20
|
-
export default {
|
|
21
|
-
name: "indicator",
|
|
22
|
-
methods:{
|
|
23
|
-
blade(){
|
|
24
|
-
this.$Indicator.blade()
|
|
25
|
-
|
|
26
|
-
setTimeout(()=>{
|
|
27
|
-
this.$Indicator.remove()
|
|
28
|
-
},3000)
|
|
29
|
-
|
|
30
|
-
},
|
|
31
|
-
snake(){
|
|
32
|
-
this.$Indicator.snake()
|
|
33
|
-
|
|
34
|
-
setTimeout(()=>{
|
|
35
|
-
this.$Indicator.remove()
|
|
36
|
-
},3000)
|
|
37
|
-
},
|
|
38
|
-
circle(){
|
|
39
|
-
this.$Indicator.circle()
|
|
40
|
-
|
|
41
|
-
setTimeout(()=>{
|
|
42
|
-
this.$Indicator.remove()
|
|
43
|
-
},3000)
|
|
44
|
-
},
|
|
45
|
-
bounce(){
|
|
46
|
-
this.$Indicator.bounce()
|
|
47
|
-
|
|
48
|
-
setTimeout(()=>{
|
|
49
|
-
this.$Indicator.remove()
|
|
50
|
-
},3000)
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
</script>
|
|
55
|
-
|
|
56
|
-
<style lang="less" scoped>
|
|
57
|
-
.Indicator {
|
|
58
|
-
height: 100%;
|
|
59
|
-
display: flex;
|
|
60
|
-
justify-content: space-around;
|
|
61
|
-
flex-direction: column;
|
|
62
|
-
align-items: center;
|
|
63
|
-
|
|
64
|
-
.item {
|
|
65
|
-
margin:0 auto;
|
|
66
|
-
width: 50%;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
</style>
|
package/src/views1/LoadMore.vue
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="LoadMore">
|
|
3
|
-
<LoadMore :refresh="topMethod" height="100%" ref="more" :load-more="bottomMethod" :has-more="hasMore"
|
|
4
|
-
@on-change-up-status="getStatus">
|
|
5
|
-
<div style="width: 100%;height: 50px;" v-for="item in loadmore">{{item}}</div>
|
|
6
|
-
</LoadMore>
|
|
7
|
-
</div>
|
|
8
|
-
|
|
9
|
-
</template>
|
|
10
|
-
|
|
11
|
-
<script>
|
|
12
|
-
|
|
13
|
-
export default {
|
|
14
|
-
name: "load-more",
|
|
15
|
-
data(){
|
|
16
|
-
return {
|
|
17
|
-
hasMore:true,
|
|
18
|
-
loadmore:['LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore']
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
methods:{
|
|
22
|
-
topMethod(){
|
|
23
|
-
this.loadMore = ['LoadMore','LoadMore']
|
|
24
|
-
|
|
25
|
-
setTimeout(()=>{
|
|
26
|
-
this.$refs.more.onLoadOff();
|
|
27
|
-
},2000)
|
|
28
|
-
this.hasMore = true;
|
|
29
|
-
},
|
|
30
|
-
bottomMethod(){
|
|
31
|
-
|
|
32
|
-
setTimeout(()=>{
|
|
33
|
-
this.$refs.more.onLoadOff();
|
|
34
|
-
this.loadmore.push(...['LoadMore','LoadMore']);
|
|
35
|
-
|
|
36
|
-
},2000)
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
},
|
|
40
|
-
getStatus(val){
|
|
41
|
-
console.log(val)
|
|
42
|
-
},
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
}
|
|
46
|
-
</script>
|
|
47
|
-
|
|
48
|
-
<style lang="less" scoped>
|
|
49
|
-
.LoadMore {
|
|
50
|
-
width: 100%;
|
|
51
|
-
height: 100%;
|
|
52
|
-
overflow: auto;
|
|
53
|
-
}
|
|
54
|
-
</style>
|