|
|
@ -1,5 +1,15 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div id="cultrue">文化</div> |
|
|
<div id="cultrue"> |
|
|
|
|
|
<!-- 左侧 --> |
|
|
|
|
|
<div class="leftbox"> |
|
|
|
|
|
<div class="lb_wht"> |
|
|
|
|
|
<span class="wh_big_tit">文化</span> |
|
|
|
|
|
<span class="wh_small">图书馆|文化馆|博物馆</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- 中间 --> |
|
|
|
|
|
<!-- 右侧 --> |
|
|
|
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
<script> |
|
|
<script> |
|
|
export default { |
|
|
export default { |
|
|
@ -20,6 +30,34 @@ export default { |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
<style> |
|
|
<style> |
|
|
|
|
|
#cultrue{ |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
float: left; |
|
|
|
|
|
} |
|
|
|
|
|
/* 左边 */ |
|
|
|
|
|
.leftbox{ |
|
|
|
|
|
width: 25%; |
|
|
|
|
|
float: left; |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
} |
|
|
|
|
|
.leftbox .lb_wht{ |
|
|
|
|
|
background-image: url("../../assets/wh/wht_bg.png"); |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
|
background-position: 0 0; |
|
|
|
|
|
height: 4.2rem; |
|
|
|
|
|
} |
|
|
|
|
|
.leftbox .lb_wht span{ |
|
|
|
|
|
display: block; |
|
|
|
|
|
} |
|
|
|
|
|
.leftbox .lb_wht .wh_big_tit{ |
|
|
|
|
|
font-size: 0.68rem; |
|
|
|
|
|
line-height: 4.2rem; |
|
|
|
|
|
text-align: right; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.wh_bg { |
|
|
.wh_bg { |
|
|
clear: both; |
|
|
clear: both; |
|
|
background-image: url("../../assets/wh/whbg.jpg") !important; |
|
|
background-image: url("../../assets/wh/whbg.jpg") !important; |
|
|
|
