72 lines
1.1 KiB
Vue
72 lines
1.1 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: 550rpx;
|
|
background: #18CBB3;
|
|
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: 500rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 25rpx;
|
|
background-color: white;
|
|
margin: 0 auto;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
|
|
image {
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 25px;
|
|
margin-left: 68%;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.detailed {
|
|
width: 657rpx;
|
|
padding: 0 20rpx;
|
|
line-height: 56rpx;
|
|
text-align: justify;
|
|
}
|
|
|
|
.detailed view {
|
|
text-indent: 2em;
|
|
}
|
|
</style>
|