7 changed files with 93 additions and 2 deletions
@ -0,0 +1,86 @@ |
|||
<template> |
|||
<view class="main"> |
|||
<!-- nav --> |
|||
<navigation :bgTransparent="true">{{ i18n.AboutUs }}</navigation> |
|||
<!-- 列表 --> |
|||
<view class="content"> |
|||
<view class="card" v-for="(item, index) in 5" :key="index"> |
|||
<view class="title">{{ i18n.Consulting }}</view> |
|||
<view class="text">A Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem |
|||
Ipsum has been the industry's standard dummy text ever since the 1500s, </view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "aboutUs", |
|||
data() { |
|||
return { |
|||
}; |
|||
}, |
|||
computed: { |
|||
i18n() { |
|||
return this.$t("me"); |
|||
}, |
|||
}, |
|||
onLoad() { |
|||
}, |
|||
onShow() { }, |
|||
methods: { |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.main { |
|||
background-image: url(../../static/me/image.png); |
|||
background-repeat: no-repeat; |
|||
background-size: 750rpx 424rpx; |
|||
overflow: hidden; |
|||
|
|||
&::after { |
|||
content: ""; |
|||
position:fixed; |
|||
bottom: 0px; |
|||
right: 0px; |
|||
width: 418rpx; |
|||
height: 260rpx; |
|||
background-image: url(../../static/me/tarBg.png); |
|||
background-repeat: no-repeat; |
|||
background-size: cover; |
|||
} |
|||
|
|||
.content { |
|||
margin-top: 200rpx; |
|||
overflow: hidden; |
|||
|
|||
.card { |
|||
margin: 32rpx 32rpx 0; |
|||
border-radius: 40rpx; |
|||
padding: 20rpx; |
|||
padding-bottom: 40rpx; |
|||
background-color: rgba(0, 221, 156, 0.03); |
|||
|
|||
.title { |
|||
font-size: 32rpx; |
|||
line-height: 64rpx; |
|||
background: linear-gradient(65.75deg, #6BB7A8 13.22%, #631FFD 65.49%, #FF844B 114.4%), #FFFFFF; |
|||
-webkit-background-clip: text; |
|||
-webkit-text-fill-color: transparent; |
|||
background-clip: text; |
|||
text-fill-color: transparent; |
|||
} |
|||
|
|||
.text { |
|||
line-height: 150%; |
|||
font-size: 24rpx; |
|||
color: #80AB9E; |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
</style> |
After Width: | Height: | Size: 711 KiB |
After Width: | Height: | Size: 153 KiB |
Loading…
Reference in new issue