73 lines
1.5 KiB
Vue
73 lines
1.5 KiB
Vue
<template>
|
||
<view class="app">
|
||
<view class="concent">
|
||
<view class="background">
|
||
<image src="/static/logo.png" mode=""></image>
|
||
<view>
|
||
<view class="detailed">
|
||
<view>
|
||
“体卫融合”是推进我国全民健身与全民健康深度融合的重要途径，在发挥全民健身提高人民身体素质和健康水平、促进人的全面发展方面具有不可替代作用。“体卫融合”可引导广大居民践行“掌握一项体育技能、享受一生健康生活”的健康活动方式，树立“健康在我、预防为先、科学健身、贵在坚持”等生活理念，使全面健康新理念深入人心。
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
};
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.app {
|
||
padding-top: 10rpx;
|
||
|
||
.concent {
|
||
width: 701rpx;
|
||
height: 850rpx;
|
||
background: #4C7BC9;
|
||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||
border-radius: 20rpx;
|
||
margin: 5% auto 20px;
|
||
|
||
.background {
|
||
position: relative;
|
||
width: 657rpx;
|
||
height: 800rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 25rpx;
|
||
background-color: white;
|
||
margin: 0 auto;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
|
||
image {
|
||
width: 178rpx;
|
||
height: 84rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 25px;
|
||
margin-left: 68%;
|
||
margin-top: 5%;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.detailed {
|
||
width: 657rpx;
|
||
padding: 0 42rpx;
|
||
line-height: 56rpx;
|
||
}
|
||
|
||
.detailed view {
|
||
text-indent: 2em;
|
||
}
|
||
</style>
|