You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

131 lines
2.8 KiB
Vue

1 year ago
<template>
<view class="guanyuMy">
<view class="top">
<img class="n" src="https://www.jiubaotongxue.love/image/nav10.png" alt="" @click="backs" />
1 year ago
<view class="t" style="font-size: 36rpx;">
1 year ago
关于我们
</view>
</view>
<view class="header">
<view class="o">
<img class="i" src="https://www.jiubaotongxue.love/image/demo78.png" alt="" />
<text class="txt">好好洗车科技</text>
</view>
<view class="nei">
信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述
</view>
<view class="j">
杭州科技有限公司
</view>
<view class="js">
加盟热线123455566655
</view>
</view>
</view>
</template>
<script setup>
const backs = ()=>{
uni.navigateBack()
}
</script>
<style lang="scss">
.guanyuMy {
width: 100%;
height: 100%;
position: absolute;
background-color: #f5f6fa;
.top {
width: 100%;
height: 474rpx;
background-image: url("https://www.jiubaotongxue.love/image/demo77.png");
background-size: 100% 100%;
position: fixed;
top: 0rpx;
.n {
width: 64rpx;
height: 64rpx;
position: fixed;
top: 107rpx;
left: 20rpx;
z-index: 30;
}
.t {
position: fixed;
top: 110rpx;
width: 100%;
text-align: center;
font-size: 36rpx;
color: white;
}
}
.header {
width: 690rpx;
height: 492rpx;
background: #FFFFFF;
border-radius: 20rpx;
margin-top: 402rpx;
z-index: 20;
transform: translateX(-50%);
margin-left: 50%;
.o{
width: 100%;
height: 150rpx;
display: flex;
align-items: center;
.i{
width: 120rpx;
height: 120rpx;
border-radius: 50%;
margin-left: 30rpx;
margin-top: 40rpx;
}
.txt{
display: block;
margin-left: 20rpx;
font-size: 36rpx;
font-weight: 600;
margin-top: 40rpx;
}
}
.nei{
width: 630rpx;
height: 180rpx;
font-size: 26rpx;
color: #333333;
line-height: 36rpx;
text-align: left;
font-style: normal;
transform: translateX(-50%);
margin-left: 50%;
margin-top: 34rpx;
}
.j{
width: 630rpx;
height: 36rpx;
transform: translateX(-50%);
margin-left: 50%;
font-size: 26rpx;
color: #666666;
line-height: 36rpx;
text-align: left;
margin-top: 24rpx;
}.js{
width: 630rpx;
height: 36rpx;
transform: translateX(-50%);
margin-left: 50%;
font-size: 26rpx;
color: #666666;
line-height: 36rpx;
text-align: left;
margin-top: 4rpx;
}
}
}
</style>